Free gift above a threshold

A free gift goes in the cart by itself once the cart reaches an amount, such as a tote bag from €50. You set the gift and the amount on a discount in the Shopify admin. On your Webflow site, one attribute on the cart lets Smootify add the gift when the cart reaches the amount and take it out when it drops below. At checkout the discount makes the gift free.

1. Create the discount in Shopify

In the Shopify admin, open Discounts → Create discount, and under Smootify choose Gift above a threshold.

1. As the method, choose Automatic discount, not a discount code.
2. Pick the gift: the variant the customer gets.
3. Set how many pieces are free.
4. Write the threshold, one currency per line, with the amount: EUR 50, CHF 55.
5. Write the message the customer reads at checkout.
6. Save the discount, and check its dates and its combinations with your other discounts.

The threshold counts the rest of the cart, before discounts and without the gift, in the cart’s currency. A currency you do not write gets no gift.

2. Turn it on in the cart

On your site’s smootify-cart, add the custom attribute data-free-gift, with no value:

data-free-gift="false" turns it off, which is useful when the cart is a Webflow component with a true or false property. Any other value, or no value, turns it on.

Put it on the cart that every page has, such as the mini cart in the navbar: the gift comes and goes on the pages that have this cart. You add nothing else: the gift is a normal line of the cart you already built.

What the customer sees

• In the cart, the gift is one more line, with its total at 0. The line has no quantity field, even if your cart-item has one: the discount decides how many pieces are free. The remove button stays.
• At checkout, the gift is free, with the message you wrote on the discount.

How the gift comes and goes

• It goes in when the cart reaches the threshold, and comes out when the cart drops below it.
• The customer removes it: it stays out while the cart stays above the threshold. If the cart drops below it and then reaches it again, the gift comes back.
• Shopify does not make it free, for example because the discount ended or does not combine with another discount on the cart: the gift comes out, and stays out while the cart stays above the threshold.
• The gift is sold out: it does not go in.
• Smootify reads the gift, its pieces and its threshold once per visit. After you change the discount, check the site in a new private window.

A tote bag from €50, in three states of the same cart:

Before you publish