Complete setup, admin reference, and troubleshooting for CartClimb. For a guided first-time install, start with the Installation guide.

Contents

  1. Quick start
  2. Plan tiers
  3. Admin panel overview
  4. Progress Bar
  5. Promotional Banner
  6. Cart Upsell
  7. Checkout Plus Extensions
  8. Performance dashboard
  9. Testing
  10. Troubleshooting
  11. Data & Privacy
  12. Support

1. Quick start

CartClimb installs from the Shopify App Store, configures inside Shopify admin, and renders on your storefront automatically once a theme block is added. The full walk-through with plan selection lives in the Installation guide. This page is for reference and troubleshooting after install.

2. Plan tiers

PlanPriceFree trialWhat's included
Free$0 / moStatic promotional banner only. No progress bar.
Lite$4.99 / mo7 daysSingle-tier progress bar, all banner modes (static / marquee / rotating), countdown, scheduling.
Pro$7.99 / mo7 daysEverything in Lite, plus: multi-tier cascade (up to 3 tiers), free-gift auto-add, geo-targeting + per-country currency, cart upsell, and Checkout Plus extensions.

Manage your subscription in Apps → CartClimb → Billing. Upgrades take effect immediately; downgrades take effect at the end of the current billing cycle.

3. Admin panel overview

CartClimb's admin is a single-column page per feature with a sticky Live Preview pane on the right. The left nav inside the app has these top-level pages:

PageWhat you do here
Progress BarEnable/disable, choose display mode, configure tiers, customize colors and messages, set device + page targeting, set geo rules.
Promotional BannerEnable/disable, pick a banner mode, write messages, configure scheduling and targeting.
UpsellsPro. Create and manage Upsell Groups used by the cart upsell carousel.
PerformanceOrder-attributed metrics, storefront funnel counters, and a 12-month AOV trend.
BillingView current plan, change plan, see trial / period status.
HelpSetup checklist, common questions, troubleshooting tools (including the theme-compatibility report for the gift-line auto-add).

A consolidated Targeting tab inside each feature covers both device (mobile / desktop / tablet) and page (home / product / collection / cart / drawer) visibility rules.

4. Progress Bar

Theme block

The storefront block is called Shipping Progress Bar. Add it from Online Store → Themes → Customize → Add section → Apps in any template where you want the bar to render (Home, Product, Cart, the cart drawer, etc.). The block uses the body target so it appears as a top-level section. There is no theme-code editing required.

Tier types

Each tier has a dollar threshold and a reward type. Configure up to three tiers on Pro; Lite supports one.

TypeWhat happens
Free shippingThe bar messages free-shipping unlocked. Pair with a real Shopify shipping rate to actually waive shipping at checkout.
Percentage discountThe bar messages X% off unlocked. Pair with a Shopify automatic discount or a code you communicate.
Free giftThe bar messages a gift unlocked. Pro. CartClimb auto-adds the gift line to the cart when the threshold is crossed, and the bundled CartClimb Free Gift Discount Function (a Shopify Function shipped with the app) discounts the gift line to $0.
CustomDisplay-only message. You're responsible for delivering whatever the message promises.

Display modes

  • Linear Classic — a horizontal bar with tier markers. Default. The most flexible and recommended.
  • Announcement Bar — a thin strip suitable for top-of-page.
  • Minimal Text — text-only progress message, no rendered bar.

Multi-Tier Stepped is no longer a separate mode. Existing configurations using it are migrated to Linear Classic on read. The renderer is kept as a safety net but no new config will route to it.

Shippable-only filter (default ON)

CartClimb counts only items that physically ship toward a free-shipping tier threshold. Gift cards, digital downloads, and gift wrap configured as non-shipping items don't inflate the bar past the threshold. This means the bar matches what Shopify's checkout will actually do — most stores' shipping rates are configured against the shippable subtotal too.

Toggle in Progress Bar → Advanced → Only count shippable items toward free-shipping reward. The setting is global per shop and applies only to free-shipping tiers; percent-off and free-gift tiers continue to use the full cart subtotal.

If you ship gift cards physically and want them to count, flip the toggle off.

Configuring the actual reward in Shopify

