BSS Product Labels & Badges
  • About app
  • How to create a Label?
  • How to create a Badge?
  • How to create a Label Group?
  • Integration
    • LAI Product Review Integration Guide
  • FAQs
    • How to Provide Your Store's Collaborator Code
    • How to Approve Our Collaborator Request
    • How to create a text label/badge with custom style?
    • How to redirect customers after clicking on label/badge
    • What to do when some of the labels are appearing in places they should not?
    • Why are the changes of labels not applied on my products?
    • How to convert the language in the label or badge on your on your multilingual site?
    • How to add 2 labels at the same time on certain products?
    • How to show labels beautifully on the desktop and mobile?
    • How to change colors of the label?
    • How to exclude the label from unexpected page(s) or block(s)?
    • How to remove leftover code of the Product Labels Pro app?
    • How to show badges out of product images?
    • How to show label/badge when product quantity = 0?
    • How to add the Sold Out label automatically?
    • Why doesn’t the label/badge appear when the product is out of stock?
    • Why can't I see the badge on the product image?
    • Why doesn't the app work?
    • Why are the labels/badges not visible constantly on the page(s)?
    • Why is the label/badge duplicated?
    • How to remove label automatically?
    • How to apply Labels/Badges based on Product/Customer tags?
    • How to show text hover effect on label/badge?
    • How to create labels for product variants?
    • Why after changing theme, labels/badges aren't displayed anymore.
    • Can I add multiple badges on a product?
    • What is Inventory Badge?
    • Can I exclude specific customers from seeing my badge?
    • Can I choose who can see my badge?
    • Can I set the badge below the Buy it now button?
    • How to change the effect the labels/badges show up in the online store?
    • How can I customize the position of badges?
    • How to Display Labels/Badges Only on Mobile Devices
    • How to display your inventory quantity on text labels?
    • Countdown Timer for Label/Badge
    • How to Use Product Metafields to Customize Label/Badge Display?
    • How to Create Product Metafields in Shopify: A Step-by-Step Guide
    • How to Use Variant Metafields to Customize Label/Badge Display
    • How to Create a Label or Badge that Shows Product Metafield Content Automatically
    • Using a List of Values Metafield to Display Labels/Badges
    • Display a Badge Next to the Product Price
    • Displaying Labels Across Time Zones – UTC Setup
  • General
    • How to enable app embed block?
    • Can I have a trial for BSS Product Labels & Badges app?
    • How to translate the app interface into other languages?
Powered by GitBook
On this page
  • 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
  • 2.2. Configuration tab
  • 2.3. Conditions tab
  • Step 3: Save your changes

How to create a Banner?

Last updated 9 months ago

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-ta@bsscommerce.com
Preview Section
Content Section
Position Section
Style Section
Banner on Desktop version
Banner on Mobile version