Skip to main content

Add a Smart Progress Bar

Show shoppers how close they are to free shipping, a discount or a free gift, and raise average order value.

The Smart Progress Bar shows shoppers how far they are from the next reward, for example "You are $25 away from 10% off". Rewards can be a percentage off, a fixed amount off, free shipping or a free gift, in one or more tiers. It nudges shoppers to add one more item.

Availability

Plan: Growth Agents plan · Platform: SHOPLINE

Included in the Growth Agents plan. If your plan doesn't include it, Studio shows Smart Progress Bar is not included in your plan with a Contact Sales button.

A progress bar has two parts: campaigns (the tiers and rewards, shared by every bar in your store) and the bar you place on each page type.

Add a bar to a page

  1. In Studio, choose the page type, such as Cart or Product, in the page selector.

  2. Hover where you want the bar and click (+), then choose Smart Progress Bar.

  3. If you have no active campaign yet, the template picker opens. Turn on one or more templates (see below), then click Done. If you already have an active campaign, Studio places the bar right away.

  4. Click Save, then Publish.

The bar is placed per page type. Add it to each page type where you want it.

Add a Smart Progress Bar (screenshot)

Turn on a template

  1. In the template picker, click a template card. Templates cover free shipping, discounts and free gifts, alone or combined in tiers.

  2. If the template has a free gift tier, pick the gift: click Select a free gift, choose the product, then click Save.

  3. On an active card, click a chip to change it: the tier amount (Minimum Cart Value), the Offer Type, or the audience (Show campaign to).

Before you publish

Progress bar campaigns go live as soon as you turn on a template, save a new campaign, or edit one. They don't wait for Publish. Shoppers see the change right away wherever a bar is already published. Adding, moving or styling the bar still needs Publish.

Create a campaign from scratch

  1. Click Menu (⋮) in the top bar, choose Discounts & Promotions, and open the Progress Bar tab.

  2. Click From Scratch.

  3. Enter a Campaign Title.

  4. Optional: under Audience, choose segments to Show or Hide. Leave both empty for all visitors.

  5. In Tier 1, enter the Offer message, the Minimum Cart amount to unlock, and what you're Offering: Percentage discount, Fixed amount discount, Free shipping or Free gift. Then enter the discount or pick the gift product.

  6. Optional: click Create a new tier to add a reward at a higher amount.

  7. Click Save.

The default message is "You are {{remaining_amount}} away from {{offer-descriptor}}". LimeSpot fills in the amount left and the reward, such as "10% off" or "free shipping". The Preview shows the result.

Add a Smart Progress Bar (screenshot)

Style the bar

Click the bar on the canvas to open Progress Bar Settings.

Setting

What it does

Default

Enabled

Shows or hides the bar on this page

—

Icon Size

Size of the tier icons

Medium

Hide Tier Labels

Hides the labels under the tiers

Off

Hide When Cart Empty

Hides the bar until the cart has items

Off

Gift Picker - General

Gift picker Style (Carousel or Rows) and button text (Add Gift, Remove Gift)

Carousel

Typography, Colors

Fonts and colors for the message, labels, bar fill and buttons

Purple-to-pink bar fill

To remove the bar from the page, click Delete Progress Bar, then Publish.

Manage campaigns

On the Progress Bar tab, open a campaign's ⋯ menu to edit, clone, activate, deactivate, archive or delete it. Delete can't be undone. Use Reorder to set priority: the top matching campaign wins.

Tip

Set the first tier a little above your current average order value, and check the bar in Mobile View before you publish.

What shoppers see

The bar fills as the cart grows and the message counts down to the next reward. When every tier is unlocked, shoppers see "Congratulations! You unlocked your reward!" A free gift tier shows a gift picker with an Add Gift button. Rewards apply to the cart automatically.

Troubleshooting

You see

Why

What to do

The bar doesn't show on your store

The page isn't published, no campaign is active, the shopper isn't in the audience, or Hide When Cart Empty is on

Check each, then Publish

"You need to select the offered Gift(s) to activate this campaign."

A free gift tier has no product

Pick the gift product and click Save

"Tier 1: enter a minimum cart amount above 0."

The tier amount is missing

Enter an amount above 0

"Failed to load campaigns. Please try again."

The list didn't load

Click Retry

Note

On SHOPLINE, if a shopper uses a different currency from your store and no reliable exchange rate is available, the bar hides itself for that shopper.

Related articles

Did this answer your question?