How to set up custom and personalized products on Shopify (free)

A free method to create personalized products in Shopify.
How to offer custom products with custom user inputs.
► Free Help
--------------------------------------------------------------------------
🎯 Get Personal Career Advice for Shopify Developers:
codingwithjan.com/personal-ca...
👨‍💻 Find a qualified Shopify Developer for your next project:
codingwithjan.com/hire-a-deve...
► Contact
--------------------------------------------------------------------------
🌐 Website
codingwithjan.com
🤝 LinkedIn
/ jan-frey
► Recommended Resources
--------------------------------------------------------------------------
Most recent version of the dawn theme: github.com/Shopify/dawn
Snippet file: pastebin.com/80EwD4EN
► Timestamps
--------------------------------------------------------------------------
00:00 Intro
00:40 What we're building
01:35 Important note
03:00 Getting started
► SEO Description
--------------------------------------------------------------------------
Personalized products are certainly a billion dollar industry by now. Offering unique products like personalized jewellery, custom print on demand products, or other sorts of highly personalized products help you stand and make your store feel unique and premium.
In this video, we're covering how to set up custom products on Shopify, by adding new custom input fields and product options on the product page. The four most common input fields you’d find are text inputs, checkboxes, custom image uploads, and dropdown select elements. All four can be added through code and don’t need any further paid apps.
This video might also be interesting for anyone, who is into print on demand or drop shipping. You may have heard other influencers like Davie Fogarty, The Ecom King or Jordan, talk about these types of business models and about the importance of offering unique products.
For more advanced requirements like:
Previewing customizations, charging extra, conditional logic, full-blown product configurators, automated fulfilment solutions, or anything else you may need help with please refer to: codingwithjan.com/developers#...
For those of you who are technically interested:
The feature that allows us to send custom data alongside products added to the cart is called “Shopify line item properties”.
You can read more about these right here:
shopify.dev/api/liquid/object...
codingwithjan.com

[@CodingWithJan]

🎯 Get Personal Career Advice for Shopify Developers:
codingwithjan.com/personal-career-advice
👨‍💻 Find a qualified Shopify Developer for your next project:
codingwithjan.com/hire-a-developer

[@Jaevan]

This was AMAZING!!! Thank you so much!!! Word of advice, DO NOT WORRY ABOUT HOW LONG THE VIDEOS ARE!!! If we are here watching you, we don't know!!! We welcome the detail and your time and knowledge.

[@dansbeedesigns]

Totally agree - The time investment is worthy of the valuable content Jan is sharing. My site really benefitted from this video!

[@sagesterling]

Totally agree! I'm so proud of myself for being able to add personalization!! I can't believe how much you taught me!! Thank you!

[@exploringwitus]

@@sagesterling Hey, were you able to add a 2nd template without having it duplicate the first template? I am trying for months and no success, thanks

[@janwindham2309]

Agree! Yes! So interesting and informative! No need to hurry! Make videos as long as they need to be

[@billiesinks]

Jan, you are blooming amazing! This is the exact kind of step by step video I needed to add personalised text and upload image files to the website I am making. Thank you sooo much!

[@juliengriffault4862]

Exactly what I was looking for, you went way beyond any other video I have found and answered all my questions. Five stars!!!

[@rishabhmahipal5314]

Hi Jan, firstly the knowledge you provide is amazing and extremely helpful, in addition to it, your oversimplified way to explain is absolute beaut. Hope you grow in multiple folds. Keeping bringing such content on a regular bases

[@CodingWithJan]

Hey Rishabh, thanks for the great feedback! :-)

[@lucascaceresroca6254]

man, I just need to say thank you. Such a well-explained video and just what I needed. Can´t believe I found such a great video, keep up the AMAZING work!!!!

[@rosewhyte5726]

This was exactly what the tutorial I needed, thank you so so much! So clear and also your jokes were funny lmao. Also I vote for the colour option video!

[@jackhemsley5252]

I have been back here 5 or 6 times now to use this method. Works perfect every time. Thank you so much

