Why isn't my progress bar showing on my Shopify store?

In the theme editor, the dotted frame of a hidden Yaco progress bar app block tells you why it is hidden.

The app embed is switched off

The bar cannot load while the Yaco Progress Bar app embed is off. It is the most common cause, and it takes a minute to fix.

1. In the Shopify admin, open Online Store › Themes › Customize on your live theme.
2. Click App embeds in the left sidebar.
3. Turn on Yaco Progress Bar, then click Save.

Turned it on from the app but it still shows as off? The Enable app embedding button opens the theme editor with the switch already on, but nothing is saved until you click Save at the top right of the editor. Back in the app, the home page reminds you of this step and offers a free integration by our team.

The Theme integration page of the app shows the same switch under App embed activation. Step by step: install the app.

The bar is not placed in your theme

If Theme integration shows Missing or manual theme integration, the app runs but has nowhere to display the bar.

• Click Place progress bar to open the theme editor and position the bar, for example in the cart drawer.
• Placements belong to one theme. After switching themes, open Theme integration, choose the new theme and check its placements. The Import button copies placements from another theme.
• The Auto Cart drawer integration does not work on every theme. If nothing shows in the drawer, add a placement instead.

More in theme placement.

Your theme opens a notification instead of a cart drawer

Some themes, Dawn among them, can show a small pop-up notification after an add to cart instead of a side cart drawer. A bar placed in the cart drawer never shows there: the drawer does not exist on your store.

• Switch the theme to a cart drawer: in the theme editor, open Theme settings › Cart and set the cart type to Drawer (the exact wording depends on your theme).
• Or keep the notification and place the bar where your customers do see it, for example on the product page or the cart page, from Theme integration › Place progress bar.

Your store has no plan

The free plan starts on its own when you install the app. A store installed earlier may still have no plan: the bar then only shows in the theme editor and in development stores, and the fourth step of the Setup Guide shows Needed to show your bar. Open the Subscription page and click Activate on the Free card. Plans are listed on the pricing page.

A placement hides the bar on purpose

Each placement listed under Placements on this theme has its own display rules. Open it and check:

• Enable this integration is ticked.
• Visibility condition: When the cart contains items hides the bar on an empty cart, When the cart is empty hides it as soon as a product is added.
• Show on templates: the bar only appears on the page types selected.
• Goal filter: a placement that shows only specific tiers stays empty when none of them applies.

A bar added with the Yaco progress bar app block has the same Visibility condition in its block settings, in the theme editor.

All tiers are reached, or none applies

• In the Success message tab, Hide the progress bar when all goals are reached replaces the bar with the success message once the last tier is unlocked.
• The bar needs at least one active tier. Check that your tiers are not archived and that their active dates have started.
• A Shopify rollout can hide a tier while it runs, when no shopper gets its discount. When only some shoppers get it (an A/B test), the bar shows the tier wherever the Yaco block of the shopper's theme shows it, with its Goal filter. With Not listed in Yaco, no Yaco block or placement lists the tier yet. See discount not applied.
• If the Goals tab says some active goals do not show to your customers, your plan shows fewer tiers than you configured. On the free plan, this starts when the 14-day trial ends. On Starter, it happens when your store went over the Starter order limit early in its 30-day period and is still above it fourteen days later: the banner reads Your bar shows only one goal until …, and all your tiers come back on their own when the next period starts, or right away with Premium. See subscription.

The bar shows for some customers only

A tier can be reserved to some shoppers, so a colleague may see the bar while you do not. In the tier card, check:

• customer type (B2B or B2C), customer tags and customer segments;
• countries, and market exceptions such as Disable goal for this market;
• cart attribute conditions and active dates;
• Traffic source: a tier reserved to a campaign only shows to visitors who arrived through the campaign link;
• the bar's Progress measured by setting: bars based on Total spent or Past orders only show to logged-in customers, so they disappear in a private window.

Details in targeting.

An A/B test of the bar also hides it from part of your visitors: those in the group without the bar don't see it until the test ends. The test page gives a link to open your store in each group. See A/B testing.

An empty space shows, or the page moves when the bar appears

Your store keeps the bar's place while it loads, so the page doesn't move: with the Yaco progress bar app block, and with a placement from Theme integration (except the Replace position). The height comes from your visitors: the app learns it with an empty cart, for each block or placement, design, market and language, and keeps the most common one. A market, language or design with no measurement yet reuses the closest height already learned. Right after you add the block or the placement, or save a change to its design or position, no height is known yet: the page can move for the first visitors, then it settles. When most visitors don't see the bar (no tier applies on their market, or your tiers are reserved to some customers, such as logged-in ones), the block takes no space: visitors who do see the bar see it appear. With items in the cart, the same height is kept. If the bar is taller then (a tier reached, a list of gifts), the page moves a little when it appears. A block set to show only when the cart contains items keeps no space.

Your browser shows an old version

After a change, reload the page without cache (Ctrl+Shift+R, or Cmd+Shift+R on a Mac), or open the store in a private window.

Still stuck?

Write to support@yaco.studio with:

• your store URL (the .myshopify.com address) and the name of your theme;
• the page where the bar should appear, and whether the cart was empty;
• the browser and device you used;
• a screenshot of the page;
• if your store is password-protected, its storefront password (you can also give it in the chat): we only use it to open your store the way a visitor sees it. If you sent us your Collaborator request code, accepting our collaborator request is enough: no need to share the password.

If the bar needs a custom spot in your theme, the Contact support button on Theme integration asks us for a free integration. Adding your Collaborator request code speeds it up.