Articles on: Free Gift/Gift With Purchase

How to give customers an option to choose their free gift?

This guide is a detailed walkthrough on how you can use Monk to offer your customers the option to choose their free gift with the app's Free Gift - Selection offer. This offer can be configured across a variety of rules and eligibility criteria and works seamlessly with types of themes and carts (cart drawer, cart popup or cart page). This offer is particularly popular amongst merchants that wish to offer a personalized shopping experience.


If you wish to also display a progress bar and banner in cart along with the free gift selection offer, you can refer to this document.In case, you wish to display the Free Gifts in a pop up, you can refer to this document.


How to set it up?


Offer Creation

Display

Eligibility Rules

Gift Products

Offer Settings

Content and Display


FAQ


Here is an example of what the offer will look like live in your cart -



Offer Creation


Go to 'Create Offer on the top right of the Manage offers page in Monk > Create Offer > Go to Gifts, Shipping and Cart goals.



Under Gifts and Shipping, you'll find a variety of templates to choose from. If your offer structure aligns with one of these templates, you can proceed with it. If not, you also have the option to custom build your offer as shown below-




To give your customers an option to choose the free gift, please select display method as 'Manual Select'.



If you want to create a BOGO offer, please refer to this article for more information.


Display


On step 1 of the offer setup, you can select where you wish to display the Free Gift Selection offer.


Free Gift Selection offer can also be configured at checkout, however, this is only exclusive for stores on Shopify Plus. You can click here for a walkthrough on how to set this up at checkout.



Eligibility Rules


After setting up the display, you can set up the eligibility rules for the free gift offer to be triggered - to set it up for a specific location, locale, customer tags etc.


To know more about the eligibility rules, please refer to this article. If you wish to set up a Buy A and B, Get C offer construct or you wish to understand the eligibility rule of 'Match any' and 'Match all', please refer this article.



Gift Products


On Step 1, select the product(s) that you want to display in the offer as free gift options.


In order to test products which are not live, you can refer to this article.



To make sure the gifts are added, please go to your Shopify Product section --> Open the free gift product and ensure the following:The Free Gift product is in StockThe Free Gift product is in Active StatusThe Free Gift product is given availability for sales in 'Online Store'


Offer Settings


Under Step 1 , you have the following settings with respect to displaying the free gift.



  • Cart Refresh and Behaviour


Auto refresh - The app will refresh the page to display the updated cart on gift addition/removal if this setting is enabled. This is required if your theme lacks a cart listener.


Auto Remove - If enabled, the customers cannot buy the gift product at full price. If a customer is eligible for the gift, they will receive it at 100% discount for free and if they are ineligible for the gift, the app with automatically remove it from cart. This is useful if the gift product are samples, limited edition products etc that you don't want customers buying directly. However, if it is disabled, then the customer can buy the gift product as well at full price even if the rule is not satisfied.


For more information about how the 'auto remove' setting works, please refer to this document.


  • Display, Redirection and Pricing Setup


Increase gifts with more purchases - When this setting is enabled, you can configure offers to repeat automatically when multiple quantities of the trigger products are added. This allows for flexible offer structures like 'Buy X, Get Y,' 'Buy 2X, Get 2Y,' 'Buy 3X, Get 3Y,' and more—all within a single eligibility rule. It integrates seamlessly with BOGO deals, such as 'Buy 2X, Get 2X,' etc.


This setting is available only when you've configured the Rule on Step 1 to trigger based on specific products/collections/tags/vendors.


Set Maximum Limit


Once you enable ‘Increase Gifts with more purchases’ setting, another setting to ‘Set Maximum Limit’ appears in the same section as shown in the screenshot below. This setting lets you cap the total number of free gifts in a single order. Even if a customer qualifies for more gifts, the set limit will restrict the maximum quantity.


Example:

If you set up Buy X Get Y (Buy 1 → Get 1, Buy 2 → Get 2, etc.) but cap the maximum gifts at 5, then:

5X → 5Y

6X → Still 5Y (due to the limit)


