Set up the bar, step by step.

1. Install Yaco Progress Bar from the Shopify App Store.
2. Open the app: the home page shows a setup guide in four steps.
3. Follow it in order: configure goals and design, enable in Shopify, integrate in the main theme, publish the app.

The bar is an app embed: it needs to be enabled once in the theme editor.

1. In the Shopify admin, open Online Store › Customize.
2. Click App embeds in the left sidebar.
3. Turn on Yaco Progress Bar and save.

A tier is what the bar counts towards: free shipping, a free product, a percentage or an amount off.

1. Open Goals & Discounts, tab Goals, then Add a goal.
2. Choose the type: free product, percentage off or amount off. A text-only tier (free shipping) needs no discount.
3. Fill in the name shown on the bar, the text template (for example {amount} left for {name}) and the threshold: an amount, a weight or a quantity depending on the bar.
4. Save & publish at the top of the page.

The gift is a real product from your catalogue, added to the cart at zero when the tier is reached.

1. In the tier card, pick the product and the variants the shopper can choose from.
2. Choose how it is added: automatically with a chooser, on a button, or as a list inside the bar.
3. Decide what happens when the cart drops below the tier: the gift is removed, at the next tier or at a set amount.

The discount is created in Shopify by the app, and applied automatically at checkout.

1. Pick Percentage off or Amount off and the value.
2. Choose what the discount applies to: the whole order, or the products.
3. Check how it combines with your discount codes, in the same card.

A bar is what the tiers are measured against. A store can run several.

1. Open the Bars tab to add one.
2. Pick the measure: cart amount, weight, quantity, or the customer’s history — lifetime spend or number of orders — for VIP tiers.
3. Restrict it to collections if only part of the catalogue should count, and exclude gift cards.

The design tabs shape the bar without code.

1. Bar style: colours, height, radius.
2. Marker, Price, Amount, Images: what each tier shows.
3. Wrapper: margins and the placements in the cart drawer, top or bottom.
4. Custom CSS for anything else; design presets to start from.

1. The success message replaces the countdown when the tier is reached; it can be hidden per tier.
2. The gift chooser opens when the gift has several variants; sold-out variants are skipped during the session.
3. Its colours and texts are set once, in the app embed.

Each tier can be shown to some shoppers only.

1. Customer type (B2B, B2C), logged in or guest, customer tags, customer segments.
2. Countries, and traffic source through campaign parameters.
3. Cart conditions: collection, product, purchase type, cart attributes.
4. Active dates, for a seasonal tier.

A tier can carry a different threshold per market, country or region.

1. Under the tier sentence, add an exception for a market or one of its countries.
2. Set its own threshold, or disable the tier there.
3. A country inherits its market until it defines its own value; the preview switches to that market while you edit.

1. Every change is a draft until Save & publish.
2. Saving creates or updates the Shopify discounts the tiers need.
3. A backup of the configuration can be taken before a large change, and restored.