Fluorescent
Eclipse
Eclipse
  • Get started
    • Migrating to Eclipse
    • Theme license
  • FAQs
  • Changelog
    • Update your theme
  • General
    • Editing themes
      • Dynamic content with metafields
      • Edit default theme content
      • Multiple languages
      • Unique content for markets
      • Customizing your site
      • H1 heading tags
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • SEO for Shopify
    • Online store speed
    • Accessibility
  • Theme settings
    • Theme settings
      • Social media
    • Theme styles
    • Fonts
    • Colors
  • Corner rounding
  • Pages
    • Page templates
      • Using templates
      • Customize page styles
      • Create and assign templates
    • Demo layouts
    • About page
    • Home page
    • Blog page
    • Blog post
    • Contact page
    • Password page
    • Search page
  • Sections
    • Sections
      • Using sections
      • Content blocks
    • Blog posts
    • Collapsible content
    • Collection list
    • Contact form
    • Featured collection
    • Featured links
    • Feature product
    • Grid
    • Icon with text columns
    • Image hero
    • Image with text
    • Multi-column
    • Newsletter
    • Rich text
    • Scrolling content
    • Shop the look
    • Shoppable feed
    • Slideshow
    • Video
    • Video hero
    • Video with text
    • Custom Liquid
  • Header
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menu
      • Language and Currency
    • Impact logo
    • Search
  • Footer
    • Footer
      • Image Text and Socials
      • Links block
      • Newsletter and Socials
      • Language and Currency
      • Custom Liquid
  • Products
    • Product listings
      • Product card styles
      • Sale and sold out badges
      • Quick shopping
    • Prices and currencies
    • Swatches
      • Use default colors
      • Use custom colors
      • Use custom images
  • Product pages
    • Product page
      • Gift card product
    • Media gallery
      • Media grouping
    • Product overview blocks
      • Description
      • Price
      • Buy buttons
      • Collapsible row
      • Complementary products
      • Custom option
      • Featured icon with text
      • Icon with text
      • Inventory status
      • Image block
      • Popup block
      • Product rating
      • Text block
      • Share icons
      • Custom Liquid
    • Variant selector
      • Info popup
    • Sticky add-to-cart
    • Sibling products
    • Product recommendations
  • Collections
    • Collection page
      • Banner
      • Product grid
      • Promotion tiles
      • Filters and sorting
    • Collection list page
  • Cart
    • Cart
    • Free shipping bar
    • Cross sells
  • Popups
    • Popups
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • Advanced
    • Custom CSS
    • Custom fonts
Powered by GitBook
On this page
  • Add free shipping rate in Shopify admin
  • Set up free shipping bar

Was this helpful?

  1. Cart

Free shipping bar

Last updated 4 months ago

Was this helpful?

Display a Free shipping bar in the cart to tell customers how far away they are from qualifying for free shipping.

  • Set up a free shipping rate for your store in the Shopify admin.

  • Enable the free shipping bar in the theme settings

Add free shipping rate in Shopify admin

Follow the steps below to add a free shipping rate to your online store. If you already have a free shipping rate, follow the steps to set up the Free shipping bar.

STEPS

In your Shopify Admin:

  2. Under General shipping rates, click Manage.

  3. Under the Shipping zone where you want to add free shipping, click Add rate.

  4. Leave the Price field as 0.00 to make the shipping rate free.

  5. Click Add conditions, then select Based on order price.

  6. Enter the minimum price required for orders to receive free shipping.

  7. Click Done, then click Save.

Set up free shipping bar

Once you've added a free shipping rate in your Admin, you can set up the free shipping bar in the cart.

STEPS

In your theme editor (Customize):

  1. Click Theme settings, then click Cart.

  2. Click the Enable free shipping bar option.

  3. Enter the Free shipping minimum amount. Make sure the number in the price field matches the price set in your Shopify admin.

    Enter the value without a currency symbol and use a decimal to separate dollars and cents. Example: '100.00'

  4. Click Save.

Go to Theme settings > Cart to find settings

Setting
Description
Options

Enable free shipping bar

Display a progress bar showing how close customers are to qualifying for free shipping. You must set up a free shipping rate in your Shopify admin before enabling this feature.

Free shipping minimum amount

Enter the minimum order price required for free shipping. This amount must match the minimum price of the free shipping rate set in your Shopify admin.

Default: $250

Shipping and Delivery settings are Shopify features. To learn more, see Shopify’s guide to .

Go to Settings > .

Setting up shipping rates ↗
Shipping and delivery