[@amandalace3739]

You have been amazing!! I haven't don't HTML coding in AGES and this video just helped me with a very important step in my new Shop! Thank you so much!!

[@mowana28]

This was lengthy but the best tutorial I've seen that actually works. Thank you!!

[@sarthakdixit2161]

Woooaaah! Thank you man! That was much needed

[@riahnaswain3658]

This was so incredibly helpful for adding a personalization option to my product pages! Thank you thank you thank you!

[@dominicanfrankster]

Excellent series so far. Thank you Jan.

[@SuperForged]

This is exactly what I need for my aftermarket wheel site. I need to collect non-variant related information such as offset, hub size, vehicle and more. Sounds like this is what I’ll need to do:
1. Duplicate product detail template to be used by “wheels” products.
2. Find the appropriate location to add the doc and inputs.
3. add the inputs and proper syntax as shown in the video.
Obviously there’s more than this todo but thank you so much man. I’ve been hammering app tryouts for the last 5 days.

[@oana7726]

Hi Jan! You are amazing and the content you share with us is very useful and easy to understand. Thank you so much for your effort.

[@ApfelsLounge]

This was amazing Jan, thank you so very very dareej much!

[@magamaciel7]

Excellent tutorial!! Exactly what I needed. Very didactic. Thank you

[@thestas]

thank you, Jan! amazing video!

[@boreeunlimited]

This is just what I needed! You're the best!!

[@whichcraftLiz]

I cannot thank you enough. This video was exactly what I was looking for.

[@glitterhaven]

You are a wonderful, amazing, superb human being - you have saved me so much heartache trying to figure this out. Thank you so much!

[@ronn1023]

Always love your tutorials Jan. I would love to see how to do the color swatches as well and perhaps how to adapt that functionality for something else! Thank you.

[@CodingWithJan]

Awesome and thanks for the great feedback. 😄
Will be creating the video soon. :-)

[@ashleighriley]

I've been looking for a video like this for months! Thanks so much - great tutorial for Shopify 2.0 themes! :)

[@CodingWithJan]

Glad you enjoyed it Ashleigh! 🙌🏻

[@exploringonecityatatime]

You are the MAN Jan... Thank you so much. We appreciate you so much ❤

[@auntylou1000]

Thank you so much to taking the time to do this tutorial. You are a star, I now have a shopify store that I can offer custom products.

[@victorcharlie9548]

Jan, that was exactly what l was looking for! Great video! Thank you

[@jessicamason9042]

This was absolutely brilliant! so much help. thank you!

[@veronicapineda1507]

Thank you so much for sharing. Super easy to follow!

[@ltwheeler9370]

That was amazingly helpful! I have done as you have taught and now let's see how well it works (Shopify & Printful)!

[@bettymeow652]

Than you Jan!!! It’s really helpful. I’m neeeeew in shopify and I don’t have any coding experience before, thank you for your step by step tutorial!!!!!!

[@hectorzaragozamurillo6966]

Thanks a lot Jan Awesome video.
I would like to add that you can limit the number of characters in the text box by adding maxlength="10” after the input.

[@danielsaravia6384]

This was so incredibly helpful. Thank you so much!

[@briannajackson458]

You are amazing! Such helpful and easy to follow info. Love it

[@ryanlim2259]

Thank you so much for this tutorial! This has been amazing!!!!

[@rojo4097]

Danke Jan für dein hilfreiches video!

[@LucastaCandles]

This was fantastic & I felt so proud! Thank you so much. 🤩

[@tiina-3806]

Absolutely incredibly good instructions, thank you, thank you, thank you!!! You saved my shop 😍🙌

[@music_glass_bg]

Thank you so much, Jan. You managed to help me for second time!! It is always a pleasure to watch and learn from your videos!

[@CodingWithJan]

Thanks for the great feedback!! :D

[@mehrtoblix]

genau auf das Video hab ich gewartet! einfach perfekt. DANKE

[@CodingWithJan]

Sehr gerne 😄
Perfektes Projekt für‘s Wochenende :-)

