Free gift settings
Set the wording, position and look of the upcoming-gifts card and the free gift picker in the cart.
Near the bottom of Cart Editor → Rewards there is one card for how free gifts look in the cart. Its name depends on your gift type:
| Your gift tiers | Card name | What it controls |
|---|---|---|
| Free Gift Automatic | Show rewards to be achieved | A carousel of the gifts shoppers can still unlock. It has an On / Off switch, and it is off by default. |
| Free Gift Manual | Free gift settings | The picker where shoppers choose their gift. It has no switch. |
The card only appears when the tiers of the market you are previewing include a free gift tier. A store uses Automatic or Manual gift tiers, not both. To add a tier, see Create a reward tier.
Open the card
Open the Cart Editor (Home → the Cart Drawer card → Manage Cart Drawer) and click Rewards.
Scroll to Show rewards to be achieved or Free gift settings. For the automatic card, switch it On to see its fields.
Change what you need and click Save.
Text
Each text field has an Add translations link for other languages.
| Field | Card | What it does | Default |
|---|---|---|---|
| Header Title | Manual | Heading above the gift picker. | Choose your free gift |
| Title | Both | The name on each gift. {{product_title}} is replaced with the gift's title. | {{product_title}} |
| Description | Automatic | Line under the gift name. {{amount}} is the amount still needed and {{item_count}} the items still needed. | Add {{amount}} more to get Free Gift with this order |
| Free Text | Manual | Shown instead of a price, next to the crossed-out original price. | FREE |
| Add to Cart Button Text | Manual | Label on each gift's button. | Add to Cart |
| Bottom Sheet Button Text | Manual | Label on the button inside the variant chooser that opens when a gift has more than one variant. | Select Gift |
Position and empty cart
- Rewards to be achieved card position places the card or picker: Above reward banner, Above Cart Items, Below Cart Items (default) or At Absolute Bottom.
- Show when cart is empty (automatic card only, off by default) shows the carousel on the empty cart screen too.
Where the added gift lines sit in the cart is a separate setting, Position of Free Gift Items, under General Settings → Show Advance Settings. See Reward display options.
Styles
The same card has style controls. Colors are hex values.
- Header Title (manual): Color, Font Size, Font Weight, and Header Title Background Color.
- Background Color of each gift tile.
- Image: Width and Height in px (default 70 each), and Image Fit (Contain, Cover or Fill).
- Border Settings (the image border): Border Color, Border Radius, Border Width.
- Title: color, font size and font weight of the gift name.
- Description (automatic): color, font size and font weight.
- Button (manual): Text Color, Font Size, Font Weight, Button Background Color and Button Border Radius.
- Item Border: Border Color, Border Radius, Border Width of the whole tile.
Good to know
- The automatic carousel lists gifts that are not yet in the cart, lowest goal first.
- When a manual tier allows more than one gift, the picker also shows "N of M gifts selected" in English. That line can't be edited.
- Customers excluded by tag don't see this card or picker. See Customer tags to exclude from rewards.
- If Enable custom template editors is on in Settings, the Rewards screen also has editors that replace this card's layout. See Custom templates.