A shipping discount bar can be set up to offer customers shipping discounts based on their cart value. This feature uses a progress bar widget that can be placed on the cart page, cart drawer, or product page to show customers how close they are to qualifying for a shipping discount.
Step 1: Creating an Offer
To create a new offer:
- Click Create Offer.
- Select Create for Free shipping bar discount under Cart goals.
- Choose the Discount Type - either Automatic or Code (Marked “1” in the below image).
- You can create up to 25 automatic discounts and 500 code-based discounts in the app regardless of their discount type.
- Automatic discounts are auto-applied at checkout by Shopify.
- Code discounts are auto-applied at checkout by our app.
Automatic discounts stay active even if the app embed is disabled. Note that this discount type cannot be tested in a draft theme since it will always apply in the live theme as long as the discount is active. Please deactivate the discount if it’s no longer required.
Code discounts can be tested in a draft theme. Once the app embed is disabled in a specific theme, the discount will not be applied in that theme. This allows you to disable the app in the live theme and enable it in a draft theme for testing, if needed.
- Enter a Title for your discount (Marked “2” in the above image). This will appear as the discount code at checkout which customers can see.
Step 2: Choosing Applicable Countries
You can specify the countries where the discounts will apply. There are two options available:
- All countries
Selecting this option applies the discount to all countries by default. However, you can exclude specific countries using the Select countries to exclude option.
- Selected countries
Choosing this option allows you to manually select the countries where the discount should be applied.
Step 3: Setting Discount Tiers
Next, choose the type of discount you’d like to create. You can select from the following options (Marked “1” in the below image):
- Percentage Discount: Applies a specific percentage off the existing shipping fees in the store.
- Fixed Discount: Applies a fixed amount discount on any existing shipping fees in the store.
Then you can set the Cart value and the Shipping Discount amount for each tier (Marked “2” in the above image). You can add up to 5 tiers. However, if a 100% discount is set, it becomes a free shipping discount and no additional tiers can be added.
The Cart value refers to the subtotal, i.e, the cart total before any other discounts are applied. Since all discounts in Shopify run in parallel, using the discounted cart value can cause the discount to behave inconsistently.
Step 4: Configuring Additional Settings (Optional)
- Exclude shipping rates over a certain amount (Marked “1” in the above image)
- Enable this option if you do not want to apply shipping discounts to shipping rates exceeding a specific value.
- Example: If your store offers shipping rates of $10, $20, and $30, and you set the threshold to $20, our app’s discount will only apply to shipping rates of $20 or less.
- Also apply discount for B2B customers (Marked “2” in the above image)
- Enable this option to make the discount available to B2B customers. When enabled, discount widgets will also be visible to these customers.
This option works only with B2B accounts set up directly within Shopify. If a third-party app has been used to classify customer accounts as B2B, this option will not apply to those accounts.
- Shipping discount is applicable for local delivery (Marked “3” in the above image)
- Enable this option to apply the shipping discount on local delivery rates as well.
- Shipping discount is applicable for pickup points (Marked “4” in the above image)
- Enable this option to apply the shipping discount on pickup rates as well.
- Prevent automatic discount code application
- This option is available only for Code-based discounts.
- When enabled, the discount will not apply automatically; customers must manually enter the discount code at checkout.
- Customers must enter the full discount code exactly as set in the app (e.g., “DE-discountcode”) for it to be applied.
Step 5: Deciding Customer Eligibility (Optional)
In this section, you can define which customers are eligible to receive the discount. You have three options to choose from:
- All Customers: By default, the discount will be available to all customers.
- Specific Customers: Select this option to make the discount available only to selected customers. After choosing this option, you can browse your existing customer list and select the desired customers.
- Specific Customer Tags: Select this option to apply the discount only to customers associated with a specific tag.
The Customer Eligibility option is available only for Automatic discount types. It is not available for Code discount types.
Step 6: Choosing Discount Combination Strategy
In this section, you can choose which other discount types (from our app, a third-party app, or Shopify) can be combined with the discount created in our app. You can allow combinations with:
- Product discounts
- Order discounts
Please ensure that discount combinations are also enabled in the other discount you wish to combine this one with.
Step 7: Choosing Active Dates for the Offer
By default, the discount becomes active immediately once it is created and saved.
- Start date: If you want the discount to start at a later time, you can schedule it by choosing the preferred date and time.
- End date (Optional): You can also set an end date and time to automatically deactivate the discount after a specific period.
Step 8: Adding the app block to the theme
After saving the offer by clicking the “Save” button, you’ll be prompted to position it within your store’s theme using the Theme Editor via the Test in store pop-up.
- In the pop-up, click Add app block.
- You’ll be redirected in a new tab to the default cart page template in the Theme Editor.
- The app will add the “Cart progress bar” block automatically. You can drag and position the block to the desired position.
- Return to the previous tab and click Refresh in the pop-up.
- Finally, click “View in store” to see how the Cart progress bar with shipping discount appears in your store’s respective cart page by adding some products to the cart.
- You can proceed to the checkout page and enter the shipping address to confirm whether the shipping discount is applied.
- If you would like to add the widget to your store’s Home page as well, please refer to this guide.
If your theme is not a Shopify 2.0 theme or if your store has a Cart drawer/Slide cart, you won’t be able to position the widget through the app block. In that case, you’ll need to position it manually using a CSS selector. Please contact our customer support for free setup assistance.