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.
Prompt / Skill
Copy, adapt, and run this prompt or skill workflow directly in 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 sectionExpected 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
Sidekick Skills & Magic Prompt
Create & Manage AI skills for Sidekick. Discover AI skills from other merchants.
Build unlimited custom Sidekick skills, organize prompts into collections, and discover proven workflows shared by other Shopify merchants.