The progress bar shows progress visually. The reward also needs to exist in Shopify, or the bar promises something checkout doesn't deliver.

Free shipping

  1. Settings → Shipping and delivery → Manage rates.
  2. Add a free shipping rate with a minimum order condition matching your CartClimb threshold (e.g. $50).
  3. Save.

Percentage off

  1. Discounts → Create discount → Amount off products.
  2. Set the percentage and a minimum purchase matching the CartClimb threshold.
  3. Choose Automatic (applies at checkout without a code) or generate a code and communicate it on the bar's message.

Free gift (Pro)

  1. Pick the gift variant in the CartClimb free-gift tier.
  2. Activate the CartClimb Free Gift discount in Discounts → Discount codes — the discount function ships with the app and shows up in the discount list automatically. Click it and toggle it on. (If you'd rather use a manual Buy-X-Get-Y discount, you can — but the function is simpler and merchant-tested.)
  3. Save.

Geo-targeting and per-country currency (Pro)

Show different thresholds and currencies based on the shopper's country. Eight countries are pre-configured today: United States (USD), United Kingdom (GBP), Canada (CAD), Australia (AUD), Germany (EUR), France (EUR), Japan (JPY), India (INR).

Setup:

  1. Progress Bar → Geo-targeting.
  2. Enable Geo-targeting.
  3. For each country you want to override, add a rule: pick the country, set the threshold in local currency, optionally write country-specific messages, set a priority (lower number = higher priority).

The default currency (set on the same page) covers all countries without an explicit rule. If a country has no rule and Shopify's currency for the shopper differs from your default, the bar falls back to your default.

5. Promotional Banner

A site-wide announcement banner that runs independently of the progress bar. Useful for sales, shipping notices, holiday hours, or any campaign you want visible above the fold.

Theme block

Block name: Promotional Banner. Add the same way as the progress bar (Theme customizer → Add section → Apps → Promotional Banner).

Modes

ModePlanBehavior
StaticFree + Lite + ProFixed message.
MarqueeLite + ProScrolling horizontal text.
RotatingLite + ProCycles through multiple messages on a timer.

Scheduling (Lite + Pro)

Set a start time and end time so the banner auto-shows and auto-hides for a sale window. Set in Promotional Banner → Scheduling.

Targeting

Same consolidated Targeting tab as the progress bar — pick devices (mobile / desktop / tablet) and pages (home / product / collection / cart / drawer / custom URL patterns). Geo-targeting follows the same country list as the progress bar when enabled.

6. Cart Upsell (Pro)

A product-recommendation carousel that renders inside the cart drawer or on the cart page, designed to lift average order value after the shopper has already committed to buying something.

Concepts

  • Upsell Group — a named, reusable set of products with a heading and max-items count. Configured in Apps → CartClimb → Upsells. A shop can have many groups for different placements.
  • Group key — the identifier you reference from the theme block (e.g. cart-drawer-recs).

Source modes

ModeWhat it does
ManualYou pick specific products / variants. Order is preserved. Out-of-stock items are filtered at render.
AutomaticCartClimb picks based on current cart contents (frequently bought together, complementary). Tier-aware on Pro — if a shopper is one item away from a reward, the carousel prioritizes items that close the gap.

Theme block

Block name: CartClimb Upsell. This is a section-target block — add it via Add block inside the section where you want it, not as a standalone top-level section. Set the Recommendation group key in the block settings to match the key you used in the admin.

Cart vs PDP placement

The same block works in the cart drawer, the cart page, or — when placed on a product template — the product detail page. The same group can serve multiple placements; use different groups when you want different recommendations per surface.

7. Checkout Plus Extensions (Shopify Plus + Pro)

Two checkout UI extensions are bundled with CartClimb. They render inside the one-page Shopify checkout, which Shopify gates to Plus merchants only.

ExtensionWhat it does
CartClimb Checkout Progress BarRenders the same progress bar inside checkout's order summary.
CartClimb Checkout UpsellShows recommended-product cards with one-click add inside checkout.

Setup

  1. Confirm Plus + Pro: Shopify Plus on your account, CartClimb Pro under Billing.
  2. In Shopify admin, go to Settings → Checkout → Customize. The Customize button is Plus-only — non-Plus stores will not see it.
  3. In the checkout editor, click Add app block in the section where you want the extension.
  4. Pick the extension by name and configure it from the side panel.
  5. Save.

Known limitations

  • Express checkout buttons (Shop Pay, Apple Pay, PayPal, Google Pay) skip the cart drawer entirely. The progress bar still renders inside the express checkout's order summary, but a cart upsell or a free-gift auto-add can be bypassed because those run client-side in the cart. A longer-term reconciliation is on the roadmap.
  • The checkout extensions inherit the storefront's CartClimb configuration; they don't have a separate admin surface.

8. Performance dashboard

Apps → CartClimb → Performance shows three independent sections. Their numbers won't agree with each other — that's by design.

Order-attributed (last 30 days)

What shoppers actually bought. Populated from the orders/paid webhook attribution.

CardMeaning
Orders (30d)Total paid orders.
Average order valueRevenue ÷ orders.
Upsell revenue (30d)Sum of order-line totals that came from upsell-tagged lines.
Free gifts givenOrders that included a CartClimb-tagged gift line at purchase.
Orders reaching a rewardOrders whose subtotal crossed at least one tier.
CartClimb-influenced ordersOrders touched by a gift, upsell, or tier crossing.

Order-attributed metrics depend on Shopify Protected Customer Data access. If your shop hasn't been approved yet, the section shows an empty state — see Data & Privacy below.

Storefront funnel (last 30 days)

What shoppers do on the storefront, regardless of whether they buy. Populated from the storefront widget via sendBeacon.

CardMeaning
Bar impressionsPage-loads where the progress bar rendered.
Carts that crossed a tierShopper unlocked a reward in-cart. Different from "Orders reaching a reward" — that's purchases, this is engagement.
Gifts auto-addedFree-gift lines added by the widget. Different from "Free gifts given" — that's purchased orders with gifts. The gap between the two is your gift-add → purchase conversion.
Upsell shown → addedRatio of upsell impressions to upsell adds. Shows "—" until any upsell impressions accumulate.

AOV trend (last 12 months)

Pulled from Shopify's own analytics (ShopifyQL) — store-wide AOV by month, not CartClimb-attributed. Your install month is marked so you can read the table as before / after.

Attribution honesty

All numbers shown are CartClimb-attributed (last-click), not causal lift. A true revenue-lift claim still requires an A/B holdout — that's on the roadmap and intentionally not pre-baked. The dashboard's banner states this.

9. Testing

Do not test inside the Shopify theme customizer. Cart monitoring is disabled there — the bar will appear, but it won't update when you add items. Always test on your live store URL.

WhereOK?
https://your-store.myshopify.com✅ Test here
https://your-storefront-domain.com (custom domain)✅ Test here
https://admin.shopify.com/.../editor❌ Won't update

Test checklist

  1. Cart value changes. Empty cart shows the full distance to tier 1. Add an item → bar fills immediately. Remove an item → bar decreases. Cross a tier → success message appears.
  2. Multi-tier (Pro). Confirm tier 2 and tier 3 markers, and each tier's unlocked message in sequence.
  3. Shippable-only filter. Add a gift card or a product with Requires shipping unchecked to the cart. Confirm the progress bar does NOT count it toward a free-shipping tier.
  4. Free gift auto-add (Pro). Cross the gift threshold. Confirm the gift line appears in the cart with quantity 1 and a $0 line price (the CartClimb Free Gift Discount Function applies). Remove the gift manually — confirm the next sync re-adds it.
  5. Geo (Pro). Use a VPN or set a different country in your Shopify market. Confirm the threshold and currency match the rule you configured.
  6. Mobile. Open on a mobile device or use Chrome DevTools device emulation. Confirm the bar (or drawer mini-bar) renders correctly.
  7. Performance. After a few real cart sessions, open the Performance dashboard. The Storefront funnel cards should accumulate (bar impressions and tier crossings appear right away; upsell and gift cards depend on shoppers interacting).

Debug logs

Open the browser console (F12 → Console tab) and filter for [SPB] — this is CartClimb's log prefix. Useful messages include:

  • [SPB] sync no-op — subtotal … — the gift-sync ran but nothing needed to change.
  • [SPB] adding gift … / removing gift … — the gift-sync added or removed the auto-gift line.
  • [SPB] Error fetching cart: … — the storefront couldn't reach Shopify's /cart.js (usually a theme override or a network block).
  • [SPB] Failed to fetch settings from API … — the storefront couldn't reach our settings endpoint. Most often a Cloudflare / firewall rule blocking the merchant's site from talking to cart-incentives.fly.dev.

10. Troubleshooting

Bar isn't showing

CauseFix
Enable toggle is off in adminTurn it on at the top of the Progress Bar page.
Theme block not addedTheme customizer → Add section → Apps → Shipping Progress Bar.
Device hidden by targetingTargeting tab — confirm "Show on mobile / desktop / tablet" matches where you're testing.
Page hidden by targetingTargeting tab — confirm the current page is allowed.
Free planThe progress bar isn't included on the Free plan. Upgrade to Lite or Pro under Billing.

Bar shows but doesn't update

CauseFix
Testing inside the theme customizerOpen the live store URL (your-store.myshopify.com) in a regular tab.
Custom cart drawer overrideCheck the browser console for [SPB] errors. Some themes wrap the cart drawer in an unusual way — open Admin → Help to run the theme-compatibility report.
Network blockingThe merchant's site couldn't reach cart-incentives.fly.dev. Check for Cloudflare rules or a corporate proxy.

Colors aren't taking effect

CauseFix
Settings not savedClick Save in the admin panel.
Browser cacheHard-refresh on the storefront (⌘/Ctrl + Shift + R).
Theme CSS overrideInspect the bar element in DevTools — if a theme rule has !important, you'll need a custom CSS selector or to contact support.

Bar shows reward unlocked, but checkout charges shipping

This is exactly the case the shippable-only filter exists to prevent. Make sure Progress Bar → Advanced → Only count shippable items toward free-shipping reward is on (it's on by default for new and existing shops). If a gift card or digital line is in the cart, those won't count toward a free-shipping tier — and they shouldn't, because your Shopify shipping rule won't count them either.

Free gift isn't auto-adding

CauseFix
Plan isn't ProFree-gift auto-add is a Pro feature.
Discount function not activatedDiscounts → activate CartClimb Free Gift.
Gift variant out of stockThe gift won't add if the variant has 0 inventory and "Don't sell when out of stock" is set on the product.
Theme override removes lines on renderRun the theme-compatibility report in Admin → Help.

Express checkout (Shop Pay / Apple Pay) skipped the cart

Express checkout buttons bypass the cart entirely, so the cart-side gift auto-add and the cart-side upsell don't run. The Checkout Progress Bar still renders inside the express order summary. The Checkout Upsell renders only on standard checkout — there is no upstream hook in express. This is a Shopify-platform constraint, not something we can fix with a setting; we're tracking it on the roadmap.

Geo-targeting shows wrong currency

CauseFix
Country has no ruleAdd a rule for that country, or rely on the default currency.
Shopify Markets currency mismatchConfirm your Shopify Markets configuration matches the country rule.
Testing through a VPNDisable the VPN to confirm the issue isn't your test setup.

11. Data & Privacy

CartClimb is built to read as little data as possible. The short version:

  • Order data. Subscribed via the orders/paid webhook (requires Shopify Protected Customer Data access). We read the order id, totals, currency, and line-item properties — specifically our own _cartclimb_upsell and _cartclimb_gift_tier_id tags. We do not read customer name, email, phone, address, or IP.
  • Funnel events. The storefront widget sends aggregated counts (bar viewed, tier reached, etc.) via navigator.sendBeacon to our own endpoint. No customer identifier travels with these — just the event type and your shop domain.
  • Configuration data. Stored in our managed Postgres on Fly.io, encrypted at rest and in transit.
  • Retention. On uninstall, on shop/redact, and on customers/redact, we delete settings, sessions, analytics records, order facts, daily metrics, and funnel counters. All three GDPR webhooks are honored.

Full policy: Privacy.

12. Support