Merchant Pages
The Merchant Pages section provides you with the tools to personalize and enhance individual store pages, making them more engaging for customers. You can add banners to promote offers, highlight specific product categories, or create a collection grid to organize and showcase main categories with linked subcategories. This section also allows you to include custom sections, like the store’s story or additional information, to further enrich the customer experience. With these features, you can craft a unique and structured layout for each merchant page, making it easier for customers to navigate and explore.
Select the Merchant 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.
Once you select this section from the Elements list, it will appear in the section stack. Banners are a versatile tool within the Merchant Pages, designed to grab attention and highlight key promotions. Whether showcasing discounts, promoting specific products or categories, or linking to external third-party websites, banners offer a dynamic way to engage customers. They can also be used to feature ads or redirect customers to specific products or categories within the store 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.
- To add, click "Add New"
- Title: Enter a name for quick identification in the internal banner list; this information will not be visible to customers.
- Status: Activate or deactivate the banner at any time.
There are 4 types of Action Type.
- None: Used solely for presentation purposes and is not clickable.
- Link: Add any external link to the banner, such as a third-party website for promotion, video link, or product link. Enter the URL in the Action value field.
- Product: Link the banner to a specific product, enabling customers to be redirected directly to its details or purchase page. First, select the product category from the dropdown, then choose the specific product.
- Product Category: Associate a product category with the banner, created from Product Category settings.
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.
Once you select this section from the Elements list, it will appear in the section stack. This section is designed to create main categories and link subcategories under them, making it particularly useful for Grocery, Pharmacy, or stores with a large number of items.
Tailor your Collection information to customer choices. Use language settings to add or remove options or choose the default language of your store. This feature allows you to input and present store details in the customer's chosen language. For example, if a customer selects Spanish, all added information will be displayed in Spanish for them.
Provide a title to name your collection grid section. For instance, if you're creating a "Shop by Category" section, you can use this field to label it. The title will appear prominently at the top of the collection grid, making it easier for users to understand its purpose. Additionally, you can include a brief description below the title to offer more context, such as explaining the categories or subcategories featured in this section. This helps guide customers to explore your store's offerings effortlessly.
- To add, click "Add New"
- Upload Image If you'd like the category name to appear inside the image icon, include it directly in the image itself. Otherwise, you can enter the name separately in the Category name field.
- Add Information in Preferred Languages Tailor the collection name to suit customer preferences by using language settings. Input and display details in the customer’s selected language. For example, if a customer chooses Spanish, the information will automatically appear in Spanish.
- Enter Category Name Provide a category name that will appear below the image. If the category name is already included within the uploaded image, you can skip this step.
- Select Subcategories Choose the subcategories you want to link under this main category. You can select multiple subcategories as needed to offer a comprehensive view.
Drag and drop collections using the drag icon to rearrange their order in the list.
Click on any collection 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.
- Once the section is added, select the merchant name from the dropdown menu.
- Choose the category from that merchant to display relevant products.
Custom sections allow you to add elements that aren't part of the default layout, giving you the flexibility to include unique content that fits your brand's needs. For example, you can add sections like customer testimonials, business details, and more that aren't already available in the standard design.
Basic knowledge of HTML and CSS is required to customize these sections. If you're not familiar with coding, you may need to work with a CSS designer to implement advanced customizations.
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.
