Merchant Page

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 navigating to the merchant page from your admin panel, go to settings > theme at the very top of the screen is a dropdown menu click on it and select the merchant page select the merchant for which you want to make the customisations 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 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 also use custom css to go beyond the standard options, for example, adding a border, changing colors, or applying other custom styles cover the cover is the top most section of a merchant's page, containing their main banner image and their logo it's the first thing a customer sees, and it instantly sets the tone, communicates the brand's personality where to upload the logo and cover image? to upload them, the merchant must navigate to merchant panel > settings > branding logo 512x512 pixels cover 2000x1000 pixels choosing your layout view 1 this view typically places the merchant's logo in a position overlapping the top left corner of a large, edge to edge banner view 2 this view separates the logo from the banner view 3 & 4 these views will continue to alter the layout by changing the logo's position the best approach click through each of the four views and see which one best complements the specific logo and banner style of the merchant you are previewing logo display style this setting gives you control over the shape of the merchant's logo circular places the merchant's logo inside a perfect circular frame square keeps the logo in its original square shape, with slightly rounded corners customizing sections with css to modify the styling, shape, you can apply custom css to achieve the desired changes, tailoring each section's appearance to your specific needs product recommendation instead of showing a static list of items, this powerful section uses artificial intelligence to create a personalized showcase of products based on their past purchase history, for each specific customer most likely to be interested in the products displayed are chosen by the ai based on two different scenarios for your logged in, returning customers the ai analyzes the customer's purchase history with your platform it then suggests them products in the "recommended products" section for the customer most likely to be interested in for new visitors or guests a new visitor doesn't have an order history, so the ai can't personalize the list yet instead of showing random items, the system automatically analyzes the merchant's catalog data to highlight their most popular, bestselling, and top rated products how to enable ai recommendation the ai recommendations can be enabled from the admin panel learn more in the https //help hyperzod com/ai recommendations#cbg1e customizing sections with css to modify the styling, shape, you can apply custom css to achieve the desired changes, tailoring each section's appearance to your specific needs merchant banners banners are a versatile tool, designed to grab attention and highlight key promotions whether showcasing discounts 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 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 merchant page layout this 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 auto scroll banners enable the toggle if you want the banners to scroll automatically, creating a dynamic and engaging user experience banner upload checklist shape use a widescreen, horizontal (16 9) image file type standard images (png, jpeg, gif), vectors (svg), or videos (mp4) are supported file size must be under 1 mb how to add and edit an individual banner you can 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 status controls whether the banner is live or hidden button link this is the most important setting for any banner it determines what happens when a customer taps on it none the banner will not be clickable solely used for presentation purposes external link sends the customer to a specific webpage outside of your app or website search term takes the customer to the search results page for a word or phrase you define merchant takes the customer directly to a specific merchant's storefront merchant category takes the customer to a page showing all merchants that belong to a specific category merchant products the merchant products section is the main body of the store this is where the merchant's entire catalog is displayed, neatly organized by their own product categories, allowing customers to browse and add items to their cart add elements this section enables you to enhance your store by adding extra components, such as banners (to showcase offers), custom code (for advanced html/css changes), product highlights (to feature key products), and image with text blocks (for visual storytelling) banners this adds a new, independent "banners" section to your page the ability to add more banner sections allows you to place targeted advertisements and promotions at different points in the customer's browsing journey learn more in the https //help hyperzod com/add elements and upload assets#vrzxf custom code this adds a blank section where a user can insert custom html and css code to build a unique content block from scratch, such as enlarging the category icons or changing their style to match your design learn more in the https //help hyperzod com/add elements and upload assets#1 3w product highlights the product highlights feature 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 learn more in the https //help hyperzod com/add elements and upload assets#w3of1 collection grid once you select the "collection grid" feature 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 learn more in the https //help hyperzod com/add elements and upload assets#7yhkq image with text a simple but incredibly versatile element that creates a professional looking content block with an image on one side and a heading and text on the other it's perfect for breaking up a long page of products and merchants with engaging storytelling learn more in the https //help hyperzod com/add elements and upload assets#vw7n1 frequently asked questions (faqs) what is the control visibility of ai powered recommendations across all merchant stores? this feature shows ai powered recommendations across all merchant stores on the platform when enabled, customers will only see recommendations for stores that are currently open additionally, the system takes the customer’s location into account and shows the nearest stores in their area first the recommended stores will appear in order of proximity, starting from the closest store to the customer, ensuring a personalized and convenient browsing experience does ai product recommendation work for a single store setup? yes, ai product recommendations also work in a single store setup the system analyzes the customer’s past orders and browsing behavior to suggest the most relevant products from that single store the only difference in displaying the ai recommendations between a multi vendor and single store would be that in a single store, you will see only the "recommended products" as there would only be one merchant how to change the text present in the theme settings? to make any text related changes, kindly navigate to the admin panel > settings > language, and you can locate the desired field for which you want to change text, and then you can implement the changes accordingly how to change the view of the merchant products? to change the view of the merchant products, go to the merchant panel > catalog > edit created categories from there, you can change the category view to set how the products will appear how can we link sub categories under the main categories? with the collection grid feature, you can set up main categories and link subcategories beneath them this is especially helpful for stores with a wide range of items, like grocery or pharmacy stores how can i make custom theme changes to my store that are not available by default in the platform? you can make these changes by using custom html and css , which gives you the flexibility to adjust layouts, styles, and elements according to your requirements to do this, simply go to the “add elements” section in your theme settings, add the custom code element, and then insert your html or css this lets you extend your store’s design and functionality beyond the default options