Gift product automatically added when the cart reaches a defined threshold via Cart Tier blocks.
Free Cart Gift
The free gift is a product automatically added to the cart when the total amount reaches a defined threshold. This feature is part of the progress bar system via Cart Tier blocks of type "Gift".
Principle
- The merchant defines a threshold (e.g., 80 EUR) and a gift product
- When the cart reaches 80 EUR, the gift is automatically added
- If the cart drops below 80 EUR, the gift is automatically removed
The customer sees the gift appear with:
- A "FREE" badge on the image
- A crossed-out price and the mention "Free"
- No quantity selector (not modifiable)
Configuration
The free gift is configured via a Cart Tier block of type "Gift" in the Cart section:
| Setting | Description | Default |
|---|---|---|
| Type | Select "Gift" | Shipping |
| Threshold | Minimum cart amount | 50 |
| Message | Text before reaching the threshold | "Add $amount for a FREE gift!" |
| Success message | Text when the threshold is reached | "FREE gift unlocked!" |
| Icon | Icon in the progress bar | Gift |
| Gift product | The product to offer | - |
Configuration steps
- Open the Cart section in the theme editor
- Click Add a block
- Select Cart Tier
- Change the Type to "Gift"
- Set the Threshold (e.g., 80)
- Select the Gift product
- Customize the messages
Multiple gifts
You can configure multiple Gift tiers to offer additional gifts at increasing thresholds:
| Tier | Threshold | Gift |
|---|---|---|
| 1 | 50 EUR | Sample |
| 2 | 80 EUR | Mini product |
| 3 | 120 EUR | Full-size product |
💡Combine Shipping and Gift tiers to maximize incentive. Example: free shipping at 50 EUR, gift at 80 EUR, express shipping at 120 EUR.
Display in the cart
The gift appears as a normal cart item with some differences:
| Element | Normal item | Free gift |
|---|---|---|
| Image | Link to the product | Link to the product + "FREE" badge |
| Price | Product price | Crossed-out price + "Free" |
| Quantity | Modifiable (+/-) | Not modifiable, no selector |
| Removal | Delete button | No button (managed automatically) |
Interaction with the progress bar
The free gift works in synergy with the progress bar:
- The bar visually shows progress toward the gift
- The dynamic message indicates the remaining amount
- When the threshold is reached, the success message is displayed and the gift is added
- The corresponding milestone is marked as reached on the bar
ℹ️The gift is added to the cart with the property
_gift_tier: true. This property is used by the theme to display the "FREE" badge and hide quantity controls.Best practices
- Choose an attractive gift: the gift must have enough perceived value to motivate the purchase
- Ensure stock: if the gift product is out of stock, the customer won't receive it
- Position the threshold strategically: analyze your average order value and place the threshold just above it
- Communicate the value: the crossed-out price on the gift shows the customer what they are "saving"
⚠️The gift is managed theme-side (automatically added/removed via JavaScript). For the gift to actually be free at checkout, you must configure a Shopify Discount that sets the gift price to 0 EUR when conditions are met, or use a gift product with a price of 0 EUR.