How To Make WooCommerce Checkout Like Shopify - Conversion Optimized, Oh And [ FREE ]
HTML-код
- Опубликовано: 26 май 2020
- In this WooCommerce tutorial, I'll show you how to take your boring and poorly converting WooCommerce checkout page and make it conversion-optimized just like Shopify.
As I shared in the video, I have a full WooCommerce tutorial on the way, the link will be added below in a day or two.
Also, make sure to check out the free Kadence Theme www.wpcrafter.com/kadence
EXCLUSIVE WORDPRESS DEALS 2023
🟡 SureCart -- www.wpcrafter.com/surecart (SAVE 50% Auto Applied)
🟡 SureMembers -- www.wpcrafter.com/suremembers (SAVE 50% Auto Applied)
🟡 Presto Player -- www.wpcrafter.com/prestoplayer (SAVE 33% Auto Applied)
🟡 Astra Theme -- www.wpcrafter.com/astra (SAVE 10% Coupon WPCRAFTER)
🟡 CartFlows -- www.wpcrafter.com/cartflows (SAVE 40% Auto Applied)
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 BuddyBoss -- www.wpcrafter.com/buddyboss (SAVE 10%)
* Want to offer a discount to WPCrafter subscribers, contact me on my website
BEST WORDPRESS PAGE BUILDERS
🟡 Spectra -- www.wpcrafter.com/spectra
🟡 Elementor -- www.wpcrafter.com/elementor
🟡 Beaver Builder -- www.wpcrafter.com/beaverbuilder
🟡 Divi -- www.wpcrafter.com/divi (SAVE 20%)
BEST WORDPRESS HOSTING
🟡 Full List -- www.wpcrafter.com/hosting
🟡 Cloudways -- www.wpcrafter.com/cloudways (SAVE 20% Coupon WPCRAFTER)
🟡 Hostinger -- www.wpcrafter.com/hostinger (SAVE 75%)
🟡 NameHero -- www.wpcrafter.com/namehero (SAVE 70%)
🟡 SiteGround -- www.wpcrafter.com/siteground (SAVE 70%)
CONTACT WPCRAFTER
☑ Website -- www.wpcrafter.com
☑ Facebook Group -- / wpcrafter
☑ Twitter -- / wpcrafter
☑ Twitter -- / adampreiser
All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link. 
Хобби
I love it when you've been working on trying to get a page looking better all morning and give up and watch youtube... then a video like this solves all the morning problems in minutes. - thanks for your efforts!!!
Same here ! When i discover this video I was so happy T_T
But why does that plugin have such bad reviews? That makes me very nervous to try, as wonderful as it looks.
@@galenkauffman4811 For me, the preview of the blocks change didn't load and after reading some 1 star reviews I deactivated it, risk was too high for me to crash my site
literally the same happened to me
THANK YOU SO MUCH FOR THIS TUTORIAL! I was stuck on these two for days and this simplified the process and made my store so much more aesthetically pleasing. you're awesome!
This is the kind of video I am grateful for!
Thank you so much, easy, clear and to the point. You deserve way more subscribers ;)
Thank you so much, i always find your videos straightforward concise and to the point, i love your videos, this one is exactly what i was looking for without knowing what it was i was looking for... thank you
Oh man!! I was eagerly waiting for someone to make video about this. Thanks a ton 🙏
Brilliant. Can't believe how easy it was to completely change my check out pages.
Love you man! Thanks for sharing knowlegde for us to improve our websites. Your tutorials are so easy to follow and that is a big WIN for everyone. Thanks again!
Thank for this tutorial
Come in perfect time for me because am designing ecommerce.
Can't wait for the upcoming video.
watched for the 2nd time and implemented my checkout and cart pages! THANK YOU Adam!!!
THANK YYOUU I was just looking for this without spending tons of buck
Good job buds! So clear helpful and to the point.
I've spent countless times and energy just to do this without any useless bloated plugin. Thanks a ton mate !
can you help what you did exactly Sameer
Big thank you! Got the Kadence PRO from your link 2 weeks ago. I didn't know I could change the cart
Amazing video! Helped so much. I love my new checkout. Thank you!
Hey! thank you very much for the video!! this is really really helpful!
Thanks for sharing it!
How cute is this checkout?! I've honestly been procrastinating about building an ecommerce site because I was overwhelmed by the prospect of juggling Astra, Elementor, Gutenberg, Cartflows, and starter sites. There is some overlap and figuring out what to use where is daunting. I'm greatly encouraged by the direction you're going in with tutorials, so thank you!
Finally...someone who knows how to explain and has all the steps clear
Thanks a lot! This is so simple and much needed.
Amazing! Thank you. Exactly what we need🙏
Waiting for this site tutorial 😊😊.
Thank you!
Thank you for sharing this video!
I've been having problems with my woocommerce checkout page because like you said it's ugly. this has been going on for a week with me trying to find a solution. I watched a previous video that popped up and loved it so I checked into you channel and saw this. this was fantastic thank you so much brother. Looking forward to learning. New sub here!
Awesome! And luv the 80s soundtrack in the intro/background 🙌🏻❤️💪🏻⚡️💻🌎👏🏻
Thank you so much sir . I love it. You are the one of my best teacher. Love you.
Oh man, what an introduction. I am saying it is the art of vloging. Thanks a lot. You made me a pro from negative.
You are awesome Adam! looking forward to watching the woocommerce tutorial. I hope I can afford with Kadence membership it is a great theme and woo packages I like the demos:)
You sir are talented. Bless you.
We need more of this video, thank you!
Hey thanks, was really straight forward and to the point. I use elementor but hadn't made any changes to my woocommerce checkout or cart pages so the block editor worked fine and now they look much more modern!
Which theme? Hello? The blocks won't appear in my website.
defiantly gonna try. Thanks a ton!
can't wait to see the next video with the whole shop creation!
Thank you for sharing this! Is your new woocomerce tutorial available for us to view? I'm really looking forward to it! lmk.
Very cool definitely trying this thanks for sharing
You are literally the best! Thank you
Wowwww this looks sooo good!!! Thank you for this!
Hope you enjoy
Ooh... it is what i am looking for, thanks WPCrafter you are great!
Thats Awesome!!
Thank you for this video!
Thank you so much. It works
Thaaaaank you!!! So helpful!!!
Thank you for this!
This is amazing thank you!!
Thank you for sharing. this is very useful
Woo Commerce really is the best option economically, but you are right the checkout and cart really needed an updated look and thanks to your video my shopping cart looks just as awesome as a Shopify cart! Thank you!!
thanks for your efforts!
Thank you, Adam!
Was the full tutorial ever created Adam? Sorry just really in need at this point to watch it :) Thank you for everything you do!
This is really awesome!
Wow, The Video Is Great Adam.
Your videos have taken me out of darkness and see the light while learning how to design websites. Thank You very much. I would like to know for an e-commerce in Costa Rica do you still recommend to use Stripe?.
Its an online supermarket and since I am learning I am wondering if I should choose to go for something else rather than Stripe but it looks like this is the most usefull company. Can you please enlighten me in the subject a bit more?. Thank You for your videos, BTW!
Awesome bro keep informing us
Thank you so much!!!!! Subscribed
Hi Adam, Thanks for all your helpfull content.
Is there a way to change the language of the checkout page?
Great video 💙
Thank you, Man! You just saved me!!
First of all, thank you for your continues effort for taking the time to always bring something useful, educational and fun to watch. Mind if I ask you a question?, according to the Plugin it supposed to support the Norwegian language but when I install it on my WP/WC Website which is Norwegian, the plugin titles like "Contact Information" , "Shipping Address" etc remains in English, or could I have missed an option or a setting to change the field title texts or something like that? Thank you once more.
Thank you!!!! Great information! Can I do it in Classic Editor?
Great video Adam 👍🏻
Muito bom. Muito obrigado. Bela aula. Tanks for help!
Very useful as always. That woocommerce checkout process really needs an update.
awesome for real! :) Thanks!
I did get this to work with Beaver Builder. I just converted the block to htlm and paste it in a HTML modle with Beaver Builder. This is amazing.
Thank you for your video. It helps me a lot. Can i know how to create a side cart as you mentioned?
That was amazing please tell me if we can customize registration and login page.
thank you so much your videos are toooop
Thanks for this one, I've actually dumped Elementor Pro and am finally embracing Gutenberg with good results. Did you ever post the link to the full Woocommerce tutorial you mentioned. I've looked all over your channel and cannot seem to find it. Your guidance is alway amazingly helpful especially with my first eComm site.
Just what i needed!
What all of us have needed for a very long time.
Great video thank you for the information. One question though, how do we add a create username and password option on checkout using WC blocks?
I really like your videos and you talk like Cam from Modern Family and I really like Cam character so I really enjoy when I watch your videos! Greetings from Turkey :)
I start to realize you are amazing
Thanks so much, that is so simple and it looks so much better! Do you know of a way to get the courier plug-in to work with this?
Your way is very easy than others
Adam "the WP gems finder " ! Thanks for explaining so well
Thank you Adam, it's really nice. Any tips with the language? I have a website in Italian and with this method, by default the checkout page is almost all in English with some Italian. I counldn't find where to change it...
Hi, how do we go about including other payment options in here, such as Afterpay and Humm?
Thank you Adam you rock as always with your videos, how do you change the color of the place order button color - this is only black -
Hi Adam! Absolutely love your content, please recommend me a product search plugin!
Awsome I had to stop divi then use it to make it it's pretty 😊 .Thx
But does divi builder have the cart or I need elementir for it
This is awesome thank you! I looks so much better!
Thank you
constantly provide me value in your videos, Im going to try to do the same in mine
Hello. Looks nice!
Great video Adam ! please can you do a more deep tutorial about it and about Kadence premium and free version theme & woocommerce
Hi Adam, thank you for the nice tutorial. I have a question: what is better, to have elementor pro + a free theme OR a theme pro + elementor free?
Thank you!! grat video does this work with Elementor?
Thanks for the tutorial. But when I activate the woocommerce block plugin, the blocks don't show in the block builder. It even hide woocommerce block it self.
Any suggestions to fix it?
Thank you very much
god bless you
Very cool. How's the Cartflows integration coming along?
great video
Awesome. Thanks
Enjoy!
Hey Adam. Great information as usual but I think Cartflows should provide this option as well for Elementor and other page builders. What do you think? Gutenberg is not yet at the point for me to replace Elementor with it.
Thanks Adam, finally woo commerce is getting closer to Shopify UX. Do you recommend any Checkout Address Suggestions plugins? I believe nowadays this is a must feature to reduce friction on checkout page.
Great video! The blocks resulted in a fantastic looking CART and CHECKOUT page. But sadly this plugin does not work with most payment gateways. After getting everything looking great, we realized payments just don't work on our Square API or even our previous Paypal Pro API. Hopefully they will come out with software soon, as the ease and look are really fantastic. Thanks again for the video!
Adam, great video! I have Stripe enabled as well, but the credit card images don't show up on my checkout or cart pages. Do you have any idea why this is?
Cannot wait for your Kaydence woocomerce tutorial
good explanation , is there a good plugin that you can recommend that works with this , that will translate the checkout to other languges?
Hey Adam I love this but the font is way too small. I tried adding custom CSS to make the font bigger but for some reason it only affected the prices. Any ideas?
🙋♂️Does it have multistep checkout feature? Or does it support that plugin?
Great content btw❣️
You are AMAZING
Thank you.
what payment plugins do you have on this video? I like how yours looks. it looks real good.
This looks much better! Sadly doesn't show the woocommerce product add-ons information from the order currently so hopefully this will get fixed soon so I can use it! :)