Tell a Story: Use a combination of widgets to guide the customer journey. For example, start with a high-impact Image Banner to announce a new collection, followed by a Rich Text message, and then a Product Grid of the items you've just featured.
Create Urgency: Place a Countdown Timer at the top of your app page to drive a sense of urgency for sales and limited-time offers.
Organize for Discovery: Use the Image Grid to showcase lifestyle photos that link to specific collections. This encourages visual discovery and makes browsing feel like an experience, not a chore.
Keep it Clean: Don't overload a single page with too many widgets. Use the Spacer to add visual breaks and the Expandable View to hide detailed information until a customer wants to see it.
Test and Iterate: Use the Visibility and Conditional Filter features to test different layouts and promotions. Show one version to a specific customer segment and another to a different one to see what performs best.
Optimize Your Images and Videos: High-quality visuals are non-negotiable. Ensure all images and videos are optimized for mobile to ensure fast loading times and a great user experience.
How do I remove a feature from my toolbar? To remove a feature from your toolbar, simply go to the Left Panel or Right Panel settings and select the No Selection option from the dropdown menu. This will remove the icon from that position on your toolbar.
Can I have a different toolbar on different pages? Yes. The toolbar settings are specific to each page you are editing. This allows you to create a different top navigation bar for a campaign landing page versus your main home screen, providing you with more design flexibility.
What's the best way to choose between an Image Banner, Image Slider, and Video Banner? It depends on your goal:
Use an Image Banner for a single, high-impact message that you want every customer to see immediately.
Use an Image Slider when you have multiple promotions or products to highlight in a dynamic, space-saving carousel.
Use a Video Banner to bring your brand to life with engaging motion content, perfect for storytelling or showcasing a product's features in action.
How do I ensure my images look good on all devices? Always upload high-resolution images. Then, use the Image Orientation settings like Smart Pick to let the platform automatically optimize your images for different screen sizes and ratios. This saves you from having to manually create and upload multiple versions of the same image.
Can I link a product grid to more than one collection? No, a single Product Grid block is designed to pull products from only one specific collection. If you want to show products from different collections, simply add another Product Grid block to your page and link it to the new collection.
My "View all" button is not visible on my Product Grid. Why? The "View all" button only appears when the number of products in your collection is greater than the Number of products to show you've selected with the slider. For example, if your collection has 20 products and you've set the slider to show only 10, the "View all" button will appear. If you've set it to show all 20, the button will be hidden.
Now that you've built your home page, here are some next steps to maximize its impact:
Build a New Landing Page: Create a custom landing page for an upcoming promotion or collection. Use Image Banners and Image Grids to tell a story, and then link to this new page from a banner on your main home screen.
Add Your Brand's Custom Fonts & Colors: Go to your Theme Settings to ensure your app's font, colors, and overall design are perfectly aligned with your brand's style guide.
Test the User Journey: Preview your app and walk through the customer's journey. Tap on your banners, swipe through your sliders, and make sure the links are working correctly. A smooth, intuitive journey is key to driving conversions
