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

Run on 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

1
Copy the prompt above
2
Open Shopify Sidekick in your Shopify admin
3
Paste the prompt and replace the bracketed placeholders with your details
4
Review Sidekick's response and apply the suggestions

Sidekick Skills & Magic Prompt

Create & manage AI skills for Sidekick. Discover skills from other merchants.