The Banners section allows you to effectively promote products, brands, special offers, or seasonal sales directly on your platform. With a single click, shoppers can be redirected to the desired landing page, ensuring a seamless user experience.

​
Types of Banners

​
Query-based Banner

These banners are directly tied to search queries. They appear on the search results page when the merchandised query matches the shopper query. They are ideal for promoting brands, offers, or events explicitly related to what the shopper is searching for.

Know how to create a query-based banner↗

How It Works:

  1. You define a specific query in the Merchandising Workbench.
  2. When a shopper enters that query, the corresponding banner is displayed at the top of the search results page.

Example:

  • For the query “Woolen jacket”, a banner saying “Flat 20% Off on Winter Wear – Limited Time Offer!” with relevant visuals can be displayed.
  • For the query “Gaming Laptops”, the visual for a banner saying “Buy a Gaming Laptop Today and Get Free Accessories!” can be shown.

​
Field-based Banner

Field-based banners are contextually triggered based on the products retrieved in the search results. They are displayed when more than 80% of the retrieved products match specific criteria such as category, product type, or brand defined by you.

Know how to create a field-based banner↗

Use Case: Field-based banners are perfect for dynamically adapting promotions to the dominant category or product type in the search results, ensuring highly relevant messaging.

How It Works:

  1. Define field rule criteria (e.g., Product Type: Running Shoes or Category: Electronics).
  2. If 80% or more of the search results satisfy the field rule, the corresponding banner is displayed.

Example:

  • If a shopper searches for “Running Shoes”, and 80% of the results belong to “Nike” of the Brand Attribute, a banner saying “Shop Nike Shoes at 10% Off” can appear.
  • If the shopper searches for “Cost-friendly smartphones”, and the majority of results are within the price range of “$ 500”, a banner saying “Exclusive Offers on cost-friendly mobiles!” can be displayed.

When to choose Query-based and Field-based Banners?

  • Use Query-based Banners when you want to control banners for specific, predefined searches.
  • Use Field-based Banners for dynamic, context-driven banners that respond to the product mix in the search results.

​
Assets required

You can configure your banner in two ways:

  1. Use a pre-designed image
  2. Write HTML Code

​
Use a pre-designed image

If you already have a designed banner image:

  • Enter the Banner Image URL: Provide the link to your banner image hosted on a platform of your choice.
  • Set the Destination URL: Add the link where shoppers will be redirected upon clicking the banner.
    Ensure the banner image URL is publicly accessible to avoid display issues.

​
Add HTML code

If you prefer to design your banner using HTML instead of an image, you can directly enter the HTML code along with all the necessary details.

Here’s an example HTML code for a banner with the text “Exclusive Offers on cost-friendly mobiles!”:

<div style="width: 100%; background-color: #f8f9fa; padding: 20px; text-align: center; border: 1px solid #ccc;">
  <a href="https://example.com/cost-friendly-mobiles" style="text-decoration: none; color: inherit;">
    <img src="https://example.com/banner-image.jpg" alt="Exclusive Offers on cost-friendly mobiles!" style="max-width: 100%; height: auto; border-radius: 8px;">
    <h2 style="font-family: Arial, sans-serif; color: #333; margin-top: 10px;">Exclusive Offers on Cost-Friendly Mobiles!</h2>
    <p style="font-family: Arial, sans-serif; color: #555; font-size: 16px;">Click here to shop now and save big!</p>
  </a>
</div>

Code explanation:

  1. div block: Contains the banner with styles for width, padding, and background color.
  2. Anchor tag (<a>): Makes the entire banner clickable, linking to the product or offer page.
  3. Image (<img>): Displays the banner image with a responsive design.
  4. Heading (<h2>): Highlights the banner’s main message.
  5. Paragraph (<p>): Provides an additional call to action or descriptive text.

​
Set up Query-based Banner

1

Navigate to the Banners section

  1. Login to Netcore Unbxd’s self-serve console ↗
  2. From the Site Key Picker, click the site you want to apply a merchandising strategy.
  3. After selecting the appropriate site key, navigate to Merchandising.
  4. Hover over Search and click Banners.

To know more about the Banners overview page, click here.

2

Setting up the campaign

  1. On the Banners overview page, navigate to New banner and then click Query-based banner.
  2. You’ll go to the Add banners interface.
  3. Enter the Query for which you want to set up banners for—this is the search term you expect your shopper to use.
    1. To apply the same rule to additional queries, click + Apply same rule to more queries, add queries separated by commas, and press Enter.
  4. Enter a Campaign Name for internal reference.
  5. Select a Segment from the list to target specific shopper groups or click + Create New Segment to make a custom/new one.
  6. Set the Duration for the campaign, including the Time Zone, Start and End dates, and times.
    1. For an open-ended campaign, enable Run Perpetually. This option allows you to run any campaign until it is manually stopped.
  7. Optionally, add a Description for future reference.
  8. When finished, click Next to proceed.
3

Configuring the banner

Put in the HTML code of the pre-designed image based on your preference. Read here ↗

4

Saving or publishing the banner

After applying the rule, you can do one of the following.

  1. Click the Save button to retain the Campaign as a draft.
  2. Click the Publish rule button to push it live.

​
Banners overview page

Apart from adding new banner rules via the overview page, you can,

  1. View a comprehensive list of all campaigns
  2. Configure field settings
  3. Edit existing campaigns
  4. Publish draft campaigns to the live site
  5. View summary of campaign rules
  6. Duplicate existing campaigns
  7. Apply the same rule to additional queries
  8. Create new campaigns for the same query
  9. Stop active campaigns
  10. Preview how the site will look with the banner
  11. Bulk upload banners for efficiency
  12. Import banners from one site to another
  13. Bulk download existing banner rules