![The Prompted - Shopify Simplified](/img/default-banner.jpg)
- 151
- 160 894
The Prompted - Shopify Simplified
Canada
Приєднався 22 чер 2023
We help level up your Shopify store so you can sell more stuff online. 👉 www.theprompted.co
Reverse Psychology: Limit Quantities To Increase Shopify Conversion Rate
In this video, we're showing you how to easily add maximum and minimum quantity rules on your Shopify store, without any apps or knowing how to code.
If you liked this video please like and subscribe - it helps us keep making videos like this :)
----------------------------
📄 Code for this video can be found here: htheprompted.co/blogs/tutorials/min-and-max-quantity-rules-v2
🔧 Diagnostic Service: if you need help with the last steps of a tutorial from us you’re trying to implement, we can coach you through how we would troubleshoot your issue. Go here: theprompted.co/products/diagnostic-review
📈 Profit Maximization Partnership. Partner with us in 3 month blocks to measure and make changes to your website to maximize your conversion rate, profit per session and contribution margin. Go here: theprompted.co/pages/profit-maximization-partnership
🚀 Ready To Launch: about to launch a new store? Get your store reviewed by us to see what’s missing before launch to improve your chances of being profitable. Go here: theprompted.co/products/ready-to-launch
🚀 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/hire-us
▶️ Subscribe for more videos like this ➡ @theprompted
----------------------------
TIMESTAMPS
00:00 - What we’re customizing in this video
01:15 - Demo of the quantity rules customization
05:47 - Demo of quantity rules override
07:49 - Demo of setting quantity rules
07:10 - Adding the video banner section to your homepage
09:47 - Installation instructions: metaobjects and metafields
14:20 - Installation instructions: edit theme code (copy & paste)
26:06 - Creating quantity rules (examples)
29:31 - Assigning products to quantity rules
34:02 - How to manage products without quantity rules
35:22 - Final thoughts
----------------------------
#shopify #tutorial #ecommerce
Themes: Dawn, Refresh, Craft, Studio, Publisher, Crave, Origin, Taste, Colorblock, Sense, Ride, Spotlight, Trade
If you liked this video please like and subscribe - it helps us keep making videos like this :)
----------------------------
📄 Code for this video can be found here: htheprompted.co/blogs/tutorials/min-and-max-quantity-rules-v2
🔧 Diagnostic Service: if you need help with the last steps of a tutorial from us you’re trying to implement, we can coach you through how we would troubleshoot your issue. Go here: theprompted.co/products/diagnostic-review
📈 Profit Maximization Partnership. Partner with us in 3 month blocks to measure and make changes to your website to maximize your conversion rate, profit per session and contribution margin. Go here: theprompted.co/pages/profit-maximization-partnership
🚀 Ready To Launch: about to launch a new store? Get your store reviewed by us to see what’s missing before launch to improve your chances of being profitable. Go here: theprompted.co/products/ready-to-launch
🚀 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/hire-us
▶️ Subscribe for more videos like this ➡ @theprompted
----------------------------
TIMESTAMPS
00:00 - What we’re customizing in this video
01:15 - Demo of the quantity rules customization
05:47 - Demo of quantity rules override
07:49 - Demo of setting quantity rules
07:10 - Adding the video banner section to your homepage
09:47 - Installation instructions: metaobjects and metafields
14:20 - Installation instructions: edit theme code (copy & paste)
26:06 - Creating quantity rules (examples)
29:31 - Assigning products to quantity rules
34:02 - How to manage products without quantity rules
35:22 - Final thoughts
----------------------------
#shopify #tutorial #ecommerce
Themes: Dawn, Refresh, Craft, Studio, Publisher, Crave, Origin, Taste, Colorblock, Sense, Ride, Spotlight, Trade
Переглядів: 58
Відео
Boost Shopify Conversion Rates With This Hero Video Tactic On Your Homepage
Переглядів 2537 годин тому
In this video, we're showing you how to easily add an autoplay video banner on your Shopify store, without any apps or knowing how to code. If you liked this video please like and subscribe - it helps us keep making videos like this :) 📄 Code for this video can be found here: theprompted.co/blogs/tutorials/custom-video-banner-free-tutorial 🔧 Diagnostic Service: if you need help with the last st...
Easily Add Exclusive Pricing To Your Shopify Store Without Apps (Boost Memberships & B2B Sign Ups)
Переглядів 28821 годину тому
In this video, we're showing you how to easily lock pricing on your Shopify store to only customers who log in, without any apps or knowing how to code. By locking your pricing, you can encourage your customers to join a membership or create an account, which allows you to nurture the relationship with them. If you liked this video please like and subscribe - it helps us keep making videos like...
Easily Add Product Bundles To Drive Higher AOV In Shopify
Переглядів 427День тому
In this video, we're showing you how to easily create product bundles to increase your AOV, promote new products, clear out inventory, or manage your kit inventory. This customization uses the free Shopify Bundles app (made by Shopify), to extend your store's settings and features. This means you can easily create bundles without needing any code or paying for apps. If you liked this video plea...
Easily Add a Sticky Add To Cart Without Apps (Increase Sales and Shopify Conversion Rate (Dawn v15)
Переглядів 73414 днів тому
In this video, we're showing you how to easily add a sticky add to cart to your Shopify store without any apps or knowing how to code. This is an updated version (version 2) of our previous Sticky Add To Cart video. By adding the sticky add to cart, you can highlight the features and benefits of your products, which in turn could lead to better conversions. If you liked this video please like a...
Easily Add Comparison Charts to Shopify (No Apps): Copy And Paste to Boost Conversion Rate & Sales
Переглядів 54721 день тому
In this video, we're showing you how to add a comparison table to your Shopify store. This chart has plenty of formatting features and can dynamically change with your products and collections. By adding a comparison table, you can highlight the features and benefits of your products, which in turn could lead to better conversions. If you liked this video please like and subscribe - it helps us...
Make Your Homepage Mobile & Desktop Optimized in Shopify (Copy & Paste To Improve Conversion Rate)
Переглядів 1,4 тис.28 днів тому
In this video, we're adding device-specific banner images to your Shopify store. This will optimize your site's banners for both desktop and mobile to create a more device native experience, which can lead to better conversions. If you liked this video please like and subscribe - it helps us keep making videos like this :) 📄 Code for this video can be found here: theprompted.co/blogs/tutorials/...
Shopify’s Little Known Upsell Feature Makes You More Sales (No Code & Free Conversion Rate Boost)
Переглядів 561Місяць тому
In this video, we'll look at how to add upsell products to the product page. These upsell products can be quickly added to the cart directly from the primary product page. To do this we are using the complementary products feature of the Shopify Search & Discovery app. If you liked this video please like and subscribe - it helps us keep making videos like this :) 🎥 Add a simple upsell to the ca...
Unlimited Variant Options on Shopify: Ultimate Guide (Copy and Paste)
Переглядів 731Місяць тому
In this video, we're adding more product options to your store that you can customize yourself. With Shopify, you’re limited to 3 product variant options only, and adding more requires you to install apps or hire a developer. You can use this tutorial to add personalization or as a workaround for Shopify's 100 variant limit. If you liked this video please like and subscribe - it helps us keep m...
Increase Your Shopify Conversion Rate with Unique Variant Descriptions
Переглядів 649Місяць тому
Increase Your Shopify Conversion Rate with Unique Variant Descriptions
Have Shopify Show Images For The Selected Variant: Updated Tutorial to Boost Conversion Rate
Переглядів 2,1 тис.Місяць тому
Have Shopify Show Images For The Selected Variant: Updated Tutorial to Boost Conversion Rate
Add Collection Page Swatches & Make More Shopify Sales (Copy & Paste to Increase Conversion Rate)
Переглядів 1,3 тис.Місяць тому
Add Collection Page Swatches & Make More Shopify Sales (Copy & Paste to Increase Conversion Rate)
Ultimate Guide to Customizing Shopify Swatches (Copy & Paste, Boost Conversion Rate)
Переглядів 1,9 тис.2 місяці тому
Ultimate Guide to Customizing Shopify Swatches (Copy & Paste, Boost Conversion Rate)
Unlock Higher Conversion Rates with NEW Shopify Features (Summer ‘24 Editions Update)
Переглядів 1,6 тис.2 місяці тому
Unlock Higher Conversion Rates with NEW Shopify Features (Summer ‘24 Editions Update)
Increase Shopify Sales and Conversion Rates with Simple Cart Upsells - No Apps Needed (2024)
Переглядів 1,2 тис.2 місяці тому
Increase Shopify Sales and Conversion Rates with Simple Cart Upsells - No Apps Needed (2024)
Improve Shopify Conversions with Dawn v15: What’s New & Native Swatch Updates
Переглядів 1,8 тис.2 місяці тому
Improve Shopify Conversions with Dawn v15: What’s New & Native Swatch Updates
Use Collection Page Swatches & Make More Shopify Sales (Copy & Paste to Increase Conversion Rate)
Переглядів 1,2 тис.2 місяці тому
Use Collection Page Swatches & Make More Shopify Sales (Copy & Paste to Increase Conversion Rate)
Fix the Dawn v14 Quick Add Bug to Improve Shopify Conversion Rates
Переглядів 2982 місяці тому
Fix the Dawn v14 Quick Add Bug to Improve Shopify Conversion Rates
Scale Without A Team: Automate Your Store With Shopify Flow App
Переглядів 1,2 тис.2 місяці тому
Scale Without A Team: Automate Your Store With Shopify Flow App
Enhance Shopify Conversion Rates with the New Checkout Editor
Переглядів 2,8 тис.3 місяці тому
Enhance Shopify Conversion Rates with the New Checkout Editor
Easily Solve Shopify's 100 Variant Limit: Ultimate Guide (Copy & Paste to Boost Conversion Rate)
Переглядів 1,2 тис.3 місяці тому
Easily Solve Shopify's 100 Variant Limit: Ultimate Guide (Copy & Paste to Boost Conversion Rate)
Increase Shopify Conversion Rates with Product Variant Swatches
Переглядів 1,7 тис.3 місяці тому
Increase Shopify Conversion Rates with Product Variant Swatches
Shopify blog layout - How to add a sidebar for navigation (FREE Tutorial)
Переглядів 5263 місяці тому
Shopify blog layout - How to add a sidebar for navigation (FREE Tutorial)
Upgrade your Shopify blog layout with blog tag badges (FREE Tutorial)
Переглядів 3343 місяці тому
Upgrade your Shopify blog layout with blog tag badges (FREE Tutorial)
What's new with Dawn v14? (Shopify free themes update)
Переглядів 9124 місяці тому
What's new with Dawn v14? (Shopify free themes update)
Add These Badges To Scale Your Shopify Store: Easy Copy & Paste Guide to Boost Conversion Rate
Переглядів 4 тис.4 місяці тому
Add These Badges To Scale Your Shopify Store: Easy Copy & Paste Guide to Boost Conversion Rate
Add custom icons and badges to your Shopify cart and boost conversion rate (no apps + free)
Переглядів 7374 місяці тому
Add custom icons and badges to your Shopify cart and boost conversion rate (no apps free)
Make Shopify Show Images For The Selected Variant: Copy & Paste to Boost Conversion Rate
Переглядів 4,6 тис.4 місяці тому
Make Shopify Show Images For The Selected Variant: Copy & Paste to Boost Conversion Rate
Reverse Psychology: Increase Conversion Rate By Adding Order Limits on Shopify (Copy & Paste)
Переглядів 2 тис.5 місяців тому
Reverse Psychology: Increase Conversion Rate By Adding Order Limits on Shopify (Copy & Paste)
Boost Shopify Conversion Rates with a Cart Upsell Option (Free & No Apps Required)
Переглядів 1,9 тис.5 місяців тому
Boost Shopify Conversion Rates with a Cart Upsell Option (Free & No Apps Required)
Thanks
Hi sir can you help me, on my edit code is there no variant picker in sections/main-product.liquid can you please help me sir?
Bro! do you know how i can hide the price of my products in my homepage?
Bro! a question, I want to put my products as you have them on your homepage, do you know how I can do it?
@theprompted Could you please do a tutorial on Collection List + Featured Collection with tabs? Thank you!
I restarted a new Dawn theme and still the same results. @The Prompted any suggestions? still saying Liquid error (snippets/sticky-atc-custom line 215): Could not find asset snippets/icon-caret.liquid
There was a change in the newest Dawn version 15.1.0 on how icons are rendered, so some changes are needed to adapt it to the new version. You will need to replace: {% render 'icon-caret' %} With: <span class="svg-wrapper"> {{- 'icon-caret.svg' | inline_asset_content -}} </span>
Thanks for your answer, and I wish you all the best!
You're the real MVP for updating tutorials for different versions! Appreciate all your hard work 🙏
Amazing work. But getting an error: Liquid error (snippets/sticky-atc-custom line 112): Could not find asset snippets/icon-caret.liquid
There was a change in the newest Dawn version 15.1.0 on how icons are rendered, so some changes are needed to adapt it to the new version. You will need to replace: {% render 'icon-caret' %} With: <span class="svg-wrapper"> {{- 'icon-caret.svg' | inline_asset_content -}} </span>
but i just found if you expand the page to full screen there are both edges color didn't change
Hi thanks for the tutorial! I'm getting this on the cart where did I insert something wrong? most of the rest of the cart looks good but this area.... Liquid error (snippets/sticky-atc-custom line 215): Could not find asset snippets/icon-caret.liquid
same. Please let me know if you find a solution. I think we are missing this file which was probably used in an earlier sticky tutorial.
There was a change in the newest Dawn version 15.1.0 on how icons are rendered, so some changes are needed to adapt it to the new version. You will need to replace: {% render 'icon-caret' %} With: <span class="svg-wrapper"> {{- 'icon-caret.svg' | inline_asset_content -}} </span>
Legend!
❤❤❤
Several times in this video you pasted in code. Is that code that shopify has available somewhere or did you write it yourself and add it in. If it is available somewhere, where do I go to get it? Thanks very informative video and easy to follow along.
Code can be found in the link in the description. Thanks for watching!
thank you a bunch, so helpful
I'm hoping you still come back to old videos! This tutorial is AMAZING but I have the same problem as someone else in that all of my swatches are showing up vertically. You said you check the divs and spans but where should I look for those? I'm brand new to Shopify and haven't figured out yet where everything is hidden. Additionally, when I click to change my swatch shape or size, nothing happens. I just have very small ovals no matter what. I am using Dawn 15.0.1 so possibly something is slightly altered with the mini update?
I have pages created and everything works. I am doing this for apparel size. Can this be implemented into the product template itself? meaning if by product has 's' size, it will automatically show the s size metafield page. Instead of manually going in each product and adding the page.
I just implemented it. Unfortunately if I change the items within the cart the remaining number until free shipping is displayed as 'You're only €{{amount_with_comma_separator}} away from FREE SHIPPING'. How can I fix this bug? where is the mistake?
Perfect! Thank you We Need Same Video White slide Show images
Im also getting a ton of error when I try to save the "variant-swatch-mapping" file: Value is invalid JSON: unexpected token at ' { "variant_name": "Material", "variant_value": "Cotton", "variant_swatch": "cotton.jpg" }, { "variant_name": "Material", "variant_value": "Polyester", "variant_swatch": "polyester.jpg" }, { "variant_name": "Color", "variant_value": "Blue", "variant_swatch": "bluerose.jpg" }, { "variant_name": "Color", "variant_value": "Green", "variant_swatch": "greenimage.jpg" }, { "variant_name": "Color", "variant_value": "Black", "variant_swatch": "", "variant_hex": "#000000" }, { "variant_name": "Color", "variant_value": "Red", "variant_swatch": "", "variant_hex": "#FF0000" } ]'. And then when I save it like this its accepted: [{"variant_name":"Material","variant_value":"Cotton","variant_swatch":"cotton.jpg"},{"variant_name":"Material","variant_value":"Polyester","variant_swatch":"polyester.jpg"},{"variant_name":"Color","variant_value":"Blue","variant_swatch":"bluerose.jpg"},{"variant_name":"Color","variant_value":"Green","variant_swatch":"greenimage.jpg"},{"variant_name":"Color","variant_value":"Black","variant_swatch":"","variant_hex":"#000000"},{"variant_name":"Color","variant_value":"Red","variant_swatch":"","variant_hex":"#FF0000"}] Super strange
Wow ! Thank you ! What is the recommended size, either for desktop and mobile version video to look "nice" ? Thanks in advance !
A good place to start would be 2048x1024px on desktop and 1024x1024px on mobile.
@@theprompted youre the best !
Looking forward to using this 👍
How to autoplay product video on product page where we add our product and also support for iphone
I want know how to fix the below issue For example : When the customer is on the T-shirt screen And when customer chooses Colour Black I want the online store to show options which are available Say Small, Large and XLarge. I don't want the store to show Medium option which comes as striked off. How do I achieve this please
Perfect! Thank you !!!
is it slowing down the site much.?
and of course thanks for all these great tutorials
It shouldn't have any noticeable effect on site load speed. But if you're using a really large video file, then you might notice it.
hai i wanted the increment to be in 0.5 and the price has to multiply with this. I have changed the integer part to decimal and it is incremented by 0.5 but price is not multiplied and add to cart is not storing this , Kindly help
Shopify isn't built to handle fractional quantities. So you would have to use workarounds (ex: set each unit 1 quantity to represent the fractional unit, or use variants to represent quantity).
Gained a new subscriber from this gem, could you create one for the Dawn theme v14, i don’t really like v15, it’s pretty limited in my opinion, if you could create a tutorial for Dawn v14 on adding a sticky atc button, i’d appreciate that dearly, Thank you!
What do you find limiting for v15? Shopify has added more features to it, including imo a really important one that supports 2000 product variants (when the feature is rolled out on the backend admin)
I found your video because I need to create a "design" variant for multiple products (i.e. there are several designs for the same t-shirt, etc.). I only need the "design" option to show up on the product listing. I'm following the steps in the video but when I get to the part to add the JSON entries that reference the uploaded images, I'm assuming that I will need to alter the code you provided to list the name of each design option that I will have for the product. Is this correct?
Yes that’s correct. You have to adapt the JSON for your own store to match the variant option and value names, and source image filenames
Everything shows up except the actual swatches when i turn them on as u showed in the video do you have any idea what my error may be
Difficult to diagnose with this information, but the most common reason is that there's an error in the installation process. What I would suggest is to install a fresh new version of your theme (ex: Dawn) as a test area and try again from the beginning. If you get a different result, then it indicates that there was an issue with the installation process. If you get the same result, it could potentially point to a more complex issue.
@@theprompted could it be that my store refers to the colours as 'color' with a lowercase c rather than uppercase? Assuming your code referenced colour with a capital
Hello! I have filled the form for a free action plan about 3 weeks ago but haven't heard of you. I'm planning to hire you guys to make some changes to my site. Cheers!
Thanks for reaching out! We received your submission and appreciate your patience. Because of limited capacity, your site is currently in our queue. If you’d like to get bumped up, you can order a diagnostic review here: theprompted.co/products/diagnostic-review. For the specific changes you’re looking to hire us for, feel free to share the details here: theprompted.co/pages/contact.
Excellent content! But I have a question, the swatches are showing as sold out just because the first size variable is gone, how do I disable the option to show as sold out?
There is a limit of 3 text inputs, is it possible to remove that
Yes in the main-product.liquid schema settings for the text input that was added in, you can update the limit value from 3 to a greater number (ex: 10).
Where do I get copy this code from?
Link is in the description
How can I fix the issue of these size chart pages showing up in search, or can I change the size chart field definition type from page to file and then upload the size images from the product editor instead of having to create a new page for the size chart? Would that fix the issue? Thanks for your answers!
If you want to hide the pages from search you can update the page’s seo.hidden metafield. Here’s how: ua-cam.com/video/9_zhVN4UX98/v-deo.html
Hey everything works but the swatches dont shop up when i select circle on the custom swatch could u please assist me
Are you using a compatible theme? This tutorial was designed for v15 of the free Shopify themes. If you are, then the most common reason is missing a step in the installation process. I suggest installing a fresh new version of your theme (ex: Dawn) as a test theme and trying again from the beginning. If you get a different outcome, then it’s likely an installation issue. If you get the same result, it could be a more complex problem.
Cant wait to get similar feature but for collection pages where you can hide entire collections, request access through password etc. So they sign up and get a password in order to access the locked / hidden collection page. Hope we see that video soon :]]]
I dont have the Variant Image Grouping on the right of the page… i have the Sense Theme in later version of 15.0.0 im confused need help
Did you follow the prerequisite video first? Those instructions will add the settings in: ua-cam.com/video/1ZN3wGVlPuQ/v-deo.html
It says invalid JSON in tag schema for the main product liquid code could u help me out
Did you miss a comma by any chance?
@@theprompted I've just double checked and I have wow thanks 😅
Dang This guy is my Kami
hi my friend Why is it not working when I do it your way
It could be any number of reasons, but you may want to check to see if it's a compatible theme (ex: free Shopify themes like Dawn, Refresh, Sense, etc). If you are using one, then please double check your installation process.
@@theprompted hi friend, my theme is Dawn . He doesn't hover when the code is done your way
Hey, thanks for sharing. However, it is not showing on my flex V5 theme. Can you please give me some advice? Thanks.
This customization was designed for the free Shopify themes (ex: Dawn, Sense, Refresh, etc), and we haven't tested it on Flex. It's possible that it would need some further customization to adapt it to work with your theme.
sir in my case i am unable to find (selected variant image grouping) feature, i think its not available in store. i am using down theme 15.1.0, please help me in this
Did you follow the prerequisite video first? Those instructions will add the settings in: ua-cam.com/video/1ZN3wGVlPuQ/v-deo.html
👍🏻
is this for any theme? I tried it and it showed the options but now leaves a really long code across the header section. How can I fix that?
This customization was designed for the free Shopify themes like Dawn, Sense, Refresh, and so on. But if you are on a compatible theme and you're seeing code on the actual site, then it's likely a syntax issue, meaning you might have missed something when adding the code in, such that it's thinking the code is text to output instead of code to be interpreted. Please double check the installation to make sure something wasn't missed.
Awesome content. Does it also work for other variants e.g. Wood? -> So that I show the different types of wood in the variants? And is there a way to show the variant image and the name of the variant below?
Yes, it works for any variant type. You just have to define your variants and swatches in the variant-swatch-mapping metaobject entry. FYI, there's also an updated version of this customization for v15 of Dawn and the other free Shopify themes: ua-cam.com/video/JIn4Ac5LLjg/v-deo.html
Hi,Firstly thanks for your videos.Can we apply all of this and other improvements to other themes such as Be Yours?Thanks..
Our customizations were designed and tested on the free Shopify themes, like Dawn, Refresh, Sense, and others. If it's a third party theme like Be Yours, then the customizations may or may not work - you would have to test them out to see if it works for you.
Can you do a video on how to have arrows that customers can click thru to see each picture of the product on dawn theme 15?
Thanks Sir.
Next video suggestion: A customizable estimated delivery timer featuring icons for order placed, shipped, and delivered.
Awesome idea. Im using an app for this one right now with one limitation: im not shipping on saturdays, but packages are delivered via carrier on saturdays aswell. And the app developers think I'm the only use case that works like that 😭
@@Johnny4200 same, i hate using apps for simple feature like this.