Growth widgets

These ten widgets are why most stores install Cartie. Each one is documented with what it does, its key settings, and what it needs from your Shopify store to actually work.

#🚚 Free Shipping Bar

A progress bar showing how far the shopper is from free shipping — the single highest-leverage cart widget for most stores.

• Cart value required for free shipping — the threshold the bar counts toward.
• Progress message — shown while the shopper is short, with the remaining amount filled in.
• Achieved message — shown once they cross it.
• Show truck icon — toggles the leading icon.

#✨ Smart Upsell

A carousel of recommended products with an add button on each card. Layouts: scrolling row, grid, list, or smart.

• Product source — *Related* uses Shopify's own recommendations for what is already in the cart; *Manual* shows products you hand-pick.
• Trigger rules — "when *this* product is in the cart, recommend *those* products". Rules are evaluated in order, and the default source is used when none match.
• Heading, button label, number of products, and whether to show prices and product tags (BESTSELLER, NEW).

#🏷️ Discount Code

A coupon field inside the cart, so shoppers stop leaving to search for codes (and coming back through someone else's affiliate link, or not at all).

• Start collapsed — shows a small "Have a discount code?" link that expands on click, keeping the cart tidy.
• Pre-fill a code — pick one of your live Shopify discount codes to fill in automatically for a campaign.
• Label, placeholder, button text and input style.

#⏱️ Flash Sale Countdown

A ticking timer for a limited-time offer, in a stacked or horizontal layout with boxed or inline digits.

• Timer mode — a fixed duration per shopper, end of day, or a specific date and time.
• Discount percentage — set this above zero and Cartie creates a real store-wide automatic discount in Shopify for the life of the timer, then deletes it when the timer ends. The on-page countdown and the discount share the same end instant, so they cannot drift apart.
• When the timer expires — do nothing, or switch to another cart, so a sale cart automatically hands over to your everyday cart at midnight without you being awake for it.
• Loop when expired — restarts from full duration (evergreen urgency; use honestly).

#🏆 Rewards Ladder

Several spend thresholds in one widget — "$50 free shipping, $100 free gift, $150 15% off" — so there is always a next tier to reach for. Every checkpoint does something real:

Each checkpoint has an amount, a label, and an icon. Celebrate unlocks pulses the milestone and can fire an animation keyed to that specific checkpoint.

#🔥 Scarcity & Social Proof

Two modes — social (other shoppers' behaviour) and stock (scarcity) — across several layouts: a default notification strip, a simple line, an image-and-quote card, a press quote, a customer review with rating, an avatar rating row, and an "As Seen In" logo row.

• Messages can rotate automatically, with an optional pulse animation on the icon.
• Review and press layouts take your own quote text, reviewer or publication name, and logo or profile image.

#📦 Volume Discounts

"Buy more, save more" tiers for one product — as stacked cards or a single compact row. Pick the product, choose percentage or fixed-amount savings, and define your tiers (quantity, label, saving, optional badge).

#🎀 Free Gift with Purchase

Free gift offers, triggered by what is in the cart rather than by how much has been spent. "Buy a hoodie, get a beanie free".

• Condition — what has to be true of the cart. A specific product (any variant counts, so you do not have to list sizes), anything from a collection, a number of items, or a cart total.
• Gift and gift quantity — what they get free. Leave Which variant? on *Let the shopper pick* and they choose their own size or colour before it reaches their cart, which is usually what you want: you have no way of knowing someone's size. Pick a variant instead and that exact one is added automatically.
• Add a choice — a second, third or fourth gift turns the offer into a choice. Nothing is added to the cart until the shopper picks one. See Letting shoppers pick their gift below.
• Show offers before they're unlocked — off by default. Turn it on to advertise the offer as a teaser while the shopper is still short of it: it nudges them toward the offer, at the cost of showing something not yet in their cart.
• Locked and unlocked messages — your own copy. Use {product} in the locked message and Cartie fills in what the shopper needs to add.

More conditions

Each offer has a More conditions section for the rarer asks. The heading tells you how many an offer is using, so a scheduled or targeted offer never looks like an ordinary one.

• Repeat the offer as they add more — buy 2 get 1, buy 4 get 2, buy 6 get 3. Off by default, because the Shopify discount behind the offer is capped at one use per order unless you turn it on.
• Discount on the gift — 100% is a free gift. Lower it for "get the second one half price"; the cart shows the discount instead of a FREE badge.
• Starts and Ends — leave blank to run from publish until you remove the offer. The Shopify discount carries the same dates, so an offer outside its window is never charged as free.
• Who can get it — everyone, logged-in customers, first-time customers, or customers with a tag.

#🎁 Letting shoppers pick their gift

Both gift widgets — the Rewards Ladder's free-product checkpoints and Free Gift with Purchase — hand the shopper a product automatically, which means nobody has asked them what size they want. As soon as the gift lands in the cart, Cartie opens a popup so they can choose.

A Free Gift with Purchase offer can also let them choose the gift ITSELF. Add a second gift to an offer and it becomes a choice: the cart shows a Choose your free gift row, and nothing is added until the shopper picks. If the gift they pick has sizes, the same popup asks about those next — they never see two popups stacked on each other.

• Nothing is added until they pick. Picking one for them and calling it their choice would also make the ones they did not want theirs to remove.
• The row stays on screen after they pick, so they can change their mind — it is the only way back to the chooser.
• Sold-out gifts are left out of the chooser entirely, unlike sold-out sizes, which are shown greyed out.
• A gift that only comes one way never asks, whichever setting you use — there is nothing to choose.
• Show variant selection popup — on by default, on each gift widget. Turn it off and every shopper gets the variant you picked, with no popup. An offer where the shopper picks the gift itself, or their own variant, always shows its own chooser.
• Which variant? — *Let the shopper pick* asks them BEFORE the gift is added, because there is no default to fall back on. Naming a variant instead adds it straight away, and the popup then lets them change it afterwards.
• Gifts with one variant never show the popup — there is nothing to choose.
• Sold-out variants are shown but cannot be picked, so nobody chooses a size that checkout would reject.

#🔄 Subscribe & Save

A one-time vs. subscription choice for products you sell on a recurring basis. The delivery interval and saving shown are read from the product's own selling plans in Shopify — when a product has several (every 4 or 8 weeks, say), the shopper gets a picker to choose, and can switch interval later from the cart.

• Highlight — which option your brand colour sells. Subscription by default; the selected option is shown separately, so a shopper on one-time still sees the one you recommend.
• Preview frequency text — only a stand-in on the builder canvas until your products' plans load. Shoppers never see it.

#🛡️ Shipping Protection

An opt-in order-protection toggle that adds a small fee to the cart. Cartie can create and publish the fee product for you — see the shipping protection setup guide.

• Protection fee — the price of the fee product.
• Title, description and icon — how the offer is presented.

#🎰 Scratch Off

An interactive scratch card the shopper drags to reveal a discount code — a memorable way to hand out a code without plastering it on the page.

• Discount code — must be a real code in your Shopify store. Publishing is blocked if the code does not exist, so shoppers never scratch off a dud.
• Cover image, cover text and subtitle — what the card looks like before scratching.
• Inside label and subtitle — the reveal.