Articles on: Free Gift/Gift With Purchase

How to give customers option to choose a free gift along with a progress bar in the cart?

This doc is a guide on how you can set up two funnels that work simultaneously: Free Gift (manual selection) and Cart Value Progress Bar. This is so that on reaching a milestone your customers can select a gift of their choice. In order to help you better understand the document, examples from our internal demo store have been outlined throughout - find below a visual reference of what this will look like once the set-up is complete:

Choose your free gift on achieving a milestone
In order to accomplish this, you will have to set up two different funnels:
Free Gift
Cart Value Progress Bar

Free Gift



Go to the Funnels tab on Monk app --> click on Create New Funnel, this will take you to a page with all the different offer types and their video descriptions. From the list, select Free Gift --> click on Create Offer Now

Forking Screen

Setup the funnel as per the cart value rules you have in mind & choose Manual Selection from Page 1 settings. This will display an embedded widget on your theme's native cart page/drawer with the gift options you choose on Page 2 of the funnel settings.



For the purpose of this example, we wish to allow our customers to be eligible for a free gift and choose one from 2 available options at cart value>4000.



Customize the UI & design of your funnel and click on Save and Activate.

Cart Value Progress Bar



Once you've created the Free Gift funnel, go back to the Funnels tab --> Click on Create New Funnel --> select Cart Value: Progress Bar --> click on Create Offer Now

Forking Screen

On Page 2 of the funnel settings, you can set up cart value milestones and rewards as per your requirements. To display the free gift option that we setup earlier inside the progress bar refer to Milestone 3 in the screenshot below:

Choose Total cart value is greater than or equal to 4000 (same as the value in the Free Gift funnel above) & select reward as 'Custom Reward'
Custom Reward is used only for display purposes inside the progress bar.



Click on Advance Design Ediitor and navigate to Page 3 to add the relevant text for Milestone 3 as per the free gifts setup in the Free Gift funnel previously created.

A: Click on Milestones and Rewards under Offer Body
B: Select Reward-Milestone 3 from the Select Reward drop-down.
C: Type in your Reward Text.

Don’t forget to click on Save & Activate on the top right-hand side of the screen.

Both of your funnels are now setup - you can go ahead and test them on your live site, if you face any issues or have an questions feel free to reach out to us via live chat or write to us at support@monkcommerce.com

Note: We recommend running all your test through an incognito/private window. This will allow you to visit your store as a 'test user' while preventing the browser from remembering your browser history & avoiding any browser caching issues.

Updated on: 27/07/2023