Skip to main content
Experro Banners lets merchandisers place promotional content within Search Results, Category Pages, and Collection Pages — directly from the Discovery dashboard. Banners are built in two stages: creating the banner asset, then attaching it to a Merchandising Rule that controls placement and schedule. Let us start with creating a Banner first. For a feature overview and use-case examples, see the Banners Overview page.

Creating a Banner

1

Navigation

Select the grid icon at the top left of the application. Select Discovery from the dropdown menu. On the Discovery screen, navigate to Banners from the left panel under Discovery.
2

Banners List View

The Banners screen displays all configured banners with the following columns:Search and FilterUse the Search bar to filter banners by name. Use the Status dropdown to filter by Active or Inactive.Actions MenuClick ··· on any row to access the following actions:
  • Edit — modify the banner’s configuration
  • Clone — duplicate the banner and all settings as a starting point for a new campaign
  • Activate / Deactivate — toggle the banner’s active status without deleting it
  • Delete — permanently remove the banner
3

Create a Banner

Click Add Banner to open the creation modal. Enter the following:
  • Name (required) — an internal identifier for the banner. Use a naming convention that reflects the campaign and placement, for example: “Summer Sale — Dresses — Search.”
  • Description (optional) — additional context for your team, such as campaign dates or the intended rule.
Click Save. The banner configuration screen will open.

Configuring Banner

1

Device Configuration

Banners can be configured independently for Desktop, Tablet, and Mobile. Each device tab has its own layout, content, and visibility settings. To suppress a banner on a specific device, check Hide banner for [device] view within that device tab.Configure devices separately when:
  • Your banner creative is not responsive across screen widths
  • You are using a different image crop or aspect ratio per device
  • You want the banner to appear on desktop and tablet but not mobile, or vice versa
2

Banner Type

Select the content format for this banner:
3

Product Grid Layout

Select where the banner appears relative to products on the page.
4

Banner Content Settings

Configure the banner’s content and interaction behavior:
5

Event Tracking

Event tracking connects banner interactions to your analytics stack. Configure JavaScript events to fire when the banner loads or when a shopper clicks it.To configure, paste your JavaScript event code into the Onload Event or Onclick Event field. Events execute in the browser at the corresponding moment without requiring additional page-level changes.
6

Banner Preview

A real-time Banner Preview panel is available on the right side of the configure screen. The preview updates as you make changes to layout and content.
Note
The preview shows only the content and layout, not your storefront’s actual theme. Final appearance depends on your front-end setup. Always test new banner types in a staging environment before publishing to production.
7

Save and Activate

Important
Activating a banner does not make it visible on your storefront. A banner only appears once it is attached to an active Merchandising Rule.
See how to Add Banners to Merchandising Rules here. Visit AI Merchandising → Type of Rules → Banner Rule for step-by-step setup instructions.