Add A Cart Upsell Option For Your Customers (FREE + NO Apps)
HTML-код
- Опубликовано: 27 июл 2024
- Learn how to add a simple checkbox upsell that can be used for gift wrapping (or any other upsell) in your cart.
This video took quite a bit of time to, so if you liked it please like and subscribe - it helps us keep making videos like this.
----------------------------
📄 Code for this video can be found here: theprompted.co/blogs/tutorial...
🚀 Want a FREE personalized action plan to help increase your conversion rate? Complete this simple form: theprompted.co/free-action-plan
👉 Want to hire us for personalized help? Book a consult call: theprompted.co/pages/hire-us
▶️ Subscribe for more videos like this ➡ @theprompted
----------------------------
TIMESTAMPS
00:00 - Introduction
00:33- Demo of the checkbox upsell
02:43 - Settings, features, and how to use the checkbox upsell
06:30 - Installation instructions
16:04 - Final Thoughts
----------------------------
#shopify #tutorial #ecommerce
Themes: Dawn, Refresh, Craft, Studio, Publisher, Crave, Origin, Taste, Colorblock, Sense, Ride, Spotlight
----------------------------
Music track: lucid by massobeats
Source: freetouse.com/music
Knowing this video will get 10x less views than a normal beginner tutorial sucks. Thanks for making the tutorial, your the goat man
Thanks for being one of the ones that does watch it!
You are a star!!!!!!!!!! Thank you for this
Thanks you for your knowledge and insights, from Ukraine, that still struggling from russian invasion(((
yes its cool sir🎉
Thank you for the video...i followed the instructions...but it is not getting selected .....i m using trade theme...please help
Unsure what issues you're running into. A good troubleshooting method is to try from scratch on a fresh theme. For example, you can try on a new install of Dawn and see if you get different results, which can help indicate whether or not there's an error in your installation, or a compatibility issue elsewhere.
can make video about adding shipping protection in cart automatically turned on
You can try adding "checked" to the line
Thank you for the video, is it possible to keep the packaging button always on, and if necessary, the buyer himself turns it off?
Great suggestion - will look at this for the next version!
Hello Sir! You're doing a fantastic work. Thank you so Much
I have a request if possible please make a small video on this.
I have disable add to cart button on my store. I want to keep only "Buy it Now" button on the product page and make this Buy it Now button STICKY.
Please make a video on this. I would really help me. Thanks
Is there any option that could make the gift wrapping added to the checkout instead of the cart?
Unfortunately, checkout customizations like that are for Shopify plus users only
Please make a video on how to integrate social login button for easier customer login to shopify websites. I found too many videos and tutorials but no one is helpful. I hope this will be a great tutorial for many if you can make one.
Thanks for the suggestion! I added it to the list :)
My cart drawer is not updating/refreshing automatically when selecting the upsell product, only when refreshing the page or going to checkout. How can I fix this?
This likely means there's an issue with the javascript. Double check that:
1. the js script call was added to cart-drawer.liquid
2. cart-checkbox-upsell.js file was created properly and the proper code was added
3. You added the custom event to cart.js
If it still doesn't work, I suggest installing a brand new version of your theme (ex: Dawn) as a test environment and trying again. A step may have been missed that may be more easily found when starting from scratch. If it works this time, then you likely have found the issue and can fix it in your actual theme.
great, like all your videos. Can you make a video using a customizable template or snippet => Ads between products in collection page.
Are you thinking it would be something like an image with link - that way you can add whatever image you want and send the destination to whichever url you want? Or did you have something else in mind?
Please make a tutorial on How to create a sticky add to cart button, while clicking it should show the available variant pills so customers can select the variant from there.
Great suggestion - I've added it to the list!
Is there a way to add another (text) field in there for a name/nickname to put on the giftwrap?
Yes - At 05:41 I talk about how you can enable the cart notes option. For a field more specifically asking for name, then it would need to be an additional customization.
I got an issue using the exact code on my theme. Could you pleased help me?
What's the issue you're running into?
Pretty cool! thanks. There somethign wrong with it after selecting the upsell on mobile. after closing the cart drawer, the cart icon padding changes. icon moces up approx 5 px. not inline with the other icons. CAn that be fixed?
Which cart icon? The one to open the cart? If so, I'm not seeing it move on my end.
@@theprompted Yeah mine does. But all good. How can I add another threshold for a free gift? so says progress bar says $100 for free shipping, andnext threshold is $150 for free gift. Can it be done with this somehow?
That's a great idea - I've added it to the suggestions list and can look into it in the next version of the cart progress bar. Thanks!
@@theprompted How can I have the free gift "pre-checked"?
The new version can have it pre-checked. I see you already left comments in the new video, but for anyone else looking for this functionality you can find it here: ruclips.net/video/RRZce9A4FK0/видео.html
Can you make a tutorial for add to cart button when I add a product to cart that's just searching and searching but the product is not gonna be added.
That seems strange. The add to cart button should be one of the most basic features of any theme you're using.
What I suggest is to try installing a fresh new version of your theme and test your add to cart button again. If it works on the new theme, then what's likely happened on your existing theme is that a customization may have been modified the add to cart button by accident.
@@theprompted Alright, I've solved out the issue according to your suggestion. Thanks for the guidance
Great! Glad it works
how to make sliding after and before
Not sure what you're referring to. Could you elaborate?
Thank you for this customization. The upsell is not working for the cart drawer.
When I add the product, the cost is added to the estimated total, but the upsell box is not checked and the product does not appear in the cart drawer.
What theme and version are you using?
One troubleshooting tip I always recommend is to try installing a fresh new install of your theme (ex: fresh install of Dawn) and try it again. When doing it again, you can see if you get the same or different result, which helps inform what the issue could be.
It was a false alarm. The code managed to populate. I had to wait a little longer than usual for the updates to show. Thanks again!
By the way, I would like to suggest a lookbook section, in which you can place a pulsing pin anywhere on the image and attach a product. Possibly making it so that different images can be shown for desktop and mobile.
Another suggestion is a text and video sliding marquee.
Great! Glad it works. Thanks for the suggestions too
Hi I m using trade theme ...the box is showing but when I click neither a tick appears nor the product is visible...
Please suggest
It sounds like you're using a new theme. I would try version 2 of this customization: ruclips.net/video/RRZce9A4FK0/видео.html
The checkbox still in the cart even when is empty 😭
Ah, good catch. I've fixed the code for cart-checkbox-upsell.liquid, so you can copy and paste it again from the code link.
@@theprompted thanks, I thought I did something wrong with the copy and paste 😂 Thanks again 🙏🏻
We needed someone to help us with our website using shopify. Do you do projects? I could not find you direct contact information. thank you
Not actively taking on clients this very moment but am considering opening something up. Feel free to fill out this form to let us know what you're looking for: forms.gle/CxGxEbSyemGdJzeVA