Gift quantity


  • Total gifts (quantity) - This will show the total number of products available as gifts. This setting determines the total number of gifts that the customer can add


  • Items per product (quantity) - This setting determines the maximum quantity of a single product that can be selected by the customer as a gift


Display Free label - If this setting is enabled, all free gift products will be displayed as 'FREE' in the gift selection widget. If disabled, the free gift products will show with a zero price, along with the original price crossed out.


Show variant picker - If this setting is enabled, the customer will have the option to choose a variant (such as size, color, etc.) for their free gift. If disabled, the customer will receive the default variant of the free gift. The default variant is taken from Shopify’s product section, where the variant listed at the top of the list is considered the default, or it will be the variant selected in the offer funnel.


Hide gift after added - When this setting is enabled, the gift from free gift selection widget will disappear once the customer selects it. If disabled, the gift product shows in the widget after the gift is chosen, displaying the selected gift as ‘Added.’


Hyperlink product - When this setting is enabled, customers can click on the image or product name in the free gift selection widget to view the product page of the free gift. If disabled, the image/product of the free gift will not be clickable, and customers won't be able to access the product page directly.


Re-direct to product page - When this setting is enabled, customers will be redirected to the product page of the free gift upon clicking 'Add to Cart', where they can add the gift from the product page. If disabled, the free gift is added to the cart immediately when the customer clicks 'Add to Cart'. If you wish to enable this setting, we recommend re-wording the 'Add to Cart' button to 'View Gift'.


  • Combine with free gift auto add offers


This setting is used if you wish to trigger multiple free gift selection offers simultaneously. Please refer this doc for more information.


  • Schedule offer for future


You can also schedule the offer for a specific date range from Step 1 of the offer set up, using this setting below -



Content and Display


Step 2 of the offer setup is where you can change and/or translate the text and design of the free gift selection widget as per your requirements -



The app also provides different layouts for the Free Gift Selection widget. You can explore this under the design section. By default, the same layout is used across both desktop and mobile but if you wish to show a different layout for mobile - you can enable the setting 'Select a different layout for mobile' under 'Advanced display settings' as shown -




Clicking on 'Edit Display and Design' will open the global editing options of the widget including elements like font, colors, spacing of the widget for both mobile and desktop view. You can also edit the exact offer offer body configurations like the text styles, currency, price and discount. After making the changes you can click on Save changes > Save and Activate to display the offer on your store.


Advanced Display Settings


You can click on 'Select a different layout for mobile' to select a separate layout for mobile. If you are creating an offer on product page , you will have the option to select the 'Checkbox' layout along with other layout options.



This is how the separate 'Add' button will be displayed inside the free gift selection widget.




You can also add further customizations to the display and design by using the Design and Styling section. Please refer to this document.


Frequently Asked Questions


1) How does the app decide where the free gift selection widget should display in cart/ product page and how can I alter the position?


The app detects a visual element in your Shopify theme and accordingly positions it's widget. If you want to change the position of the widget on product page, please refer to this article on how to do the same. To change the position on cart, feel free to contact us via live chat or email support and we'll get the widget's position customized for your store. The app does not add, remove or alter any of your theme's code.


2) If a customer qualifies for multiple free gift offers, how does the app choose which one to apply?


If multiple Free Gift - Selection offers are set up and a customer qualifies for several, the offer which is positioned higher on the Manage offers dashboard will be applicable. Please refer to this article for details on how offer priority is determined.


If you want your customers to receive gifts from all the offers, you will need to enable the Combination setting on step 1 of the offer set up. Please refer to this article for more information.



Please note, at the same time, more than 1 Free Gift - Selection widgets cannot be displayed on the same product page. The first offer, created as per the order of the offer set up in the Manage offers section of Monk, will be displayed only.


3) Why does the page refresh when gift is added?


The page refreshes because the setting "Auto refresh" is enabled. For instant cart refresh, you can add a cart listener to your theme. Please refer to this document for more details. If you have a developer who can add the same, kindly do so. If you want the Monk Team to add the cart listener, please reach out to us via live chat/email support and we will get it added to your theme.


If you have any other questions or queries please reach out to us via chat support or write to us at support@monkcommerce.com

Updated on: 02/03/2026