Skip to main content
How to create a homepage

Learn how to create a homepage using our drag & drop design tool

Josh Gare avatar
Written by Josh Gare
Updated over 2 years ago

The homepage is the first page of the app that your users will visit and therefore needs to generate excitement about your products. You should use the homepage to showcase your best selling products and collections and any promotions that you are currently running.

To create a homepage, all you have to do is drag and drop modules from the module library onto the phone template and then customise them to your liking.

1. Modules

Modules are the building blocks for creating a homepage. We currently support 15 modules:

  1. Spacer

  2. Text Box

  3. Button

  4. Countdown Timer

  5. Banner

  6. Video

  7. Carousels:

    1. Banner Carousel

    2. Custom Carousel

    3. Product Carousel

    4. Recently Viewed Products

  8. Grids:

    1. Custom Grid

    2. Product Grid

  9. Social Media Stack

  10. Expanding Link List

  11. Multi-homepage Tab

πŸ’‘ Pro Tip:

  • You can use as many modules as you like. However, the more content on the homepage, the slower it will load. As such, try to reduce the number of large files such as videos.

2. Module Library

The module library contains all of the building blocks that you will need to create a homepage. It is located in the right-hand side panel on the homepage editor.

In order to add a module to the homepage, simply drag and drop a module from the module library onto the phone template.

πŸ’‘ Pro Tip:

  • You can search for modules using the search bar or by scrolling.

3. Customising Modules

Once you have added a module to the homepage, you can customise the module by clicking on it.

When you click on a module, a customisation menu will appear in the right-hand side panel, replacing the module library.

Each module has its own customisation menu specific to its functionality.

πŸ’‘ Pro Tip:

  • To return to the module library, click 'Back to Module Library'.

4. Multi-homepages

You can create up to 4 homepages and users can switch between them using the multi-homepage tab bar module.

The multi-homepage tab bar module will automatically be added to the top of the homepage when you create a second homepage and each time you create a new homepage a new tab will automatically be added to the tab bar.

You can move, rename, and delete homepages by clicking on the down arrow next to the homepage name which will bring up a context menu.

πŸ’‘ Pro Tip:

  • The multi-homepage tab module needs to be customised on each homepage. Changes that you make on one homepage won't be reflected on the others.

Did this answer your question?