The Gift Bar is an optional progress bar that encourages customers to spend more by offering a free gift once they reach a defined threshold. It’s available in both the Free and Pro versions (with some limitations in the free version).
Just like the Free Shipping progress bar, it’s easy to set up — define a threshold and choose how and when the Gift Bar appears. It’s a great way to boost engagement and increase average cart value.
Settings Page Overview
Let’s go through the settings and configure the Gift Bar to fit your store’s needs.
Enable
This option must be enabled for the Gift Bar to appear on your shop pages. Without it, the Gift Bar will not be displayed anywhere on the site.
Display
We have a few display options:
1. After free shipping reached
The Gift Bar becomes visible exclusively upon reaching the free shipping threshold. When the Free Shipping progress bar hits 100%, the Gift Bar gracefully emerges, signaling the exciting opportunity to claim a complimentary gift.
2. Extend free shipping progress bar
Users will notice a straightforward display featuring messages for both free shipping and a free gift. The progress bar fills up gradually as customers reach both thresholds, ensuring a clear and simple indication of the attained benefits
3. Only Gift Bar
Removes the free shipping progress bar, leaving only the Gift Bar in focus.
4. Standalone
The Gift Bar takes its place alongside the free shipping progress bar, each displayed as a separate block.
Threshold
Set the minimum cart total required for the customer to qualify for the free gift. The Gift Bar will track progress toward this amount.
Gift Product
Select the product you want to offer as a free gift. You can choose any product, including simple products or specific variations. This product will be automatically added to the cart once the threshold is reached (if enabled).
Note: If you have a large number of products or variations, the search may be slower or show “No results found.” In that case, try typing one letter at a time (e.g. 3–4 letters gradually) until the correct product appears in the list.
After Threshold Reached
Upon hitting the threshold, you have several options to enhance the customer experience:
1. Nothing:
The block previously occupied by the progress bar transforms into a subtle “Qualified” message, informing customers of their earned free gift.
Note: Ensure to include the gift in the package during order preparation.
2. Automatically Add to Cart:
Select a gift product from the list above. When the customer reaches the threshold, the gift will be automatically added to the cart. If the cart total drops below the threshold, the gift will be removed.
You can control how the gift’s price appears in the cart using the Price Display options — see the section below for details.
Note: Ensure sufficient stock or disable stock management for the gift product to prevent issues.
3. Add as Order Additional Information:
For a more discreet approach, this option adds a dedicated section to the order summary, indicating the inclusion of a Free Gift. Ideal for surprise gifts without the need for a specific product to be added to the cart.
Label
This is the text used to indicate that the product is a free gift when it’s automatically added to the cart or included as order meta. It helps customers understand the gift is part of a promotion.
Price Display
Note: This option applies only when After Threshold Reached is set to Automatically Add to Cart.
Choose how the free gift’s price should appear in the cart and checkout when it’s automatically added.
Available options:
- Label only – Hides the price completely, showing only the gift label.
- Show only 0.00 – Displays the product with a price of 0.00.
- Crossed original price + 0.00 – Shows the original price crossed out, followed by 0.00.
Text
Customize the messaging shown on the Gift Bar using placeholders and your own wording.
Available placeholders:
{threshold}– Displays the required cart amount for the gift{remaining}– Displays the amount still needed to reach the threshold
Title
Main heading for the Gift Bar.
Example: Free Gift on orders over {threshold}
Description
Subtext that encourages users to reach the goal.
Example: Add at least {remaining} more to get a free gift!
Message After Threshold is Reached
Text shown once the customer qualifies for the gift.
Example: You've earned a free gift!
Design
By default, the Gift Bar inherits all design settings from the Progress Bar to maintain a consistent look.
Threshold Indicator Icon
If enabled, you can set and customize an icon to mark the free gift threshold. It will appear at the threshold position on the progress bar.
Indicator Icon Size
Set the size of the threshold indicator icon to match your design preferences.
Indicator Icon Shape
Choose the shape of the icon:
- Round – Fully circular icon.
- Rounded – Softly rounded edges.
- Square – Sharp-edged square shape.
Indicator Icon Background Color
Customize the background color of the threshold indicator icon to fit your store’s style.
Select Icon
Choose an icon to represent the threshold indicator on the progress bar.
Icon Color
Set the color of the selected icon for better visibility and design consistency.
Multiple thresholds
If you’re using multiple goals or thresholds—such as Free Shipping, Gift Bar, or Discounts—you can control how the text and progress indicators are displayed together.
This can be configured under Progress Bar → Layout for Multiple Goals, where you’ll find several layout styles to adjust how the progress bar messages and steps are visually arranged for a better customer experience.
For a more in-depth understanding of the Design settings, refer to the Progress Bar documentation. There, you’ll find more details on customization options, allowing you to tailor the appearance of both the Free Shipping Progress Bar and the Gift Bar according to your preferences.