Add a Note Field To Products in Shopify 2.0 - Gifts, Engravings, Customizable Products...

Поділитися
Вставка
  • Опубліковано 27 лис 2024

КОМЕНТАРІ • 226

  • @EdCodes
    @EdCodes  2 роки тому +4

    ✉️ How to add the gift note to CONFIRMATION EMAILS - ua-cam.com/video/I-VwyAb1DvU/v-deo.html ✉️
    👕 How to add this (and any other feature) to a SPECIFIC PRODUCT -> ua-cam.com/video/rppKgzoAkQc/v-deo.html 👕

    • @chrisloh8507
      @chrisloh8507 2 роки тому +4

      Hi Ed, great tutorial.
      May I know if you could help show us how to make the message box a mandatory/required field before customer could click the add to cart button?

    • @GuiFonte
      @GuiFonte Рік тому +1

      @@chrisloh8507 did you find out how to do it?

    • @desireconversions1438
      @desireconversions1438 Рік тому +1

      hello! How do I make this field required? They wont be able to add to cart if they leave it blank

  • @tammyhodges4447
    @tammyhodges4447 10 місяців тому +2

    Thank you x3! It's been frustrating trying to add a simple text field that customers could fill out. I didn't want to pay for stuff that was overkill and this was EXTREMELY helpful.

  • @slgz5574
    @slgz5574 2 роки тому

    This is GOLD, out of all the Shopify text field tutorials I found this is the best with the easiest method (and totally free) and the best explanation, and you can assign this to different products with different templates ------ you have my respect, good sir

    • @slgz5574
      @slgz5574 2 роки тому

      Works on my refresh theme perfectly

    • @AmandaBouchard
      @AmandaBouchard Рік тому

      I can’t seem to access your website is it still up?

  • @minimumviablepizza
    @minimumviablepizza 8 місяців тому +1

    Thank you so much! Was searching for ages trying to find this exact setup. Was great to learn all the additional tips about inspecting and class searching as well.

  • @karltam5987
    @karltam5987 2 роки тому

    You are the cham!! i spent a day to figure out why the information is not show in the cart, and it's now working!!!! thank you

  • @jaccihotzel3206
    @jaccihotzel3206 2 роки тому +1

    Thank you so much for this! Easy to figure out even with a different theme and saved me $29 a month for an app since I only have ONE personalized product on my site!

  • @chrisjackson6369
    @chrisjackson6369 Рік тому

    Hey Ed, Thank you so much for making this video. I am so glad I stumbled upon it. I have been waiting for days for someone on Shopify's forum to get back to me and I was losing my patience. This tutorial is exactly what I needed. And I love that I can keep my brand and don't have to install an app. Thank you again!

  • @sc2890
    @sc2890 Рік тому

    Thank you so much for this video. It saved us so much time. I have tried certain apps and they just wouldn't work properly. This process was simple and works like a charm.

  • @hilaryschultz5510
    @hilaryschultz5510 Рік тому

    Thank YOU!! This was EXACTLY what I was in need of especially as a "non-Dawn" user. 🙂

  • @jaydenandarthursimaginativ5753
    @jaydenandarthursimaginativ5753 2 роки тому +4

    Great video. Easy to follow and understand. Please do another video on how to add more fields like the drop down or checkbox. Thanks

  • @Cousin.Khelly
    @Cousin.Khelly Рік тому

    Yo! Thank you for this tutorial! It was super easy even though I had my doubts in the beginning since I’m not a coder 😅 but I love that you showed us everything! I stopped at step 3 I believe and left it like it was. I couldn’t believe it actually worked. Thanks again!

  • @mathias3231
    @mathias3231 Рік тому +18

    Hey Ed! Is there a way to make the note field required? So that people have to put something in the box before being able to add the item to their cart?

  • @margaritaquiroz4631
    @margaritaquiroz4631 4 місяці тому

    Thank you this was the one tutorial that actually worked. I don’t have dawn theme and yijr extra explanation was so helpful.

  • @TooroiStudio
    @TooroiStudio 5 місяців тому

    I can see you have alot of thank you here. But here is another THANK YOU for you!

  • @MrUltraHide
    @MrUltraHide Рік тому

    Your code was what I have been trying to find. Thanks for posting this tutorial. It was easy to follow.

  • @mcmurrayjackson
    @mcmurrayjackson 2 роки тому +1

    PLEASE do this for dropdowns and radio buttons. I have searched for YEARS how to get a around variants with Shopify (when you don't need to track SKU's) and THIS IS THE WAY!

    • @vdecides
      @vdecides Рік тому

      Hi Do we have any update on adding dropdown? please help!!

  • @jamesberesford1686
    @jamesberesford1686 2 роки тому

    Amazing Thanks Ed, you've saved me £9.99 a month! So glad i found your page. Looking forward to learning from you :-)

  • @cherishhampersgifts3789
    @cherishhampersgifts3789 2 роки тому +1

    Thank you so much! This is absolutely incredible and so easy to follow. Appreciate your work.

  • @mysterymosaichub
    @mysterymosaichub Рік тому

    This is so helpful! Thank you so much! You explain everything in a way that it’s so easy to understand.

  • @thomaswightman2659
    @thomaswightman2659 Рік тому

    Top notch tutorial, I felt like a hacker doing this haha cheers ed, really helped!

  • @AnikasKreativePlans
    @AnikasKreativePlans 2 роки тому

    Thank you so much. This was the best tutorial hands down. I appreciate you time in making this video. I have watch several videos and this was so easy to follow. thank you again

  • @mariadc2512
    @mariadc2512 5 місяців тому

    thanks a lot! I was mad I couldn't find a simple and direct tutorial

  • @SeanPowell913
    @SeanPowell913 8 місяців тому

    Heyyy thanks my "premium theme" did not use the same naming for the form ID but your explanation helped me figure out how to see what they were using and it works! Cheers

  • @yvettriaz
    @yvettriaz 7 місяців тому

    Excellent tutorial, easy to follow. Thank you very much

  • @norafrazier9975
    @norafrazier9975 7 місяців тому

    Wow! So helpful - thank you! This looks and works so much nicer than the subscription app I originally added :)

  • @Gkskledlrk8553
    @Gkskledlrk8553 2 роки тому

    Your content is super valueable. I want to see a video where you show how to show intentory for variants. It would benefit a lot of people running a shopify store to see such a video.

  • @katyalakshmi5293
    @katyalakshmi5293 2 роки тому

    That's fantastic! thank you for this. It worked perfectly on my Prestige theme.

  • @kaelacadiz9936
    @kaelacadiz9936 Рік тому

    Thank you so much for making this video! So helpful and easy to follow along. Would love to see a video where a drop down menu or checked boxes are added to a product page. Thanks again for all you do!

  • @socialsuperiors
    @socialsuperiors Рік тому +6

    Is there a way of making it on only one product page? I only need it on one product but it is on all of them. Great video! 🎉

  • @tiffanyartcanada
    @tiffanyartcanada 2 роки тому

    Thank you so much for this great tutorial! It works and you just made my day!!! Thank You again!🙏

  • @laraedenshop5813
    @laraedenshop5813 2 роки тому

    Thank you so much man! Works great even on Sense theme, just tested

  • @emilycooper6085
    @emilycooper6085 2 роки тому

    Brilliant, it works and you made it so simple thank you!

  • @dorthy7471
    @dorthy7471 Рік тому

    Thank you so much! This was so easy and exactly what I wanted.

  • @showitoffin
    @showitoffin Рік тому

    pappi lele bhai ky mazedaar cheez banayi hai maza aa gaya !

  • @Buffett305
    @Buffett305 2 роки тому

    you are a gift from heaven

  • @lilyhaeri3002
    @lilyhaeri3002 Рік тому

    Thank you. Your video is so clear and efficient. What codes should I use if I want to have a different size of the input table?

  • @vaadabella7172
    @vaadabella7172 10 місяців тому

    I literally just sat here and shed a tear or two. You made this so simple and I couldn't be happier! I am looking through your videos but I didn't see one where we could add a dropdown menu for customers to select their variants (not colors and size) selections. For example, I sell natural lip balm but there are 5 scents. I'd like to have a product page for Lip balm where they can simply select which scent they'd like to have. If you have a video like this, I'd love the link to it as I must be overlooking it.

  • @CremeBakery
    @CremeBakery Місяць тому

    This was so helpful!! Thank you so much!

  • @joelarmitage6752
    @joelarmitage6752 2 роки тому +1

    Hi Ed your video was fantastic and helped me out massively, would i be able to ask how you get the "message" on the product order back end, regarding being able to export it on a csv file ??thanks

  • @mohmanna2833
    @mohmanna2833 Рік тому +1

    duuuuuuuuuuuuuuuuuuuuuude you save me but can decrease the size for box ? and how if you explain please
    thanks a lot

  • @josephhannoun98
    @josephhannoun98 9 місяців тому

    Amazing tutorial! Thank you

  • @JoshuaBabarinde
    @JoshuaBabarinde 2 роки тому

    THIS IS SUPER HELPFUL. THANK YOU

  • @fabianhelbing4059
    @fabianhelbing4059 2 роки тому

    Thank you very much! Exactly what I needed.

  • @LL-oc1xw
    @LL-oc1xw 17 днів тому

    Thank you! Is there a way to change the size of the text field area the customer types in? Do you have a tutorial on that? Thanks so much - my goal is binge watching your videos this week. :-) Will buy your book when I get sales going.

  • @julesmoradi758
    @julesmoradi758 Рік тому

    Omg it worked!! 😱 Thank you Ed!!

  • @DavidFinlayNZ
    @DavidFinlayNZ Рік тому +1

    Hi I followed you code and it is excellent, the problem I am having is that the products I am trying to use this on has variants, when there are varients, the textarea message does not appear in the shopping cart only the variant selected. When I remove the variants from the product, you code works perfectly. I was wondering if you might know how to solve this? Thanks

  • @omerfarukyesilyurt5296
    @omerfarukyesilyurt5296 9 місяців тому

    wow this helped me and explained a lot, thanks man

  • @nikhileshrana9143
    @nikhileshrana9143 8 місяців тому

    Thanks Dude . it helped a lot saved me a ton of time

  • @ashlleey
    @ashlleey 7 місяців тому

    Hi! Thank you for this, it is super helpful! I am curious is there a way we can make the text field mandatory so that way the customer can add the customization field before they are able to add the item to their cart?

  • @Kikigielisse
    @Kikigielisse 2 роки тому

    Thank you so much this is perfect! Exactly what I wanted for my store (:

  • @henryn5893
    @henryn5893 Рік тому

    Thank you for your video, you've done a great job

  • @laurincurtis1979
    @laurincurtis1979 2 роки тому

    Thank you so much for this video! How do I see the customizations in my back office when they purchase something?

  • @michelewandke7282
    @michelewandke7282 Рік тому

    This is amazing!!!! thank you!! Is there a way to make this applicable to only a few product listings and not all of them? Thank you!

  • @Kat-d1u
    @Kat-d1u Рік тому

    Thank you so much, you have helped me so much!

  • @sebasfn2949
    @sebasfn2949 2 роки тому

    Underrated! Thank you !!

  • @Sahil7210
    @Sahil7210 Рік тому

    Great video! As per the instruction its work perfectly

  • @barbarafreethy2842
    @barbarafreethy2842 Рік тому

    Great Video - Was wondering if there's a way to make it conditional for a specific variant versus the entire product, i.e. Only one variant can be customized but here the text box shows up for all variants.

  • @gemandtonik
    @gemandtonik Рік тому

    This is such a great video, thank you! Unfortunately, I'm using the Retina theme and there isn't an option to add a custom liquid block to my product. Do you have any information about other ways I could do this? Thanks in advance! :)

  • @donnawood3800
    @donnawood3800 2 роки тому

    Hi, Thank you so much for this video! You've explained it so well! I saw in the feed that you were possibly going to do a video on how to create a drop down field on the product page using the custom liquid field? I haven't been able to get it to work yet so if you do have something on that it would be so helpful! Thank you so very much!

  • @tomlane5585
    @tomlane5585 2 роки тому

    Hi, great tutorial thanks! I was just wondering if the added notes would be shown on the .csv file (alongside variants etc.) if I bulk downloaded orders?

  • @andressagarcia9348
    @andressagarcia9348 Місяць тому

    Muito obrigadoooo me ajudou muito! que Deus abencoe sua vida e prospere 🙏🙏

  • @christinakoljonen7523
    @christinakoljonen7523 2 роки тому

    Question, do I need to add this code to all of my product pages? Thank you for this video. I am using Craft so I think this will work for me.

  • @streetbobmom
    @streetbobmom 2 роки тому

    Thanks Alot!! Just what i needed

  • @SolennsBoutique
    @SolennsBoutique Рік тому

    Great turorials!! ❤
    Just a question why mine ended up having all message to all my products i just want to put it on one product

  • @alladara
    @alladara 2 роки тому

    Thank you SO MUCH for this tutorial! If I wanted to add multiple form fields to every item (3 fields, specifically) can I just duplicate the custom liquid?

    • @alladara
      @alladara 2 роки тому

      I tried this and it seems to work perfectly! If for some reason I shouldn’t be doing this (or doing this *THIS* way) please let me know! lol

  • @dratta-jk5dq
    @dratta-jk5dq Рік тому

    Great video! Thanks so much

  • @ownthemoon
    @ownthemoon Рік тому

    Thank you so much for this video! This was super helpful! Craft theme: line 315 for code input. It was really hard to find for me. I don’t know why but I don’t have search field 😅

  • @kamikadze1300
    @kamikadze1300 10 місяців тому

    Hi Ed! Thank you for the video. I'm new to shopify and I'm trying to figure something out. As a seller - where will I be able to see the message that the customer wrote after they placed the order?

  • @maharoofxahid8539
    @maharoofxahid8539 Рік тому

    Hi Ed! Thanks for the video. I want to keep the gift section for some products only, not for all of the products. How can I do that?

  • @Richrick17
    @Richrick17 2 роки тому

    Hey Ed, thank you for the tip on Image zooming for the Dawn theme! It was a huge headache for my store. By chance, could you make a video for changing the "Add To Cart" button size for the Dawn theme? My button is massive and goes all the way to the end of the page. Thanks so much man!

  • @shopsthatconvert
    @shopsthatconvert 2 роки тому

    New follower! Thanks!!

  • @peachmanflossboypeac
    @peachmanflossboypeac 10 місяців тому

    Thank you, great information

  • @Lucie-uy5ej
    @Lucie-uy5ej Рік тому

    Hi Ed, thank you for great explanation. Is there a way to code it as a pop up for specific size? I have store with option for Custom Size as well as standards and would love to get this only when selected Custom. Thank you.

  • @hakimtaoumi747
    @hakimtaoumi747 Рік тому

    👍👍👍👍thank you for your great effort

  • @heyfrenchi3
    @heyfrenchi3 Рік тому

    This is fantastic thank you so much, I COULD KISS YOU!!!

  • @stephhutch6096
    @stephhutch6096 2 роки тому

    So helpful thank you!!

  • @christianniece3390
    @christianniece3390 16 днів тому

    Will this work for any theme or does it have to be the DAWN theme?

  • @thegoodglitter4606
    @thegoodglitter4606 Рік тому

    HI Ed! Did you end up making a video on how to add checklists to this ?

  • @yeqs
    @yeqs 2 роки тому

    Thanks for this one, looks great! However when i use the dynamic checkout button (Buy it now) the message is not included in the order, any idea why?

  • @zachmiller6478
    @zachmiller6478 2 роки тому

    Brilliant and very clear tutorial, thanks so much! So helpful! I noticed some apps were able to update the product price when a checkbox was selected, live on the product page, but I haven't found any tutorial or Shopify forum that mentions how this could be done. In fact, most say it cannot be done without installing one of the premium apps...but then, how are they doing it? It must be possible. In your example your engraving field does not increase the price, it would be very helpful to see an example where the field has a price attached to it, and how that price shows up across the cart/checkout/emails etc.

    • @EdCodes
      @EdCodes  2 роки тому +2

      That would be quite different. If you want the engraving to have a price then it needs to be a product. You create an 'engraving' product in your back-end and then write some code to automatically add that product to the cart together with the main one whenever a checkbox is checked and add to cart is clicked.
      I will be making this tutorial eventually but its not so easy.

    • @rafsfernandes
      @rafsfernandes 2 роки тому

      ​@@EdCodes it would be nice! most of the custom product fields should increase the price.

  • @javierrm34
    @javierrm34 6 місяців тому

    thank you for the help! is there a way for this not to apply to the rest of my products in my store? i would like it to apply to only one. appreciate any help. God bless

  • @ProcrasCreationDIY
    @ProcrasCreationDIY 2 роки тому

    Thank you

  • @manjitsinghsandhu6477
    @manjitsinghsandhu6477 Рік тому

    Thank bruv, amazing content.

  • @mostafasalloum6388
    @mostafasalloum6388 2 роки тому

    thank you for doing this tutorial, i just wanna ask if i have a shopify app that connected to my store by appolo client is there a way to send the message from the app to the shopify cart ?
    like if i have an option i can send the option with the variant id to the cart but is there a way to send the message too

  • @oliviabeavis4292
    @oliviabeavis4292 Рік тому

    Hi Ed thanks for this. I’ve managed to do most of it but when I test the text box it doesn’t pull through to my cart. I’m using the theme studio and I know it’s something to do with the form part but I can’t find out which but I need. Any help?

  • @jeanliucthefirst
    @jeanliucthefirst 2 роки тому

    I followed your tutorial and it is absolutely fabulous!
    Is there a way to enter the message even just through the "Buy it now" button?

  • @aksheykumar-hx1bt
    @aksheykumar-hx1bt Рік тому

    Thank you for this tutorial. but how can I add this field value to shopify order database? bcz when I export order data. this field is not added.

  • @mudplay5424
    @mudplay5424 Рік тому

    sir could you make a tutorial for add-ons like check box for additional items for the product. example. water dispensers.the add on is stand

  • @isakgrapenmyr3224
    @isakgrapenmyr3224 Рік тому

    Very helpful, thanks

  • @thebotanicalblueprint
    @thebotanicalblueprint Рік тому

    Thank you, this was super helpful and easy to follow! Is there also a way to limit the amount of characters a customer can enter?

    • @EdCodes
      @EdCodes  Рік тому

      Yes, you can add an attribute like maxlength="10" - www.w3schools.com/tags/att_input_maxlength.asp

    • @thebotanicalblueprint
      @thebotanicalblueprint Рік тому

      thanks!@@EdCodes

  • @cssunnyverma
    @cssunnyverma 2 роки тому

    Great men Brilliant Mentor

  • @soorenaaslani7491
    @soorenaaslani7491 2 роки тому

    Thank you so much! I just have a question is it possible to make this only show up for one product? It seems to show up for all the products on my store

    • @soorenaaslani7491
      @soorenaaslani7491 2 роки тому

      I figured it out! Here is what I do:
      {% if product.handle == 'my-super-product' %}
      ... add the bits of customizations ...
      {% endif %}

  • @burbrujita159
    @burbrujita159 2 роки тому

    wow, thank you so much!!

  • @stpat9227
    @stpat9227 3 місяці тому

    Thank you for this. However, my message box is much wider than my "Add to cart" button. It's great to have this message box but it looks silly b/c so wide. I searched through your comments and saw a few others mentioned this but did not find a solution. Has anyone resolved this?

  • @rambo4340
    @rambo4340 2 роки тому

    Hey,
    can I use for all places with the word message another Words?
    I have a problem that the collection images are too big.
    Can you show us how to minimize them to have 2 pictures side by side on mobile?
    Thank you for your great content and for helping to optimize my Shopify store.
    Greetings from Germany

  • @birsingh5388
    @birsingh5388 2 роки тому

    Subscribed 👍
    I have one question, how can we print this custom field message on Print Slip of order?

  • @RebeccaCollen
    @RebeccaCollen Рік тому

    This is such a helpful tutorial thank you! It would be great if you could do a similar tutorial for adding a drop down menu for product customisation. I've worked out how to create a drop down menu on a product but I can't get it to show at checkout. Thank you!

  • @kathya0
    @kathya0 Рік тому

    Hi, thanks for sharing this. but I want to add this on the checkout page for each product. The problem is I sell those gift letters as well and I want the customer select one of them and add a message. its that possible? Is there any other way to do it?

  • @ashleyedwards499
    @ashleyedwards499 2 роки тому

    I love all your tutorials, it was so easy to follow but can you to one of these on the new crave theme because I am having the hardest time only with tis code working on the crave theme

    • @EdCodes
      @EdCodes  2 роки тому +1

      Hey, I just tested on Crave, works exactly the same as Dawn. Which part is not working? You can copy and paste the finished code from my site by the way - ed.codes/blogs/tutorials/add-a-gift-note-engraving-field-to-products-in-dawn-theme-shopify-2-0

    • @ashleyedwards499
      @ashleyedwards499 2 роки тому

      @@EdCodes Thanks so much I am going to try it. I can't get it to link to my add cart section but I am going to copy and paste and hope that's why

  • @jonward1314
    @jonward1314 2 роки тому

    That was 🔥🔥🔥! Thank you!
    Question: let's say the store has two variants: one is a physical book and the other is an ebook. So you use this method to add a block for a custom message for the autographed copy. But you want to hide the block if the ebook is selected. I'm trying to figure out how to do that. Any thoughts?

    • @EdCodes
      @EdCodes  2 роки тому

      Your'e welcome! The easiest way to handle that yourself would be to split the product into two separate products - the physical book and the ebook. Alternatively an even simpler solution is just add some text above the field like "Custom message: (does not apply to ebook):". Hiding the field dynamically when the ebook variant is selected is possible with javascript, but you would need some web development experience to do it.

    • @jonward1314
      @jonward1314 2 роки тому

      @@EdCodes Thanks, Ed. I agree with those recommendations. I'll look around for some JS solutions.