Adding a "Note" Field for Customers in Checkout

Highlighted
New Member
2 0 0

We are currently using the Debut theme. My question is, we would like to add a place for customers to leave notes about their order on the checkout page. How would we go about doing this?

0 Likes
Highlighted
Shopify Partner
242 59 103

Hi @stephaniemevius,

 

The Debut theme has the option to enable order notes in the theme settings.

 

Visit the theme editor and check the option to enable cart notes in the Cart page section.

 

Follow these steps:

  1. From your Shopify admin, go to Online Store > Themes.
  2. Find the theme that you want to edit and click Customize.
  3. Select the Cart page type from the top bar drop-down menu:
    step1.jpeg
  4. Select Cart page from the Sections settings in the left side-bar:
    step2.jpeg
  5. Check Enable cart notes:
    step3.jpeg
  6. Click Save.

 

Let me know if this works or if you need further help!

Brian | Shopify Partner | Ecommerce Consultant
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution  
 - Need further assistance? Visit www.BrianAtWork.com

2 Likes
Highlighted
Shopify Staff
Shopify Staff
272 38 52

Hey, @stephaniemevius!

 

My name is Lilith, I'm on the Social Care team at Shopify.

 

The answer that @BrianAtWork gave above is spot on! We do have a tutorial page for this as well in case you needed a step by step reference to go along with the excellent screenshots above.

 

I wanted to also include some other options in case you needed something a bit more complex. In the event you needed to have specific notes added for different products or perhaps needed a more customized option variation for your product pages, you can definitely use one of the apps below:

 

 

If your product needs specific customization for each unit sold, you may benefit from the above apps. However, if you're looking for just one order note you'll want to use the order notes box at the cart instead.

 

Let me know if that helped! I'm happy to answer any questions you think of as you work on your business.

Lilith | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
New Member
2 0 0

I followed the steps, and the note field shows up in my preview, but not on the actual site's pop-up cart. I am using the Debut theme. 

thank you

0 Likes
Highlighted
New Member
2 0 0
I also use that theme. Go to Online Store then Themes. Then in the Live Theme row, select Customize. You’ll end up on the Home page with a drop down arrow next to it. Add an item to your cart. Go to your Cart Page. Under sections on the left hand side of the screen, you’ll see Cart Page. Click it, then you’ll have a checkbox next to the option to enable cart notes.
0 Likes
Highlighted
New Member
2 0 0

Thanks, I was able to do that but the note option doesn't show up on my cart. any ideas how to make that part happen?

 

 

Screen Shot 2020-04-13 at 8.15.49 PM.png

0 Likes
Highlighted
New Member
2 0 0

Hi Lilith,

 

I have followed all the advice above and can see that the 'enable cart notes' box is clicked however cannot see the notes box at all in the preview screen or in a test order. I have tried unclicking and reclicking (saving each time) and still nothing. Any troubleshooting thoughts? I am also using the debut theme. 

 

Many thanks

 

0 Likes
Highlighted
New Member
1 0 0
Thanks so much, so easy!
0 Likes
Highlighted
Shopify Staff
Shopify Staff
272 38 52

Hi @NicoleWCJ. I made a quick GIF recording for you to see where this is enabled in the Debut theme.

 

Thanks for letting me know exactly which theme you're using as well, this is helpful for me to assist you.

 

 

alt

 

 

Remember that the cart notes won't show up unless there is something in the cart at the time.

 

If your results aren't like the one I have in my GIF recording there, let me know.

 

There might be some custom code you might need to roll back or you may have to use some of the alternative methods in my earlier post above to overcome the custom code issue if that's the case.

Lilith | Social Care @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

0 Likes
Highlighted
New Member
1 0 0

How do I edit the code for the notes box?  I would like to change the default message from "Enter a gift note or special delivery instructions below" to something else.Screen Shot 2020-05-19 at 6.52.31 PM.png

0 Likes