How to create a Banner?

Our Banner feature is a website notification bar that appears at the top or bottom of the screen to draw visitors’ attention to a specific update or message. It is typically used to promote an ongoing sale, upcoming campaign, updated product feature, or similar announcement.

Here are the steps to create a Banner:

Step 1: Go to the Banners page, click Add New Banners

Step 2: Fill in the required information in the General, Configuration and Conditions tabs

2.1. General tab

  • Set the Status to Enable to display the banner or choose Disable.

  • Enter the Banner Name (required). Your customer won’t be able to see this name.

  • In Show Banner on, tick the page types where you want to show the banner.

Note: "Do not Show Banner on" features are coming soon.

2.2. Configuration tab

The Preview section allows you to see a preview of how your banner will appear.

You can create banner messages by editing Banner text in the Content section.

In the Position section, you can only choose Above page header position, other features are coming soon

In the Style section, change the banner color by choosing a color from the color picker or entering RGB component values.

2.3. Conditions tab

In the Conditions tab, you can select who or what product to show the Banner to

  • Choose to show the banner to All customers or Logged In customers (feature coming soon) and Specific Tags (feature coming soon)

  • You can select which products the banner will appear on their product pages. Currently, you can only choose the option "All Products," but additional features will be added soon.

Step 3: Save your changes

Once configured, your banner will appear on your store within a few seconds.

Your banner will be visible on both desktop and mobile versions of your storefront and will appear like this.

If you have further questions, feel free to contact us at support-sbc@bsscommerce.com

Last updated