In this article, you will find out how to create a mobile page for your apps and mobile website.
Create a mobile page
Your apps and mobile website are, simply put, carefully structured mobile pages that link to one another. The homepage, category page, sales page, fashion lookbook... How can you easily create so many pages that are so different in designs and functions?
The answer is the widget! Available in various sizes and functions, these building blocks can be easily personalized, added to, and rearranged on a mobile page.
Step 1. Add a page
- Log in to your Shopgate Admin and navigate to Design → Pages.
- The Pages page will open. By default, your homepage is created automatically.
- To add another page, click "+ Add new page", enter a name for the page and Save.
Now the page is created and accessible from the Pages drop-down.
Step 2. Design the layout
Now your page layout for this view (Smartphone or Tablet) is saved. To design the layout for another view or another page, select the page and view then repeat the steps.
Preview a mobile page
To preview the homepage on your apps or on your mobile website, follow the instructions here:
|On the apps||
Download your preview app.
If your apps are live, download them from the App Store and the Google Play Store.
|On the mobile website||
Visit your mobile website in a browser.
You can also use the "Preview Mobile Shop" drop-down on the top right of your Shopgate Admin.
To preview pages other than the homepage, follow the instructions below:
On the apps
Your app pages are only visible if they can be accessed via the homepage or linked to a "More" menu entry. To link a page to the homepage, follow the steps here:
On the mobile website
You can preview any pages on your mobile website using the page URL:
☞ To make changes to the page URL, enter a different URL Key and click Save.
Frequently Asked Questions
How can I apply separate designs to my apps and the mobile website?
By default, the same page layouts are used for your apps and mobile website. To use separate designs for your apps and website,
- click "settings" on the right, and slide one or both of these options to OFF:
- Now more tabs will appear on the Pages page - configure your app designs under the tabs "Smartphone Apps" and "Tablet Apps", and the mobile website designs under the others.
Where can I find my old CMS pages?
The CMS pages you have configured before are now showing under Pages.
Look for the drop-down on top of the page and click on it. You will find all the old CMS pages listed alphabetically.