Task IntentCRO

Create Free Shipping Progress Bar

Build a dynamic progress bar showing how close the cart is to free shipping threshold, encouraging customers to add more items.

What This Sidekick Query Does

Build a dynamic progress bar showing how close the cart is to free shipping threshold, encouraging customers to add more items.

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Run on Shopify Sidekick

Create a free shipping progress bar for my Shopify store:

Display Locations:

  Cart drawer / slide-out cart
  Cart page
  Optional: announcement bar at top of site


Progress Bar States:


  Below threshold ($0 - $[X-1]):
    
      “You’re $[remaining] away from FREE shipping! 🚚”
      Progress bar shows percentage filled
      Suggest adding more items
    
  
  Threshold reached ($[X]+):
    
      “🎉 Congrats! You’ve unlocked FREE shipping!”
      Progress bar fully filled with celebration color
      Confetti animation (subtle)
    
  
  Empty cart:
    
      “Add $[X] to your cart for FREE shipping”
      Empty progress bar
    
  


Settings:

  Free shipping threshold amount ($)
  Bar colors (progress fill, background, text)
  Currency symbol
  Celebration message text
  Position in cart (top or bottom)


Requirements:

  Updates dynamically as items are added/removed (AJAX)
  Responsive design
  Smooth progress bar animation
  Works with Shopify’s cart API
  Generate as a cart snippet or section

Expected Output

Build a dynamic progress bar showing how close the cart is to free shipping threshold, encouraging customers to add more items.

Tips to Improve Results

Copy the prompt above

Open Shopify Sidekick in your Shopify admin

Paste the prompt and replace the bracketed placeholders with your details

Review Sidekick's response and apply the suggestions