How can we help? 👋

How to create a Free gift with purchase discount?

A Free gift discount can be set up to offer customers gifts based on their cart value. This feature uses a simple progress bar widget that can be placed on the cart page, cart drawer, or product page to show customers how close they are to qualifying for the gifts.

Notion image

Step 1: Creating an Offer

To create a new offer:

  1. Click Create Offer.
    1. Notion image
  1. Select Create for Free gift with purchase under Cart goals.
    1. Notion image
  1. Choose the Discount Type - either Automatic or Code (Marked “1” in the below image).
      • You can create up to 25 automatic discounts and 500 code-based discounts in the app regardless of their discount type.
      • Automatic discounts are auto-applied at checkout by Shopify.
        • 💡

          Automatic discounts stay active even if the app embed is disabled. Note that this discount type cannot be tested in a draft theme since it will always apply in the live theme as long as the discount is active. Please deactivate the discount if it’s no longer required.

      • Code discounts are auto-applied at checkout by our app.
        • 💡

          Code discounts can be tested in a draft theme. Once the app embed is disabled in a specific theme, the discount will not be applied in that theme. This allows you to disable the app in the live theme and enable it in a draft theme for testing, if needed.

          Notion image
  1. Enter a Title for your discount (Marked “2” in the above image). This will appear as the discount code at checkout which customers can see.

Step 2: Choosing Applicable Countries

You can specify the countries where the discounts will apply. There are two options available:

  • All countries
    • Selecting this option applies the discount to all countries by default. However, you can exclude specific countries using the Select countries to exclude option.

      Notion image
  • Selected countries
    • Choosing this option allows you to manually select the countries where the discount should be applied.

      Notion image

Step 3: Configuring Free Gift Functionality

There are two ways to offer free gifts to customers (Marked “1” in the below image):

  • Automatic addition:
    • The “Auto add a single free gift” option will automatically add a gift product to the cart once the threshold is met.
    • Since this process is automated, only one predefined gift can be offered per cart goal.
    • Customers will not have the option to choose from multiple gifts.
  • Popup selection:
    • The “Allow customers to manually choose among multiple free gifts” option will display a pop-up with multiple product choices. Customers can select one, which will then be added to the cart as a free gift.
    • The pop-up will appear automatically once the cart value reaches the threshold.
    • You can set multiple products as free gifts for each cart goal.
Notion image
 

Additionally, you can choose whether the customer receives just one gift or all applicable gifts when they reach multiple cart goals by using the “Customers get a free gift for every goal” option (Marked “2” in the above image).

If this option is disabled

The customer will receive only one gift, specifically the gift assigned to the highest cart goal they have reached.

Example:

  • Goal 1: Spend $50 → Get Gift A
  • Goal 2: Spend $100 → Get Gift B

If the customer’s cart value reaches $100, they will receive only Gift B (the highest goal’s gift), and not Gift A.

If this option is enabled

The customer will receive all the gifts associated with every cart goal they have reached.

Example:

  • Goal 1: Spend $50 → Get Gift A
  • Goal 2: Spend $100 → Get Gift B

If the customer’s cart value reaches $100, they will receive both Gift A and Gift B.

Step 4: Choosing Free Gift Products and Setting the Cart Values

You can configure the Cart value and select the Gift products for each tier. You can create up to 5 tiers. Duplicate gift products are not allowed across different tiers.

Notion image
  • With the Automatic addition option, you can select one free gift product per tier.
  • With the Popup selection option, you can choose multiple products (up to 10) as free gifts for each tier.
💡

The Cart value refers to the subtotal, i.e, the cart total before any other discounts are applied. Since all discounts in Shopify run in parallel, using the discounted cart value can cause the discount to behave inconsistently.

Step 5: Configuring Additional Settings (Optional)

Notion image
  • Re-add free gift if removed by the customer (Marked “1” in the above image)
    • Enable this option to automatically re-add the free gift to the cart if the customer removes it.
    • For gifts offered through the multiple-gift pop-up, enabling this option will cause the pop-up to reappear if the customer removes the selected gift from the cart. Additionally, the pop-up will not display a dismiss button or close icon. Choosing a free gift becomes mandatory when this option is enabled.
    • If disabled, the gift will not be re-added or the gift selection pop-up will not be shown again once gift is removed from the cart.
  • Remove free gift when cart value drops below the tier (Marked “3” in the above image)
    • Enable this option to automatically remove the free gift from the cart if the cart value falls below a certain threshold.
    • If disabled, the previously added gift product will remain in the cart but will convert into a regular (priced) product once the cart value is below the threshold.
  • Also apply discount for B2B customers (Marked “4” in the above image)
    • Enable this option to make the discount available to B2B customers. When enabled, discount widgets will also be visible to these customers.
      • 💡

        This option works only with B2B accounts set up directly within Shopify. If a third-party app has been used to classify customer accounts as B2B, this option will not apply to those accounts.

  • Prevent automatic discount code application
    • Notion image
    • This option is available only for Code-based discounts.
    • When enabled, the discount will not apply automatically; customers must manually enter the discount code at checkout.
    • Customers must enter the full discount code exactly as set in the app (e.g., “DE-discountcode”) for it to be applied.

Step 6: Choosing Discount Combination Strategy

In this section, you can choose which other discount types (from our app, a third-party app, or Shopify) can be combined with the discount created in our app. You can allow combinations with:

Notion image
  • Product discounts
  • Order discounts
  • Shipping discounts
💡

Please ensure that discount combinations are also enabled in the other discount you wish to combine this one with.

Step 7: Choosing Active Dates for the Offer

By default, the discount becomes active immediately once it is created and saved.

Notion image
  • Start date: If you want the discount to start at a later time, you can schedule it by choosing the preferred date and time.
  • End date (Optional): You can also set an end date and time to automatically deactivate the discount after a specific period.

Step 8: Configuring Free Gift Texts

If the gift product’s title is too long and there isn’t enough space to display it in the cart, you can change it to a custom name using the Gift product display name setting. This custom name will replace the default product title of the free gift item.

Notion image

When the discount is configured using the multiple-gift popup selection option, setting a Gift product display name is mandatory for each tier.

Notion image

You can also add translations for these texts in the other languages supported by your store.

Step 9: Adding the app block to the theme

After saving the offer by clicking the “Save” button, you’ll be prompted to position it within your store’s theme using the Theme Editor via the Test in store pop-up.

  1. In the pop-up, click Add app block.
    1. Notion image
  1. You’ll be redirected in a new tab to the default cart page template in the Theme Editor.
  1. The app will add the “Cart progress bar” block automatically. You can drag and position the block to the desired position.
    1. Notion image
  1. Return to the previous tab and click Refresh in the pop-up.
    1. Notion image
  1. Finally, click “View in store” to see how the Cart progress bar with free gift discount appears in your store’s respective cart page by adding some products to the cart.
    1. Notion image
  1. You can add more products to reach the cart value threshold and check whether the gift is automatically added to the cart or the gift selection pop-up is displayed automatically.
  1. If you would like to add the widget to your store’s Home page as well, please refer to this guide.
💡

If your theme is not a Shopify 2.0 theme or if your store has a Cart drawer/Slide cart, you won’t be able to position the widget through the app block. In that case, you’ll need to position it manually using a CSS selector. Please contact our customer support for free setup assistance.

Did this answer your question?
😞
😐
🤩