Promotion Bar

Promotion Bar

Promo bar will show an announcement bar on the header to promote your products & sales campaigns, or collect customers emails.


A. Goals 

We offer 3 types of promotion bar tailored specially for your goal:
- Announcement - Show message to customers
- Countdown - Create urgency for your deals
- Collect Email/Phone - Ask customer to subscribe

Notes
Each goal will have a different setting view

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)
Alert
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:


Notes
Label color is only available for Collect emails bar.

Countdown

Notes
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.
Notes
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://")
Notes
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.
Info
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 ...

    • Progress Bar

      The Progress Bar enhances the checkout experience by showing customers the steps involved in completing their order. This extension can only work with Three-pages checkout type. If you're using One-page checkout type, this bar will disappear on your ...