Why is my bar not showing up?

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 auto activated).
Please click on the toggle button to activate it.

Loading time

Our server is placed in US, therefore, there might be a delay in loading time for users who are far from US.
In this case, we suggest using a light background image (<50KB) to improve the loading speed.

FYI, To achieve the best user experience, Shopify will always load your website first, and then apps. It could be one of the possible reasons that you cannot see the bar sometimes when the website is still loading.
To make Smart Bar display as soon as the website loads, please copy and paste the line of html code below into the theme.liquid file right above </body>

You set some display configuration

Smart Bar might not show up because you have set some advanced configurations that hide the bar in some specific cases, such as: only display on some pages, exclude on some pages, only show on desktop/mobile, country filter, source filter, schedule display.

Please re-check the Advanced section of your bar to see whether there are some limit options enabled.

You have multiple bars on the same page

In Premium plan, you can have multiple bars on the same page and they will auto switch to each other after a selected time.
However, in Free plan, if there are more than one bar which are set to appear on the same page, only the first created bar will show up.

Conflict with your theme

Smart Bar might not be compatible with all themes with the default settings.

In these cases, we have provided a shortcode for you to add a bar manually to your theme.
Please follow these steps:
  • Create a bar normally in Smart Bar
  • In Advanced / Position of bar, select option "Place smartbar shortcode to your theme"
  • A shortcode of this bar will appear (<div id="qikify-smartbar"></div>), copy it.
  • Go to your Shopify admin / Online stores / Themes → click on "Actions" button in your Current theme → Edit code.
  • Paste the copied shortcode in where you want it to appear. (usually in "theme.liquid" or in Sections such as "header.liquid" or "collection.liquid"...)

*You should have a little coding experience to do this way.

Also, if your theme uses a sticky header, it might conflict with sticky bar. In this case, disable the sticky header in your theme or choose a Smart Bar position without (always visible while scroll).

Smart Bar shortcode

Smart Bar might not display properly if you placed a smartbar shortcode in your theme but the Position of bar option (in Step 3 - Configuration) is not set in "Place smartbar shortcode to your theme" but set in a fixed position option (such as Top of the page pushes down the rest of page).

There are 2 solutions for this case:
  • If you want the bar to show as where you pasted the shortcode, choose the option "Place smartbar shortcode to your theme" in Position of bar.
  • If you want to use an available position, please remove the shortcode in your theme's code.

You use more than one app to create a bar

There might have a conflict between apps with the same function.
So if you are using different apps to create multiple bars, we recommend using only one at a time.


If you have checked all the above causes and tried all solutions, but Smart Bar is still not showing up on your store; you can reach out to our support team at https://support.qikify.com/. We will answer your ticket as soon as possible.
    • Related Articles

    • 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 ...
    • 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 ...
    • Advanced option for a bar

      Re-order Elements You can drag and drop blocks to change the position of each element on bar here The element only shows up to re-order if the related content is enabled.  Eg. "Show Product" option is enabled then the "Products" block will appear ...
    • How to optimize responsiveness of a Smart Bar

      A Smart Bar might not display well on mobile or other small screens because the content is too long. To achieve the best responsiveness, you should create different bars for each device with optimized content. Please watch our tutorial video here to ...
    • How to Install Smart Bar to your Store

      Smart Bar can be easily installed via Shopify App Market Go to our app’s link: https://apps.shopify.com/smart-bar Click “Add app” button (you might be asked to login if you have not logged in to your Shopify account yet) You’ll be directed to your ...