In this article, we show you the new strategy of Merchandising - Banner
⚠️ This feature will only work with theme V3 and above
⚠️ To enable this feature, you will need to subscribe to our Visual merchandising add-on
If the add-on is not subscribed, the button is still visible in the Merchandising strategy list, but the button will be displayed as locked
Feature Overview
Banners are a popular merchandising strategy that utilizes images on your storefront to directly link to specific products or landing pages, thereby increasing cross-sell opportunities. Banners are effective as people tend to respond more positively to visuals than text-heavy information. They help steer consumers towards specific products or categories, thereby enhancing visibility and sales.
These banners are crafted to grab attention, engage users, and ultimately drive up sales.
Product Description
This strategy is effective for all types of sorting on the search results pages.
This new strategy is located at the bottom of the Strategies list
You can add one banner for each search term and each collection.
This strategy is not applicable for global rule in both Commerce search and Collection page (only relevant for Specific search terms and Specific collections)
How to use (step-by-step instructions)
As this is one of the 6 strategies of Merchandising, the beginning steps to Add a new rule will be similar to the 5 previous strategies (Pin, Boost, Demote, Hide, and Filter)
Step 1: Click the “Add new rule” button
From the app’s admin, under either Filter or Search, select “Merchandising” > Click “Add New Rule” > Select “Commerce Search” or “Collection page”
Step 2: Set rule conditions
Rule name: You must enter a name for the rule.
Active date: You can optionally set the validity period of the rule by clicking on the date range box.
Apply to
Select the “Specific search terms” option in Commerce Search
or
Select the “Specific collection page” option on the Collection page
Step 3: Set merchandising strategy
Select the Banner strategy. After clicking the Banner button, the Banner customization panel will be displayed on the right side of the screen.
💡 All the input fields in this panel are required.
1. Banner position in product list
The banner will be placed first by default. You can move them to any position between 1 and 6 on the product list. The changes you make will be shown in the preview.
2. Banner name: set the expected name for your banner.
3. Banner image: select the image for your banner.
You must choose the right image definition and limitation to ensure it displays nicely in your store. Acceptable file formats are .jpg, .jpeg, and .png (max 2Mb).
💡 The banner will have the same shape as the product item in the live theme (including product image and product information)
4. Redirects: Set the expected link for the banner after it is clicked.
5. Open redirect link in a new tab: select this checkbox to allow opening a new tab after clicking the banner.
After finishing setting up all the fields, you can see the details of the Banner appear in the Summary same as other strategies
You can click on this link to quickly preview the banner on your store.
In the preview section, you can see the banner that you just set up displayed in the search results/collection.
Feel free to reach out to our dedicated support team via chat if you have any questions or require additional assistance.