This article will cover all the information that you will need to customise the home screen of your mobile app.
Click on Settings to expand the tab menu. Follow the steps below to set up your section colors.
The main banner is displayed on the header of your home screen. It’s important to spend some time designing the main banner with the help of banner image, color fills, banner text attributes.
In this section, we will talk about the elements that will help design a perfect banner for your home screen.
You have the option of designing your banner using an image or simply filling it with a solid color. Both of these options are discussed below.
Choose an image from AppMyite’s library or upload one from your device.
Follow the steps below to select an image from the image library.
Follow these steps to upload an image from your own device
Make sure the image file meets the required specifications.
Follow these steps to fill the banner with a solid color.
The banner message refers to the text on your banner image. Try to craft an engaging message for your audience. Here are the design elements you need to take care of.
You can add a message to your banner. Set the banner text as explained below.
Here’s how you select the font for your banner text.
Select a font that complements the overall design of your app.
Set the font size for your banner text with the following steps.
Select the font color for the banner text with the following steps.
Adjust the alignment of the text as you want it to appear on the banner.
Click DONE to save design settings for the Main Banner section.
This section will talk about designing the product categories for your app home screen.
Click to open the drop-down menu. Select the number of columns you’d like to distribute the product categories within.
Selecting this will import the relevant category images from your online store.
The category images are imported from the category images set on the website. Therefore, make sure that you set images for all product categories on your website.
Select this to style and customize product categories with attractive solid colors.
Select the shape in which you’d prefer to display the product categories. You can choose between sharp, round, and circle as shapes for your category tiles.
Select the color for the category names.
Select the exact product categories that you’d like to showcase on the app home screen. The display options in the drop-down menu include:
This will populate the parent product categories from your website.
This will populate the product categories from your website which have the highest number of products in them.
Select this option and click on Select categories to manually hand-pick the product categories that you would like to populate on the app dashboard.
Select the way you’d like to sort the categories on the home screen. You can sort the product categories in alphabetical order or the number of products in each category.
This guide will talk about customising the blog category section of your app home screen.
This feature will enable you to display a webpage on your mobile application.
You can turn off the display of all other sections in case you’d like to display only the webpage.
The page management section enables you to handpick the pages you want to showcase on your app home screen. The following steps explain how the process works.
Click on Save when you’re done.
In this part, you can rearrange the different sections of your app home screen. These sections include.
All these sections are designed in the section color field. The sections you get to display may differ depending on the type of website you choose. For instance, you won’t see options to display product-related sections if you choose Blog as your website type. Conversely, you won’t see blog-related sections if you choose Ecommerce as your website type.
You can choose the sections you wish to see on your home screen. To display a section on the home screen, turn on the toggle button in the section tab. To hide a section, turn the toggle button on the section tab off.
You can rearrange all the aforementioned sections of your app. Follow the steps discussed below.
Customizing headers on the home screen helps you personalize your app for your users. On AppMySite, you can rename the headers on your home screen within minutes.
The following steps explain the process:
Finally, preview the changes on the live mobile app emulator to the right. Click on SAVE and proceed to the next step.