Docs · Tiers and bars

How to add a tier to the Shopify progress bar

A tier is a reward the bar counts towards: free shipping, free gift, percentage or amount off. Add it from Goals & Discounts, set its threshold, save.

· Markdown versionEN · FR · ES · DE

Add the tier

  1. In the app, open Goals & Discounts, tab Goals.
  2. Click Add a goal. The new tier is created and opens right away.
  3. Choose its type (see below), fill in its texts and its threshold.
  4. Click Save in the save bar at the top of the page.

If your store has several bars, pick one with Filter by bar before clicking Add a goal: the new tier is created on that bar. You can also add a tier from a bar's form, in the Bars tab.

From the Shopify admin, Discounts › Create discount also lists the Yaco discounts. Choosing one opens the app on a new tier.

Choose the tier type

Type What the shopper gets Discount created
Text goal A message when the tier is reached None
Free product A product added to the cart for free or at a reduced price Yes
Percentage off A percentage off the cart Yes
Amount off A fixed amount off the cart Yes
Buy X, get Y A batch reward: buy 3, get the 4th free, at a set price or at a discount Yes
Free shipping Free shipping at checkout once the tier is reached Yes, a shipping discount

For the free product, percentage off, amount off and free shipping types, choose between two modes (a Buy X, get Y tier always uses the first one):

  • Goal + automatic discount: the app creates and updates the Shopify discount for you when you save.
  • Goal only: the bar announces the reward, and you set up the matching automatic discount yourself in Shopify Discounts (a "Buy X get Y" discount for a free product). For a Free shipping tier, the bar follows your free shipping rate or discount, and its threshold updates on its own.

Goal + automatic discount unlocks settings that Shopify's native discounts don't offer. Hover the More features badge to see them in the admin:

  • a different discount for each gift product, or a fixed final price (free gift);
  • a discount title translated at checkout (translations);
  • a different threshold per market, and even per country, in a single discount (markets);
  • a threshold on cart weight (bars);
  • targeting by traffic source (UTM), by cart attributes, or limited to guest customers (targeting).

Goal only remains useful when another discount app doesn't combine with Yaco's discount: that's what the Better compatibility between apps badge means.

A tier imported from one of your automatic discounts names the two modes Use my Shopify discount and Let Yaco manage the discount. Switching to Yaco offers to turn your discount off, so the reward isn't given twice: see install.

Each type has its own page: free shipping, free gift, discount tier, Buy X, get Y.

Set the threshold

The tier reads as a sentence: Unlocks when the cart amount for all products reaches your threshold. Click a part to change it, and click it again to close it.

  • The measure comes from the bar the tier belongs to: cart amount, cart weight, number of items, the customer's total spend or number of past orders. Pick another bar in Shop bars, or Create a bar. See bars.
  • The threshold is the last part: an amount, a weight or a quantity, depending on the measure. Moving the tier to a bar with another measure keeps its number ($20 becomes 20 items): adjust it if needed.
  • For percentage and amount off tiers, Discount calculation sets whether the threshold counts prices Before all discounts or After product discount (the default).
  • For a Free shipping tier in Goal + automatic discount mode, Discount calculation also offers After cart discount, the default: the threshold is checked after all discounts, as Shopify does for free shipping. See free shipping.

To use a different threshold per country or market, see markets.

Write the texts

  • Goal name: the reward as the shopper reads it, for example "Free shipping".
  • Goal's text template: the progress sentence, for example {amount} left for {name}. The app fills in the remaining amount and the tier name.

Both texts can be translated from their own field. The message shown once the tier is reached is set in the Success message tab: see success message.

Change the threshold label

The threshold label is the text the bar shows under or above the tier, such as “$35” or “2 prints”. To write your own, fill in Threshold label among the tier texts. Left empty, the bar keeps the automatic text. The field then shows in grey how that text is built: {amount}, or {number} followed by the bar's quantity label, such as {number} prints. Start from it to write yours.

Two variables are available:

  • {amount}: the automatic text, with its currency or unit, adapted to the shopper's market and currency: “$35”, “2 prints”.
  • {number}: the value alone: “35”, “3”. {quantity}, the variable of the bar's quantity labels, works too and gives the number alone here, unlike in the progress text, where it shows “3 more items”.

For example, {amount}+ shows “$35+” and {number}+ prints shows “3+ prints”. The label is rich text, available on every plan, and translated from its own translate icon like the tier name (see translations).

The label replaces the threshold everywhere it appears:

  • on the bar on your store;
  • at checkout, where only bold is kept: other formatting is removed;
  • in the text read by screen readers and in the summary of your offers for AI assistants, as plain text.

It shows only when the design displays the threshold: on the Design page, tab Threshold, tick Show goal threshold. At checkout, Show thresholds must also be on (see checkout).

Do not confuse it with a bar's Quantity labels: they set how a quantity bar writes its numbers, such as “3 items”, for all its tiers (see bars). The threshold label rewrites the text of one tier, and {amount} already includes the quantity label.

My threshold label does not change

  • Show goal threshold is off in the design shown on that page: the threshold is not displayed at all.
  • The design's custom CSS hides or replaces the threshold, for example a .cupb__price rule using content:. Remove that rule in Wrapper, field Progress bar custom CSS.
  • The shopper browses in another language or market: a translation of the label takes precedence there. Open the translations counter at the end of the field label to check it.

Pause or remove a tier

The button in the top right corner of the tier card switches it off (Disable this goal) or back on (Enable this goal). A disabled tier disappears from your store and its Shopify discount stops applying, but it keeps all its settings. It is handy to pause an offer during a promotion. To limit a tier to certain dates or customers, see targeting.

How many tiers show on your store

Your plan sets how many tiers show on your store. On the free plan, all your tiers show during the 14-day trial, then only the first active one. On Starter, all your tiers show while your store stays under the Starter order limit; if it goes over early in its 30-day period and is still above the limit fourteen days later, only the first active one shows, until the next period starts. Extra active tiers are saved but do not show, and a banner above the list tells you so. See subscription and the pricing page.

Something missing? Write to support@yaco.studio, or try it first in the demo.

Read next

Ready to try it on your store?

Install Yaco Progress Bar, set your first tier, and the bar shows up in your cart in minutes. No developer, no pop-up.

Try for free14-day free trial · free plan forever