Discovery Page

The Discovery Page is a dynamic space where users can explore merchants, discover exciting offers, and engage with featured content on your platform. This page acts as a storefront for your platform, helping users easily navigate through merchant listings, promotional banners, and product highlights.

You can customize this page to include banners for special offers or store ads with external links, showcase featured products, and add tailored sections such as "Top-Selling Stores" or "Best-Rated Stores." The flexibility to design additional sections allows you to create a highly engaging and personalized experience that captures user interest.



Select the Discovery Page from the Top-left dropdown.



Click to switch the view between Desktop or Mobile.

Utilize the eye icon to toggle the visibility of any element on the selected page. This allows you to easily hide or unhide the welcome banner or custom sections as needed.

To rearrange the welcome banner or custom sections on the selected page, simply drag and drop them into your preferred order.

To modify the styling, shape, or make adjustments to an existing section, simply select the section you wish to customize. You can then apply Custom CSS to achieve the desired changes, tailoring each section’s appearance to your specific needs. This method can be used for any section on your discovery page.

To customize a section, select it from the list, open the CSS editor, and paste your custom code.

Banners are a versatile tool on the Discovery Page, designed to grab attention and highlight key promotions. Whether showcasing discounts, promoting specific stores, or linking to external third-party websites, banners offer a dynamic way to engage users. They can also be used to feature ads or redirect customers to merchant categories or store menus for seamless navigation.



Provide a title to name your banner section. For example, if you're creating a "Top-Rated Stores" section, you can use this field to label it. The title will appear prominently at the top of the banner section, helping users easily identify its purpose. Optionally, you can add a brief description below the title to give users more context about the banners, such as highlighting the stores or offers featured in the section.

Choose the layout for your banners from four options: Horizontal, Vertical, Square, or Strip, depending on how you want the banners to appear on the Discovery Page. You can preview each layout directly in the middle of the builder screen to ensure it matches your desired design.

Enable the toggle if you want the banners to scroll automatically, creating a dynamic and engaging user experience.

There are 5 types of Action Type.













Upload: Upload an image for the banner (PNG/JPEG) or even an image .SVG file for animations.



Now click Add Banner, and the banner will be created.

Drag and drop banners using the drag icon to rearrange their order in the list.

Click on any banner to open it and make edits as needed.

From here, you can add more Banners, Product Highlights, or build Custom sections to enhance your Discovery Page layout.

The Product Highlights feature allows you to showcase items from specific merchant categories directly on the Discovery Page. You can select a category to display its products, helping you promote top-selling items from popular brands.

Merchants may incur an extra fee that can be collected outside the platform, providing them with a premium space to display their products.



From the left sidebar, use the + icon to easily pick & add a custom element to the selected page. Similarly, you can add more elements if required.



Go back to the Stacks section to locate the custom code you added. You can rearrange it using drag-and-drop functionality if needed.



Once you've positioned it properly, open the HTML and CSS editor to paste your code and apply your customizations.