Mobile Shop App Template for Android & iPhone
If you're reading this guide you probably need a new mobile app for your store. The first step in this process is to use CreaTusApps App Builder with the mobile ordering features from our “Add new page” section to create a working app that can be previewed and tested using our Previewer Applications (Download Android App Here– Download iOS App Here).
A checklist for building your first app
Step 1. We advise all our customers to write on a paper the basic app requirements. Having this will help you design your app much faster.
I have already compiled a list of requirements for my Mobile Store app so I'll share these with you:
Buttons for: Categories, Win a Prize, About, Our Locations, Facebook page and Share the app.
Categories: Fashion, Jewelry, Electronics, Sports. etc
- As first page (index.html) I'll use the Button Menu and will add some custom design to it.
- Categories: Product Order page type.
- Win a prize: Slot Machine page type.
- About: About Us page type.
- Find us: Map page.
- Facebook: Mobile page type.
- Share the app: App Share page type.
- Order page type for processing the order.
** I'll pick a Blank Template; however, the app that I'm designing now will be added as a template, and you may pick it from our templates page: MobileShop
Building your Mobile Store app
Step 1. Since I have already written down all of the app requirements and the needed features (page types), I'll simply add all the needed pages in my app.
Step 2. In the navigation settings I've chosen the “No Tabs” option because I don't need tab buttons in my app. However, feel free to pick Native or Custom tabs if you need them, this is up to you.
Now I'll start to customize the “Landing page” of my app which is index.html .
Using the Button Menu page is really easy (TUTORIAL). However, I'll design 2 custom buttons in it with our Layout Editor – One will be for the Product Order page and the second one for the Order page type.
Step 3. In this step, I'll configure the ordering feature in my app.
**Please note: If you're developing this app for your customer, you may provide him with a restricted access to the app for updating his available products without “touching” the app design and app settings.
Step 4. In the last step, I'll configure the pages used in my app.