[@sprinklemecreations441]

Thaaaaaaank you sooooo much! You’re incredible! I was able to follow along and add the customization option to my store😊

[@frilieshop6260]

So grateful for this tutorial, thank you!

[@Viswa.chaitanya]

Amazing Jan.....Thanks for sharing a bit of ur knowledge

[@sonyatawfik206]

Jan! You are amazing!! thank you thank you thank you! you were able to help me add custom fields to my shop where other 'shopify devs' said it wasnt possible and that they had to build me my own app!! you are wonderful!

[@CodingWithJan]

Happy to help! thanks for the great feedback :-)

[@FyahJay]

Maaan thank you 🎉🎉🎉 i will be watching more of your videos and any support needed. This is very helpful

[@paulfox8307]

Jan, You are amazing. holy moly. You make it so clear. wow :)

[@AshleyMitchell-xz3rg]

Life Savor!!! Thank you for the step by step tutorial!!!

[@kasiastewart4686]

Omg!!!! Totally fantastic. I have never coded before but think I can follow this. Thank you so much.

[@vanessanino9838]

Thank you! I did it. You explained it perfect!

[@user-ye7lf4tj1j]

Let's freaking goooo! it worked and i'm pumped about it!

[@CodingWithJan]

Awesome, you rock! 😃

[@mariag.s.8637]

Hi Jan. Thank you so much!! Exactly what I was looking for and it worked! ***

[@vegafiedmedia]

You sir, are AMAZING! Thank you so much for making this video

[@flyingmiata9461]

Thank you for making this amazing tutorial. Helped me a lot!

[@Dohicky13]

amazingly helpful thanks! very clear and easy explanations

[@ChefSaidahFarrell]

I can’t believe I followed this and got it right!!! Thank you so much for making this video!!!

[@ftanakasp]

Thanks Jan great tutorial, easy to follow. Solved my issue.

[@moyart3]

You are awesome!! Thank You!!

[@smallsteps3801]

thank you so much, Jan! God bless

[@rachelflamdesign]

Jan - just found you through a friend and this tutorial is AHMAZING!! Thank you so so much! I have subscribed to your channel! You're awesome!!!

[@CodingWithJan]

Awesome! Thanks Rachel 🎉
Welcome to the channel 😀

[@psychobakes7828]

Thank you so much! It sure was a historical moment creating that code!

[@muneca3819]

As soon as he said this is for the dawn theme, I had to smash the like button because this is why I’m here!!

[@tatianaespino3375]

OMG!! I barely ever comment on videos but i have to for this one!! i was about to lose my mind i couldn't figure it out and i searched everywhere and no one was answering my question and then i stumbled on your video and i'm so thankful that you posted this THANK YOU i subscribed and liked :)

[@newplayer5723]

YES! Thank you so much bro, i was looking for a tutorial that taught how to do this!!!

[@mustafaenesardic1115]

Thank for everything Jam.

[@KrysEvans]

This was so helpful! Thank you

[@TrulyHighContrastArt]

thank you so much! helped me sooo much

[@davidgutz4288]

Absolutely excellent mate, this was just what I was looking for. Thanks!

[@CodingWithJan]

Great to hear David 🎉

[@morganashley5310]

This is EXACTLY what I was looking for. Thank you so so much for taking the time to make this video! You are absolutely awesome!!!

[@CodingWithJan]

thanks so much! :-)

[@elizabethf.9080]

Thank you SO much for sharing this! I was completely overwhelmed by this but thanks to you, was able to figure it out.

[@CodingWithJan]

Hey Elizabeth, glad this was helpful🙌🏻

[@pariah.handmade]

Thank you so much Jan!!!

[@Conamoraccessories1]

Thank for your help I was looking everywhere, thank you so much for your videos it was so helpful, doesn't matter if it was longer, you help me step by step THANKS.

[@hebelao7805]

Very useful! Thank you so much for sharing

[@Headdancer1]

Amazing demonstration. I will give this a try!

