Free gift in Checkout possible?

Store Design
,
1

Hi,
I am migrating from Wix and having trouble setting up free gifts in the checkout.
Can I add questions boxes and/or a drop down menu for a free gift?
This was super easy to do on Wix and a little surprised and the lack of customization in the checkout but it could be me not customizing it properly.
Using a Shopify Basic store with a Ecomus template.

I ideally want to avoid paid apps as that monthly cost is starting to rise quicker than I would like.

2

HI CLD_Fab

In shopify checkout page is heavily restricted. Whatever changes you want you have to do in cart page itself. so once user add products in cart page there are several methods you can show the addons

Free apps : AppHero Free Gift Upsell BOGO and AOV.ai Bundles Upsell

you can also use product bundle app by setting the free gift item as 0 cost on specific products only

3

I kind of get it, their checkout is simple for a reason to convert but my lord its super restrictive.
I had setup a “Where did you hear about us” question, i guess I can’t use that either?

5

The “Where did you hear about us?” question is actually built into Shopify natively. Enable order notes in your theme settings and it appears on the cart page for free. For the free gift selection, the cart page approach the others mentioned is the right path on Basic plan.

6

Hey @CLD_Fab Open your Shopify theme code

Go to:
Shopify Admin → Online Store → Themes → Ecomus → Edit Code

  1. Find your cart file

Open ONE of these that depends on your theme setup

cart-drawer.liquid
main-cart.liquid
cart.liquid

This is where the cart UI is controlled

  1. Locate checkout button section

Scroll inside the file until you find
Checkout button
OR ending area
OR cart summary section

You need to place this code in html

<div style="margin-bottom:15px;">

<p>Choose your free gift</p>

<select name="attributes[Free Gift]" style="width:100%; padding:10px;">
    <option value="">Select a gift</option>
    <option value="Gift A">Gift A</option>
    <option value="Gift B">Gift B</option>
    <option value="Gift C">Gift C</option>
  </select>

<p style="margin-top:10px;">Where did you hear about us?</p>

<input
type=“text”
name=“attributes[Referral Source]”
placeholder=“Google / Instagram / TikTok / Friend”
style=“width:100%; padding:10px;”



</div>
  1. After this make sure it is inside the cart form
    Check that your code is inside

<form action="/cart" method="post">

If it is outside this form it will not save.

  1. So you need to save changes

Click Save in the top right.

  1. Test it on your store

Now go to your website

Add a product to cart
Open cart drawer or cart page
Select a free gift
Fill referral field
Click checkout

  1. Check order data

Go to: Shopify Admin → Orders → Open order

You will see:

Free Gift
Referral Source

So it’s help you
Thank You…

7

I have a question, if I put the code in Cart-Drawer it doesnt show in the main cart.
Do i add the code to both?
Will it double up the notes on my order or should they merge?

8

Yes this is expected behavior in Shopify themes like Shopify Ecomus theme where the cart drawer and main cart are handled separately.

You should add the code in both places:

cart-drawer.liquid
main-cart.liquid or cart.liquid

Because both are different templates and do not automatically share content.

And about duplication
It will Not duplicate anything in the order.
Shopify stores this data as cart attributes and they are:
merged automatically
saved once per field
displayed once in the final order

So even if the fields appear in both cart views the order will only store one value.

Thanks

9

I appreciate the help, I will try and vibe code myself a way for selecting one and the selection transfering to the other. If i get stuck ill yell out but i appreacite your time so far!
Thankyou

10

No worries at all

You’re on the right track with the vibe coding approach.
The main thing you need to ensure is that the selected value is properly stored cart attribute
so it carries through to the order.

If you get stuck at any point especially with passing the selection from cart to checkout or handling edge cases
just reach out and I’ll help you fix it.

Good luck

11

Will do!

I’ll at least give it a crack, it’s the only way I’ll learn :sweat_smile:

Appreciate it again and I’ll be in touch

12

DONE!
Thanks again mate, ended up ditching the free gift for a free gift app that pops up (I have like 15-20 variants and a pop down for that many seemed annoying, although so is the pop-up…may change it).
Ended up vibe coding to ensure they save values across the cart drawer and main cart, then added script to confirm it all.
Few changed to how enter worked as it was going to checkout and boom done!

Appreciate the help again! couldnt have done it without the initial help/code