Zuper Free Shipping App - Documentation

Overview

The Free Shipping Bar dynamically displays a progress bar across your Product Page, Cart Drawer, and Cart Page, showing customers how close they are to getting free shipping.

You can set free shipping conditions based on:

  • Cart Value or Cart Quantity

Once the threshold is met, the bar automatically updates to celebrate that Free Shipping has been unlocked!

Features

Conditional Free Shipping Rules

  • Cart Value Condition: Define a minimum order amount for free shipping. Example: Free shipping for orders above ₹1000.
  • Cart Quantity Condition: Define a minimum number of products for free shipping. Example: Free shipping for 3 or more items.

Placement & Display Options

  • Product Page: The free shipping bar can be repositioned through the Shopify Theme Editor.
  • Cart Page: You can also adjust its position via the Theme Editor.
  • Cart Drawer: The bar automatically appears above the quantity selector and is fixed in that position for optimal visibility.

Customization Options

You can fully customize the free shipping bar to match your brand:

  • Change colors, fonts, and background styles.
  • Edit the progress messages and success messages.
  • Preview live changes in the Theme Editor before publishing.

How It Works

  • Install the App from your Shopify Admin.
  • Set the Condition Type: Choose between Cart Value or Cart Quantity.
  • Enter the Threshold: Define the value or number of products needed to unlock free shipping.
  • Customize the Design: Personalize text, colors, and fonts to match your store’s theme.
  • Place the Bar: Adjust placement on the Product Page and Cart Page in the theme editor. (Cart Drawer is fixed above the quantity selector.)
  • Save and Publish: Once saved, your free shipping bar will appear live across your store.

Example Messages

Before threshold:

“Add ₹200 more to unlock Free Shipping! 🚚”

After threshold reached:

“Congratulations! You’ve unlocked Free Shipping! 🎉”

Support

Need help setting up or customizing your Free Shipping Bar?
We’re here to help!

Tips & Best Practices

  • Keep your free shipping threshold slightly above your average order value to maximize upsells.
  • Use motivating messages like “Almost there!” or “Just a few more items to go!”
  • Test visibility across devices to ensure the bar looks great on mobile and desktop.