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 funnel. This funnel 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 funnel is particularly popular amonsgt 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.
Funnel Creation
Eligibility and Display
Gift Products
Advanced Configuration
Content and Display
FAQ
Here is an example of what it will look like live in your cart -
Go to 'Create New Funnel' on the top right of the Funnel page in Monk > Create New Funnel > Go to Gifts and Shipping > Free gift (Without banner and progress bar) > Manual Selection > Set offer name
On step 1 of the funnel setup, select the eligibility rule as per your convenience. You can set up the funnel on product page or cart from this step. Please refer to this document for a detailed guide on eligibility rules.
Please note, the Free Gift - Selection funnel can also be configured at checkout, however, this is exclusive for stores on Shopify Plus. You can click here for a walkthough on how you can do this at checkout.
You can also schedule the funnel for a specific date range from Step 1 of the funnel set up, using this setting below -
On Step 2, select the product(s) that you want to display in the offer as free gift options.
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 Stock
- The Free Gift product is in Active Status
- The Free Gift product is given availability for sales in 'Online Store'
Under Step 2 , you have the following settings with respect to displaying the free gift.
Gift Quantity
- 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 also 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.
Display Settings
- Don't display the price of the product and show it as free - 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.
- Display the 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.
- After adding the gift, hide it from the widget - 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.’
Redirection
- Hyperlink image and product name to the offer product page - 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.
- After clicking on 'Add', the customer will be redirected to the 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'
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
Auto Remove and cart refresh
- Offer unviable - Remove gift from cart - When this setting is enabled, the gift will be automatically removed from the cart if the customer doesn’t meet the eligibility rules in Step 1. If disabled, the gift will remain in the cart at full price, and the customer can choose to remove it manually.
Additionally, enabling this setting prevents customers from purchasing the gift products separately in your store. This is particularly useful when selling sample products, as it ensures customers can’t buy them individually.
- Automatically refresh the page once the gift is added/removed - If this setting is enabled, the app will automatically refresh the entire page to show the updated cart when a gift is added or removed. However, if you do not want the entire page to refresh and still show the updated cart please check with your team/theme support whether your theme has a cart listener or not. Alternatively, you can contact us via live chat/email support and we will add it in for you. Once you have the cart listener, this setting can be disabled and the gift product will automatically appear in the cart without having to refresh the whole page. Please refer to this article for further details.
Step 3 of the funnel 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 funnel on your store.
You can also add further customizations to the display and design by adding Custom CSS. Please refer to this : https://monkcommerce.crisp.help/en/article/how-to-add-custom-css-jm1c3g/
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.
If multiple Free Gift - Selection funnels are set up and a customer qualifies for several, the offer from the funnel positioned higher on the Funnels dashboard will be applicable. Please refer to this article for details on how funnel priority is determined.
If you want your customers to receive gifts from all the funnels, you will need to enable the Combination setting on step 2 of the funnel 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 funnel, created as per the order of the offer set up in the funnel section of Monk, will be displayed only.
The page refreshes because the setting "Automatically refresh the page once the gift is added/removed" 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
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.
How to set it up?
Funnel Creation
Eligibility and Display
Gift Products
Advanced Configuration
Content and Display
FAQ
Here is an example of what it will look like live in your cart -
Funnel Creation
Go to 'Create New Funnel' on the top right of the Funnel page in Monk > Create New Funnel > Go to Gifts and Shipping > Free gift (Without banner and progress bar) > Manual Selection > Set offer name
Eligibility and Display
On step 1 of the funnel setup, select the eligibility rule as per your convenience. You can set up the funnel on product page or cart from this step. Please refer to this document for a detailed guide on eligibility rules.
Please note, the Free Gift - Selection funnel can also be configured at checkout, however, this is exclusive for stores on Shopify Plus. You can click here for a walkthough on how you can do this at checkout.
You can also schedule the funnel for a specific date range from Step 1 of the funnel set up, using this setting below -
Gift Products
On Step 2, select the product(s) that you want to display in the offer as free gift options.
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 Stock
- The Free Gift product is in Active Status
- The Free Gift product is given availability for sales in 'Online Store'
Advanced Configuration
Under Step 2 , you have the following settings with respect to displaying the free gift.
Gift Quantity
- 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 also 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.
Display Settings
- Don't display the price of the product and show it as free - 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.
- Display the 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.
- After adding the gift, hide it from the widget - 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.’
Redirection
- Hyperlink image and product name to the offer product page - 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.
- After clicking on 'Add', the customer will be redirected to the 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'
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
Auto Remove and cart refresh
- Offer unviable - Remove gift from cart - When this setting is enabled, the gift will be automatically removed from the cart if the customer doesn’t meet the eligibility rules in Step 1. If disabled, the gift will remain in the cart at full price, and the customer can choose to remove it manually.
Additionally, enabling this setting prevents customers from purchasing the gift products separately in your store. This is particularly useful when selling sample products, as it ensures customers can’t buy them individually.
- Automatically refresh the page once the gift is added/removed - If this setting is enabled, the app will automatically refresh the entire page to show the updated cart when a gift is added or removed. However, if you do not want the entire page to refresh and still show the updated cart please check with your team/theme support whether your theme has a cart listener or not. Alternatively, you can contact us via live chat/email support and we will add it in for you. Once you have the cart listener, this setting can be disabled and the gift product will automatically appear in the cart without having to refresh the whole page. Please refer to this article for further details.
Content and Display
Step 3 of the funnel 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 funnel on your store.
You can also add further customizations to the display and design by adding Custom CSS. Please refer to this : https://monkcommerce.crisp.help/en/article/how-to-add-custom-css-jm1c3g/
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 auto add funnels, how does the app choose which one to apply?
If multiple Free Gift - Selection funnels are set up and a customer qualifies for several, the offer from the funnel positioned higher on the Funnels dashboard will be applicable. Please refer to this article for details on how funnel priority is determined.
If you want your customers to receive gifts from all the funnels, you will need to enable the Combination setting on step 2 of the funnel 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 funnel, created as per the order of the offer set up in the funnel section of Monk, will be displayed only.
3) Why does the page refresh when gift is added?
The page refreshes because the setting "Automatically refresh the page once the gift is added/removed" 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: 29/04/2025