The free shipping bar / reward bar is a powerful feature in EliteCart that can help increase your sales and average order value. By displaying a progress bar that shows customers how much more they need to spend to qualify for free shipping, get a discount, or receive a gift, you can incentivize them to add more items to their cart. Here's how to set up the reward bar in EliteCart:
General Settings
Threshold Type
You can choose to have the reward bar activated based on
a) the total value ($) of the cart or
b) the amount of products (#) in the cart
Display Type
You can customize how the reward bar appears to your customers with the following display options:
Show icons if multiple rewards are active: Displays relevant icons for each reward on top of the bar if you have set up more than one reward. Otherwise only the bar will be displayed.
Always show icons: Displays icons on top of the reward bar even if you have only enabled one reward.
Show your own images (shows icon if no image is set): Allows you to upload custom images for each reward. If a reward is missing a custom image, we will display the default icon instead.
Show your own large images (shows icon if no image is set): Similar to the option above, but uses a larger image format. Default icons will appear if no custom images are uploaded.
Show vertical lines if multiple rewards are active: Adds vertical separator lines on the bar to indicate the position of rewards. Since the last reward sits at the end of the bar, nothing will be displayed if only one reward was added.
Hide progress bar. Show text only.: Removes the visual progress bar completely, displaying only the text messages about the upcoming reward. (You will learn more about setting those below).
These display options help you customize the visual presentation of your reward bar to match your store's aesthetic and improve customer engagement.
Enabling the Reward Bar
In your EliteCart app settings, go to the Cart Designer, and then navigate to the "Free Shipping / Reward Bar" section.
In the "Reward 1" section, click "Enable" to activate the feature.
You can enable up to 3 rewards in total, each with its own settings and Shopify market settings. Let’s set up our first reward:
Choosing the Reward Type
There are four Reward Types to choose from:
1 - Shipping
Use it to visualise the shipping settings you have set up in the Shopify Admin Settings.
Example: Spend 100 USD to get free shipping (or "free standard shipping", "free express shipping", "discounted shipping" etc.)
2 - Discount
Use it to visualize automatic order discounts of type Spend X get Y.
Example: Spend 100 USD to get 10% off.
3 - Gift (single variant)
Use it to automatically add a gift product once a certain order value is reached. This is a normal Shopify product with price 0.
Example: Spend 100 USD to get a free dust cover.
4 - Gift (multiple products)
Use it to show a choice of several products to your customer as soon as the order threshold is reached. This could be a choice between several product sizes, tastes, or similar. The options will be displayed in a modal (popup) once the customer reaches the threshold.
Setting the Threshold
The threshold is the order amount that a customer needs to reach to qualify for the reward. To set the threshold, enter the desired threshold amount in the "Threshold" field. For example, if you want to offer free shipping for orders over $100, enter "100.00".
The threshold is always set in your store's default currency. EliteCart will automatically convert and display the correct amount based on the customer's location and currency.
Shipping Reward
The conversion behaviour is in line with Shopify's setup of Shipping Thresholds. E.g. if you have set up to offer "free shipping over 100USD", but a customer from the UK who purchases in GBP will get free shipping over the respective converted amount (say 80GBP). This conversion is done in the Shopify checkout and in the exact same way also by EliteCart. You can additionally set up Shopify Markets settings, see below.
You can also utilise our advanced Shopify Markets settings to set up different thresholds for specific countries or shipping zones, ensuring that your shipping is correctly reflected for different markets. Read more details about these settings here:
Shipping Thresholds for Multiple Markets
Setting up shipping thresholds for multiple markets
Discount Reward
Discount thresholds are always set in your store currency only. Shopify Markets settings are not available for discounts, since Shopify's automatic discounts can only have their threshold set in the Store's default currency and cannot be deactivated for specific markets either.
Gift Reward
Here you can choose your threshold freely, as it is not bound to any Shopify Admin settings. EliteCart adds the gift / offers the gift selection at the threshold you specify.
You can use Shopify Market settings to
limit adding gifts to certain countries
set different thresholds for different countries, e.g. 100USD for the United States and 200€ for European countries.
Customizing Messages
EliteCart allows you to customize the messages displayed in the free shipping bar to better engage your customers. You can edit the following messages:
“Away from reward”: This message can be set up for each reward. It is displayed when the customer's cart total is below the rewards threshold, along with the remaining amount needed. For example, "You're $25 away from free shipping." If you have several rewards set up, EliteCart will show the message of the next reward to reach.
Final Reward Text: This message is shown when the customer's cart total meets or exceeds the final threshold, i.e. the highest of the rewards you have set up. For example, "Congratulations! You've qualified for free shipping."
Be sure to use the {amount} placeholder in the "Away from free shipping / reward" message to dynamically display the remaining amount.
Description (optional)
If you have enabled 2 or 3 rewards, you get the possibility to add short descriptions, which will show below each reward, e.g. Free Shipping and 10% off below.
Customizing Styles
You can customize the appearance of the free shipping bar by changing the colors and styles in the "Colors and Styles" section. You can set the empty bar color and a fill color gradient. (Set both colours of the gradient to the same colour to get a solid colour). All other colours generated automatically based on your choice.
Combining Rewards
You can set up up to three rewards. Rewards can be combined however you wish. Each reward has its own markets configuration.