Hi @wonderboy ,
We do need to setup the Buy X Get Y automatic discount and add a custom code to add the free gift.
Let me know if you need help with the custom code.
Thank you
Topic summary
A merchant wants to create a product page where customers select a color option for their main product, then choose a free gift from available options—all on the same page before adding to cart.
Proposed Solutions:
-
Custom Code Approach: Set up Shopify’s “Buy X Get Y” automatic discount, then add custom code to display free gift options in a dropdown. This requires creating a collection of free gifts and coding the dropdown functionality.
-
App-Based Solutions: Multiple participants recommend third-party apps:
- BOGOS.io displays gift options via slider on product pages or in cart drawer, now offers a lifetime free plan
- Selly shows gift widgets on product pages with popup selection upon clicking
- Monk provides embedded or popup gift selection widgets on product, cart, or checkout pages
Additional Resources:
One user shared a blog post with full code and explanation, while another provided a video tutorial. Screenshots demonstrate various implementation styles showing gift selection interfaces.
Status: The discussion remains open with multiple viable solutions presented, though the original poster hasn’t confirmed which approach they chose.
2 Likes