[@haroldwang7431]

Amazing value! Super helpful. Exactly what I was looking for. Thank you!

[@CodingWithJan]

Great to hear! :-) Thx

[@kassidijohnson]

Incredible. Thank you so much. 🙏

[@Finnsbackpack]

Thanks a lot.. Great video. Very easy to follow!

[@user-bt3ul6tb9h]

Wonderful presentation!!! Thank you so much.

[@nazeerahmed4649]

Thanks for the quality content. You are awesome

[@K0dexSister]

You have no idea how much I appreciate this tutorial. Thank you.

[@CodingWithJan]

Thanks so much! Means the world. :-)

[@Ucisneros]

Great video Sir! Much appreciated.

[@tiffanibraxton7818]

Love your tutorials! Thanks👌🏾

[@CodingWithJan]

Thanks Tiffani :-)

[@michaelsumner5451]

You're a star Jan. Great presentation! Really clear and understandable. You speak better English than most English people too :-)

[@niloofargheibi]

Awesome job!

[@MarinaNovak-dr1np]

Thank very much you!!! Perfect !!! You save me!!!

[@ArnaudenD]

Thanks a lot for the video !

[@jamesstewart3108]

Excellent presentation. Very clear and easy to understand. Covered everything I came here for. And had some added points that were very useful.

[@CodingWithJan]

Awesome, thank you! :-)

[@690075]

Thank you alot, keep up the good work.

[@nat_atkinson]

THANK YOU THANK YOU THANK YOU!!! This video was so easy to follow. And I am computer illiterate! Well done 👏🏼❤

[@user-nr2ow8uj5r]

Thank you so much for this.. its a big help for someone starting like me... Thank you

[@lorisvonlanthen6834]

I love the "and so on and so fort" :D weiter so, danke fürs tutorial

[@aliciajasondodd]

So glad I found this video I am just starting my shop and I make custom ts etc and I kept adding my email for them to contact me to customize so glad to know I can add the options thank you

[@royahmariechannel]

Thank you! Definitely a color options video PLEASE! I just found you and I’m so glad I did!

[@CodingWithJan]

Hi Royah,
You're super welcome 😁
Concerning the color options, I already made a video about it on the color swatches
czcams.com/video/JmyQNJTt4gQ/video.html
This is on the debut theme
Have a nice day :-)

[@chefxgee]

Great tutorial and very thorough. Appreciate you for sharing. You got yourself a new subscriber. Thank you!

[@CodingWithJan]

Thanks for the sub! 🎉
Welcome to the channel, and enjoy your stay 😉

[@akm824]

Man this was fire! Thank you so much

[@CodingWithJan]

Glad it helped! 😄

[@debibeaumont9877]

This video was brilliant. Saved the day! So helpful

[@sarahcastro430]

oh wow, this was absolutely amazingly helpful! Thanks so much!!!

[@CodingWithJan]

You're so welcome! :-)

[@softie8118]

THANK YOU SOOOO MUCH!!! I had been looking for a tutorial on this topic for about two weeks and I had not found one, well not in Spanish and today it occurred to me to search in English and you showed up. I hope you can have the Spanish subtitles option, thank you for your excellent content, I already subscribed!

[@CodingWithJan]

Awesome, thank you! 😄

[@campbellslasercreations]

Thank you so much for the help! Switching to Shopify from Etsy since their fees are going up, and I do a lot of customizations and have been stuck for days. Could only find the only methods to do it, but after a few hours of searching I finally found this! Got a like and a subscribe from me! Thanks again!

[@CodingWithJan]

Glad it was helpful! 🙌🏻

[@joey8808]

Thank you so much, Jan!

[@CodingWithJan]

There we go 😁
Really hope it helps.
Have an awesome day!

[@dbadr80]

Great thanks Jan. Great tutorial ; your provide me with the solution that I was looking for. Thank you so much for sharing such valuable contents 🙌

[@CodingWithJan]

Glad this was helpful to you Badr 😁

[@jefffogle1288]

Golden! Thanks so much :)