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 navigating to the discovery page from your main admin panel, click on settings in the left side navigation menu in the "settings" section, find and click on theme the theme editor will open at the very top of the screen is a dropdown menu click on it and select the discovery page click to switch the view between desktop or mobile hide/unhide sections 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 rearrange sections to rearrange the welcome banner or custom sections on the selected page, simply drag and drop them into your preferred order customizing sections with css 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 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 header the header is the very top section of your website that appears on every page click on the header in the section list to edit you can edit custom css , which allows designers to style the header beyond standard options, such as adding a border, changing its color, or applying other custom styling banners 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 this is where you can instantly communicate your most important messages promote platform wide sales " mega monsoon sale 20% off everything! " showcase new merchants " welcome, rominos pizza! now delivering!" how to configure the main banner section first, click on banners in the main section list on the left this opens the control panel for the entire banner area title & description these are optional headings that appear above the banner slideshow on the discovery page layout the layout controls the shape and orientation of your banners 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 auto scroll banners enable the toggle if you want the banners to scroll automatically, creating a dynamic and engaging user experience how to add and edit an individual banner in the "list of banners," either click add to create a new banner from scratch or edit an existing one title a name for the banner that is for your internal reference only customers will never see this status controls whether the banner is live or hidden the "button link" turning a picture into a powerful action it determines what happens when a customer taps on a banner none the banner will not be clickable solely used for presentation purposes when to use it this should only be used for purely informational banners where there is no logical next step for the customer (e g , a simple "happy holidays!" banner) external link sends the customer to a specific webpage outside of your app or website use case your banner shows a blog of the marketing team for "5 healthy and delicious breakfast recipes you can make in 10 minutes " you can link the banner directly to their blog post search term takes the customer to the search results page for a word or phrase you define use case it’s friday evening, and you want to run a “pizza night” promotion to attract customers looking for an easy meal showcasing all pizza related items across all stores on your platform merchant takes the customer directly to a specific merchant's storefront use case your banner says "roti hypermarket 15 minute delivery!" you link the banner to the "roti hypermarket" merchant when a customer taps it, they are taken straight to that store's page, ready to start shopping merchant category takes the customer to a page showing all merchants that belong to a specific category use case example you're launching a "step up your style" campaign to promote all the shoe stores on your platform your goal is to guide customers who are looking for new footwear to a single page that lists all their options sort banners drag and drop banners using the drag icon to rearrange their order in the list categories (business category) think of the categories section as the digital equivalent of the large, helpful aisle signs in a physical supermarket categories view the categories view allows you to organize and showcase products or services into different sections, making it easier for customers to browse and quickly find what they are looking for scroll single row this option arranges all your category icons into a single, clean, horizontal line that customers can swipe through from left to right scroll double row this option is a balance between the single row and the full grid it arranges your categories into two horizontal, swipeable rows no scroll multiple rows this option displays all your categories at once in a static grid format instead of swiping the section left and right, the customer scrolls down the page to see all the category icons custom css this allows you to add your own css rules to make specific style changes to the categories section that are not available in the predefined options product highlights this adds a curated, swipeable list of specific products from a single, designated merchant it allows you to shift the focus from a store to its specific products, tempting customers with beautiful product images directly on the discovery page configuring the content this is where you tell the system exactly which products to display simply select product highlights, then proceed select merchant this dropdown menu lists all the active merchants on your platform you must choose one merchant for this section to pull products from select merchant this dropdown menu lists all the active merchants on your platform you must choose one merchant for this section to pull products from select category after you've chosen a merchant, this second dropdown will populate with all the product categories that belong to that specific merchant select the category of products you want to showcase configuring the mobile layout this setting controls how the product showcase will look on a mobile phone single row scroll this displays the products in a single, clean, horizontal line that customers can swipe through stacked grid this displays the products in a two column grid the customer scrolls down the page to see all the items in the highlight section ai based merchant recommendations t he "recommended for you" section will act as a personalized welcome mat for every user and will suggest products for a seamless shopping experience for your regulars when a logged in customer arrives, the ai analyzes their past orders and preferences to showcase stores they're most likely to love for new visitors for guests who aren't logged in, the system automatically highlights your most popular and trending stores, ensuring newcomers see the best your platform has to offer right away featured merchants your hand picked showcase the "featured merchants" section is a prominent, curated showcase on your discovery page where you can hand pick specific stores to highlight it allows you to strategically guide customer attention to the businesses you want to promote most nearby merchants the "nearby merchants" section is a smart, dynamic, and personalized list that shows customers the stores that are physically closest to their current location this is the core of a "quick commerce" platform, which automatically connects customers with the most convenient options for the fastest possible delivery the primary option is edit custom css , for users to add custom styling footer (customizing with css) click footer in the main section list and use the edit custom css button you can add custom code here to change font sizes, add borders, or customize colors frequently asked questions (faq) can we show products directly on the discovery page instead of merchants? the discovery page is designed to display merchants first , not products directly this setup ensures a smooth ordering experience if products from multiple merchants were shown together, customers wouldn’t be able to add them all to a single cart, since delivery from different merchants in one order isn’t feasible in a quick commerce model that’s why the user first selects a merchant , and then explores and orders products from that specific store however, if you’d like to highlight specific products, you can use the product highlights feature, which allows you to display featured or popular products from a specific merchant can i add an extra section with unique styling to my page? yes, you can add a custom code element to your page, where you can use html and css to build a unique section from scratch, giving you unlimited creative freedom how can i edit the business category shown on the discovery page? regarding editing categories, navigate to the admin panel > merchants > category from there, you'll see the option to edit any category you want, and you can make the desired changes accordingly after doing so, you can simply navigate back to the discovery page to see the implemented changes can i remove the search bar on the discovery page? the global search bar isn't listed as a standard removable element in the discovery page customization options however, you can potentially hide it using custom css modifications can i duplicate the featured stores section on the discovery page? currently, duplicating the featured stores section isn’t possible as an alternative, you can create banners in the theme section these banners can be edited to include links to specific stores, so when a customer clicks a banner, they’ll be taken directly to that store what is the recommended resolution for banners in strip mode? the recommended resolution is based on a 3 1 aspect ratio moreover, you can see all the different resolutions for the banner present in different layouts once you add/edit a banner how do i change the “featured merchants” text on the discovery page? to change this or any other text, go to your admin panel and open settings > language scroll to the client language section, find the field for “featured merchants,” for this case, and update it with the text you prefer how can i promote or highlight certain merchants? to promote specific merchants, you can use the sponsored merchant feature and the featured merchant simply go to your admin panel, open the merchants section, and check the box for “sponsored merchant” and "featured merchant " this will showcase them prominently as part of promotions is it possible to make sponsored merchants location based? since this is a hyperlocal delivery and service platform, all merchants are shown based on distance, with the nearest merchants appearing first sponsored and featured merchants also follow the same rule and are displayed according to their proximity to the customer is there a limit to how many banners i can have in a slideshow? there is no technical limit, but for the best customer experience, a good number is between 3 and 7 banners can i remove the default home page and set the discovery page as my home page? yes, this is possible if your store is a multi vendor , you will need to provide a default address that can be used to bypass the customer login/signup screen and redirect users directly to the discovery page this can be done by navigating to the admin panel > settings > google map > "enable default location for clients" and then putting in the address so that the next time a user comes, they land directly on the "discovery page" with the preset location however, if your store is already a single store, then after the customer fills out the location, they will be taken directly to the "discovery page"