How to Sell Personalized Products on Shopify 2024 - Building a Product Configurator
ฝัง
- เผยแพร่เมื่อ 5 ส.ค. 2024
- How to offer custom products with image uploads, text inputs, live previews, custom pricing rules, and much more.
⭐ Get started for free
gokickflip.com/landing/coding...
► Resources:
--------------------------------------------------------------------------
See Product examples across different industries
gokickflip.com/product-examples
Checkout Kickflip's TH-cam Channel
/ @trykickflip
► Let's stay in touch :-)
--------------------------------------------------------------------------
🤝 LinkedIn (business journey and behind the scenes)
/ jan-frey
🎬 TH-cam (Shopify and Web Development)
th-cam.com/users/letsbuildsh...
🌍 Website
codingwithjan.com
⏳ 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
gokickflip.com/landing/coding...
![[TH] G2 vs PRX | EDG vs FUT - VALORANT Champions 2024 DAY 4](http://i.ytimg.com/vi/Bkr_qM7dIaM/mqdefault.jpg)
Thanks Jan for such a detailed and helpful guide showcasing what Kickflip can do! 🙏💙
Thank you guys!! Was awesome to collaborate and thanks for all the resources you provided!. 😃
glad you so much for this !!! I need it!!
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.
Awesome!! :-)
Love to hear you used the previous tutorial to write your first lines of code ever.
For anything more complex (like the live-prview), Kickflip is going to be a great choice I believe.
Daily new content, Thanks Jan
Super welcome 😄
Won't be able to keep up with daily uploads though haha
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.
Hey, thanks so much for the positive feedback! :-)
Actually love to hear that! But also no worries, I don't feel guilty or anything. I rather see it as part of the level of transparency I want to maintain on this channel.
And awesome to hear the tutorial is helpful! 😄🙏
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.
Awesome! :-)
I think 3-D customizations are quite Niche and rather relevant in the high-price segment (e.x Car configurator)
For normal items, I'd rather recommend setting up 2-3 views from different angles if it makes sense for what you're offering. :-)
'So far, so awesome' ;) Awesome
:D
You help solve my problems for the 3rd time sir! You are amazing! Thank you for keeping hard things simple for idiots like me!
lol 😁
One could argue, if you know where to get information from, you're actually smart ^^
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?
Thanks for your video. highly helpful. I was wondering if you can propose your services on project ?
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.
Great question, I'd need to test this myself, but I'm sure there is a way.
If it's front OR back, maybe you could even use custom logic to enable or disable the corresponding image upload. Otherwise, the app also comes with an integrated live chat, and I'd just drop them a quick message. :-)
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...
Thanks for the great feedback and excellent question! :-)
Kickflip keeps it as one product, so you will also be able to track inventory correctly, unlike with other apps out there.
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.
Hey Ley,
so Kickflip is more like the product configurator.
They help you collect all the required user input, and also help you display a preview.
So you can have a textfield for "main character name" and even create a preview image, but it can't generate the full E-Book for you.
They help you collect the data, but you have to manage your own fulfillment / know how to manufacture your products. (because that's too individual)
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
I added this code on customer events, its is giving error and not recording any purchase conversion
(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"my_UET_id", enableAutoSpaTracking: true};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");
analytics.subscribe("checkout_completed", (event) => {
uetq = uetq || [];
uetq.push('event','purchase',
{
'revenue_value': event.data.checkout.totalPrice.amount,
'currency' : event.data.checkout.currencyCode
});
});
Awesome topic, but also something I haven't got to research in detail yet. So will probably take a while, also because we have other videos in the pipeline already 😄
Still appreciate the request 🙏
This is great, can you share the product images so we can quickly follow up with the tutorial?
Awesome! I'm not 100% sure if I can share these images, but if I remember correctly, there should be an example once you create a free account.
How can I put the "personalized name" extra price?
Hi Fernandog, that can be done under Custom Pricing rules.
Ideally use the support widget if you cant' find it. I'm sure they're happy to help.
@@CodingWithJan Instead of adding the price when I personalize the name, it subtracts!! the application is very bad
Hey Jan, I'd like to ask how could Omnisend collaborate with you? Would like to support your channel 😊
Interesting! Contacted Monika via email today.
I watch videos mostly for your handsome face :D