How to Sell Personalized Products on Shopify 2024 - Building a Product Configurator

How to offer custom products with image uploads, text inputs, live previews, custom pricing rules, and much more.

⭐ Get started for free

► Resources:
--------------------------------------------------------------------------
See Product examples across different industries

Checkout Kickflip's YouTube Channel

► Offers & Help
--------------------------------------------------------------------------
🌟Learn the JavaScript side of Shopify Development:

👨‍🎓Learn Shopify Development from Scratch:

👨‍💻Find a reliable Developer for your project:

► Let's stay in touch :-)
--------------------------------------------------------------------------
🤝 LinkedIn (business journey and behind the scenes)

🎬 YouTube (Shopify and Web Development)

🌍 Website

⏳ Timestamps
00:00 Today's Video
00:31 First Steps
01:23 Create a new custom product
02:03 Upload product images the right way
05:08 Add Custom Color Selectors
07:42 Implement Custom Logic
10:48 Add Custom Image Uploads
13:14 Add Custom Text Inputs
15:01 Allow Bulk Orders
16:11 Connect your Shopify Store
17:12 Add Custom Pricing Rules
17:55 Publishing our Custom Product
18:45 Adjust Configurator Design
19:41 Outro

🔍 SEO Description
--------------------------------------------------------------------------
Learn how to sell custom products on your Shopify store.
In this tutorial, we're building a product configurator, that allows buyers to customize and live preview the products on your store. We learn how to set up customizations such as custom text inputs, custom image uploads, or custom color selections. Beyond that we're learning how to implement custom pricing rules and conditional logic to hide and show input elements based on previous selections. Following the outlined steps you will be able to sell personalized products on your Shopify store.

⭐ Get started for free

[trykickflip]

Thanks Jan for such a detailed and helpful guide showcasing what Kickflip can do! 🙏💙

[SoulonFirebyKrystal]

I was so excited to see that you have a tutorial on this amazing app. I used your tutorial to add an image upload with code previously and your tutorials are so clear easy to follow. This was the first code I had ever written. As accomplished as I felt writing my own code, I really appreciate not having to do that with this app. I love this customizer app already. It's exactly what I was looking for with my custom printing shop.

[techniktante]

Hey Jan, thanks for that awesome tutorial! The value you're giving away for free is exceptional! That brings me to my next point: Please stop apologizing for having affiliate partnerships! You're giving away so much for free, the least people can do, is support you with some affiliate commission.
It really makes me angry when creators like you feel like they have to apologize for having partner- or sponsorships, but you worked really hard for that! Just ignore those Negative Nellies who won't appreciate your time and work.

[haseebliaqat]

Kickflip is a great tool for the 2D customizations. Thanks Jan for a detailed helpful guide.
I wonder when we will have something in 3D Customizer from you.

[naniedwards]

Great video! Where did you get the individual images of the 3d jersey??? The collar, laces, shoulders, body, etc.

[EzraMaslaton]

Hey can also also implement an option for costumers to add an additional text field ?

[erdegora]

'So far, so awesome' ;) Awesome

[aminabudahab]

This is great, can you share the product images so we can quickly follow up with the tutorial?

[CruiseCharmer]

glad you so much for this !!! I need it!!

[jlink]

Do you work with others to help set this up? If so, what would a cost for that be?

[JoHdsgn]

Thanks for your video. highly helpful. I was wondering if you can propose your services on project ?

[music_glass_bg]

You help solve my problems for the 3rd time sir! You are amazing! Thank you for keeping hard things simple for idiots like me!

[MohnishSawlani-oe]

Hey Jan, Can you make a video on setting up UET conversion tracking in shopify custom pixels, as additional scripts are not supported after checkout extensibility

[peterkyriakou]

Does Kickflip allow you to upload an image onto a 3D object and then offer multiple views of that product? I understand this works with colors, but what about images?

[RichardCross-ni]

Does the Shopify Checkout routine keep the product as one product unlike the other Product Option Apps which divide the product up into multiple products for each option? Thanks. Great video by the way...

[Ley]

Thank you for the tutoriol. Is there a way to make customized books ( where customers can fill in a name for the character in the book) and Kickflip will fill in this name in the book? I am searching a while now for an app that can do this.

[adele-omni]

Hey Jan, I'd like to ask how could Omnisend collaborate with you? Would like to support your channel 😊

[SoulonFirebyKrystal]

Is there a way to allow an image upload and text option for the front and the back? I have been working on this and it keeps changing the print area of the first image every time I try to add a different print area for the back side.

[fernandog.]

How can I put the "personalized name" extra price?

[tranduyen]

I watch videos mostly for your handsome face :D