Promotion Bar

Promotion Bar

A. Goals 

We offer 3 types of promotion bar tailored specially for your goals.
You can customize each type of promotion bar by clicking on your preferred goal.

1. Announcement bar

Show messages and call-to-action button to customers. This bar includes a short text and call-to-action button.


  1. Message: Customize bar's content
  2. Bar clickable/action: 
    1. Make entire bar clickable.
    2. Add button to bar: You can rename the button and add link to direct customer.
    3. No clickable.
  3. Link: Add a link to direct customer if the bar is clicked.
  4. Open link in new tab: Enable this option to open link in another tab.

2. Countdown

Create urgency to customers with a countdown timer. This bar includes a short text, call-to-action button and a countdown timer.


  1. Message: Customize bar's content
  2. Bar clickable/action:
    1. Make entire bar clickable.
    2. Add button to bar: You can rename the button and add link to direct customer.
    3. No clickable.
  3. Link: Add a link to direct customer if the bar is clicked.
  4. Countdown to: Pick ending time for countdown timer (in your local time).
    1. Days label: Customize days' content on countdown timer
    2. Hours label: Customize hours' content on countdown timer
    3. Minute label: Customize minute's content on countdown timer
    4. Second label: Customize second's content on countdown timer

3. Collect email/phone

Collect email address/phone and grow subscribers list. This bar includes a short text and an email input field.


  1. Message: Customize the bar's content.
  2. Select subscription type: Choose to collect customers' email or phone numbers.
    1. Sync with Shopify customers: Enable this button so that all collected information from this bar will be synced with your Shopify customers list. Since we have just updated this feature, the old bar which does not have this feature before is unable to sync with Shopify customers list.
    2.  Accept marketing: When customers subscribe and leave their emails, your store could collect emails and send a marketing email to them.
  3. Message after submit successfully: show up on bar after customers subscribed successfully (cannot preview in app)
Choosing a goal will apply its default message, so your message will be overwritten if you switch goal.



B. Styles

Template

We have 14 templates for various usage and themes:

Styling 

If you prefer manual styling, you can easily customize your bar in this section.

Button 

Pick a color for a call to action button:


Label color is only available for Collect emails bar.

Countdown

This section is only for Countdown bar. 



C. Settings 

Position

  • Top of the page, pushes down page


  • Top of page, covers part of page:


  • Bottom of the page:


Schedule display

Schedule your bar to always display or only display within the following period of time.


The date and time you choose is based on your local time.
Note: The ending date cannot set before the beginning date; vice versa, the beginning date cannot set after the ending date.
For example: if your ending date is April 4th, you cannot select April 5th as the beginning date.
In this case, you need to pick the ending date as April 6th to be able to pick the beginning on April 5th.


  1. Select pages to show your bar
    1. All papes: show bar on every page 
    2. Homepage only: show bar on homepage only 
    3. Exactly URL: paste the full and exact page URLs where to display your bar
    4. Only pages with URL: only show bar on some specific pages (you can add multiple pages, separate with "enter" and don't forget the protocol "http://", "https://")
    5. Any pages except the following: exclude bar on some specific page (you can add multiple pages, separate with "enter" and don't forget the protocol "http://", "https://")
Note:
For the "Only page with URL" and "Any page except the following pages" option, they will recognize any URL containing the link you add.
For example: in the "Only page with URL" field, you paste a product's link: myshopify.com/product-A/ 
Promotion bar will show on all links starting with myshopify.com/product-A/, eg. /product-A/?ref=..., /product-A/utm=...

To avoid the case that some pages have the same part in URL (eg. /product-A and /product-ABC), you can resort to Exactly URL.
  1. Bar duration: How long this bar will show; set 0 to always display.
  2. Priority order: The priority of this bar when showing in multiple bars; 1 is the highest priority.
  3. Enable sticky function.
  4. Show close button: If a promotion bar is closed, it won't appear in an hour. 
  5. Hide on mobile.
If you have any questions or need assistance with this feature, please do not hesitate to contact our Support team. We will get back to you as soon as possible.


    • Related Articles

    • How to uninstall Smart Bar completely

      When installing, Smart Bar adds a script directly to your published theme to make it load faster. When uninstalling on the Apps page, that script still remains in your theme. Follow these steps to uninstall Smart Bar completely: Step 1. Uninstall in ...
    • Create/Edit a bar

      Templates There are 10 available templates to choose for your bar. Templates having a star () are available in Premium plan only. A template includes: background image, color, font, size of message, button, countdown. You can change any setting of a ...
    • Why is my bar not showing up?

      There are various reasons why the bar is not showing up on a store.  Please read these cases and check the following solutions. The bar is not activated By default, when you successfully create a bar, it is deactivated. (only the first created bar is ...
    • What's in Dashboard of Smart Bar

      This is the first page you see whenever you access to Smart Bar, so you can consider it as a homepage of this app. Here you can: Create a new bar See the overview tracking of total views and clicks on all bars See the list of all created bars Below ...
    • Reward Bar

      Reward Bar is a feature in Extra Widget that would help merchants boost sales by encouraging customers to add more items to get a discount. But before create this Reward Bar, you will need to create a discount. Please click on this guideline to learn ...