How To Make WooCommerce Checkout Like Shopify - Conversion Optimized, Oh And [ FREE ]

Рет қаралды 162,411

WPCrafter.com WordPress For Non-Techies

4 жыл бұрын

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.

Пікірлер: 544

@ecobob101 4 жыл бұрын

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!!!

@monmon3681k 3 жыл бұрын

Same here ! When i discover this video I was so happy T_T

@galenkauffman4811 2 жыл бұрын

But why does that plugin have such bad reviews? That makes me very nervous to try, as wonderful as it looks.

@AussenseiterKEKS 2 жыл бұрын

@@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

@michaelvaughan2888 Жыл бұрын

literally the same happened to me

@LunaaVision 2 жыл бұрын

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!

@stefanpfadt4353 2 жыл бұрын

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 ;)

@simonnotley 3 жыл бұрын

Brilliant. Can't believe how easy it was to completely change my check out pages.

@samirpadhan8151 4 жыл бұрын

I've spent countless times and energy just to do this without any useless bloated plugin. Thanks a ton mate !

@anuragagarwal161 2 жыл бұрын

can you help what you did exactly Sameer

@inderdeepsingh502 4 жыл бұрын

Oh man!! I was eagerly waiting for someone to make video about this. Thanks a ton 🙏

@alystdesign 4 жыл бұрын

THANK YYOUU I was just looking for this without spending tons of buck

@kwamenkrumah2224 4 жыл бұрын

Thank for this tutorial Come in perfect time for me because am designing ecommerce. Can't wait for the upcoming video.

@simonmuddimer 3 жыл бұрын

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

@bethw7 4 жыл бұрын

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!

@dirtylaur5 3 жыл бұрын

Finally...someone who knows how to explain and has all the steps clear

@miketaiwanwalkcity6355 3 жыл бұрын

watched for the 2nd time and implemented my checkout and cart pages! THANK YOU Adam!!!

@HernanBensasson 2 жыл бұрын

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!

@miketaiwanwalkcity6355 3 жыл бұрын

Big thank you! Got the Kadence PRO from your link 2 weeks ago. I didn't know I could change the cart

@RWallyb 4 жыл бұрын

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!

@HabReport 4 жыл бұрын

Which theme? Hello? The blocks won't appear in my website.

@zijingjin8486 4 жыл бұрын

Good job buds! So clear helpful and to the point.

@Cheng32290 4 жыл бұрын

Hey! thank you very much for the video!! this is really really helpful! Thanks for sharing it!

@Ta3allamOnline 2 жыл бұрын

awesome for real! :) Thanks!

@itsjosephwells 2 жыл бұрын

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!

@parvezhasan5047 4 жыл бұрын

Waiting for this site tutorial 😊😊. Thank you!

@bySterling 4 жыл бұрын

Awesome! And luv the 80s soundtrack in the intro/background 🙌🏻❤️💪🏻⚡️💻🌎👏🏻

@virsavp 3 жыл бұрын

Oh man, what an introduction. I am saying it is the art of vloging. Thanks a lot. You made me a pro from negative.

@shubhsheth 4 жыл бұрын

Thanks a lot! This is so simple and much needed.

@iamlocs 3 жыл бұрын

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!!

@pellekarlsson152 4 жыл бұрын

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:)

@arlandonregero2762 4 жыл бұрын

Thank you for sharing this video!

@redsquareflowersdowntownma7176 2 жыл бұрын

Amazing! Thank you. Exactly what we need🙏

@nightcity_cyberpunk Жыл бұрын

Amazing video! Helped so much. I love my new checkout. Thank you!

@PifWorks 4 жыл бұрын

can't wait to see the next video with the whole shop creation!

@theAsyncGuy 3 жыл бұрын

Thank you so much. It works

@HariRamOfficial 4 жыл бұрын

Thank you so much sir . I love it. You are the one of my best teacher. Love you.

@isntlifebetter 4 жыл бұрын

Wowwww this looks sooo good!!! Thank you for this!

@WPCrafter 4 жыл бұрын

Hope you enjoy

@DoodlingWebDesigns 3 жыл бұрын

We need more of this video, thank you!

@arefinniloy 4 жыл бұрын

defiantly gonna try. Thanks a ton!

@jennilly 3 жыл бұрын

Thaaaaank you!!! So helpful!!!

@creativework69std 3 жыл бұрын

Ooh... it is what i am looking for, thanks WPCrafter you are great!

@WPCrafter 3 жыл бұрын

Thats Awesome!!

@ink50 4 жыл бұрын

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.

@MehdiGuizani 4 жыл бұрын

Awesome bro keep informing us

@yaboiiprettyeyez 4 жыл бұрын

Thank you for sharing this! Is your new woocomerce tutorial available for us to view? I'm really looking forward to it! lmk.

@alterationsnyctailors4819 4 жыл бұрын

Thank you for this!

@oZenakos 4 жыл бұрын

Very cool definitely trying this thanks for sharing

@dusanmisjak7936 Жыл бұрын

Great video 💙

@Paul2079 3 жыл бұрын

This is amazing thank you!!

@joannad8945 3 жыл бұрын

Thank you for this video!

@CarletonM 3 жыл бұрын

You are literally the best! Thank you

@ThankYouPageMagic 4 жыл бұрын

Thank you so much!!!!! Subscribed

@ama8437 4 жыл бұрын

Wow, The Video Is Great Adam.

@iosifcalin1906 4 жыл бұрын

Thank you, Adam!

@peroronchinosama2952 4 жыл бұрын

This is really awesome!

@haziqasyraflaw 4 жыл бұрын

Thank you for sharing. this is very useful

@certtechwebsolutions 3 жыл бұрын

Was the full tutorial ever created Adam? Sorry just really in need at this point to watch it :) Thank you for everything you do!

@tiktokbuzzsa1813 3 жыл бұрын

thank you so much your videos are toooop

@dongamshengu1311 Жыл бұрын

You sir are talented. Bless you.

@AmandaLucaseu 4 жыл бұрын

Great video Adam 👍🏻

@mohamedf9835 3 жыл бұрын

thanks for your efforts!

@crcc23 4 жыл бұрын

Very useful as always. That woocommerce checkout process really needs an update.

@Mironjansen 4 жыл бұрын

Just what i needed!

@WPCrafter 4 жыл бұрын

What all of us have needed for a very long time.

@jaypatel9316 3 жыл бұрын

Thank you, Man! You just saved me!!

@nahasco 4 жыл бұрын

You are AMAZING

@WPCrafter 4 жыл бұрын

Thank you.

@THEMARTIALMAN 3 жыл бұрын

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?

@ShakirAli12345 4 жыл бұрын

great video

@sebastiannejfeld5437 4 жыл бұрын

Awesome. Thanks

@WPCrafter 4 жыл бұрын

Enjoy!

@buildingAbiz 4 жыл бұрын

This is awesome thank you! I looks so much better!

@renatoglobol 4 жыл бұрын

Muito bom. Muito obrigado. Bela aula. Tanks for help!

@angelrosiles 3 жыл бұрын

MY MAN 💥💥💥👏🏻👏🏻👏🏻👏🏻👏🏻

@KroMeMWGz 4 жыл бұрын

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! :)

@morizanova8219 4 жыл бұрын

Adam "the WP gems finder " ! Thanks for explaining so well

@Jowys 4 жыл бұрын

constantly provide me value in your videos, Im going to try to do the same in mine

@yangqiang3923 Жыл бұрын

Your way is very easy than others

@coupon-code 2 жыл бұрын

Great !

@soulandbeyond 3 жыл бұрын

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 :)

@PeterTruter-el 4 жыл бұрын

Cannot wait for your Kaydence woocomerce tutorial

@ronnylin2002 4 жыл бұрын

I start to realize you are amazing

@Mickeyjuice 4 жыл бұрын

Great video mate and awesome plugin. Looks like they've only implemented a limited number of payment gateways so far (I was trying to get Cash on Delivery working), so hopefully they add a few more soon. From the dev: "As noted in our release post. We wanted to get this preview out to gather feedback from stores and merchants that would help us prioritize what we add next to the blocks (and to give third party developers to time to start adding support for their payment methods before we look at merging this to WooCommerce core)."

@Norlii-box Жыл бұрын

did they implement more gateways by now?

@owenbigo 3 жыл бұрын

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!

@soulfulambitions 4 ай бұрын

Thank you

@IlyaAntonovambient 3 жыл бұрын

Hello. Looks nice!

@PaseandoDto 3 жыл бұрын

Thank u Varys

@pellekarlsson152 3 жыл бұрын

Great video Adam ! please can you do a more deep tutorial about it and about Kadence premium and free version theme & woocommerce

@stephenm3874 3 жыл бұрын

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.

@samrogue-dd6wj 4 жыл бұрын

Dude you are 100% the Varys of my Game of Wordpress.

@WPCrafter 4 жыл бұрын

You know it!

@lualfaro1992 4 жыл бұрын

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!

@dropbasket1063 4 жыл бұрын

Thank you very much god bless you

@stivenson200 4 жыл бұрын

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.

@mikebb0653 2 жыл бұрын

Thank you for your video. It helps me a lot. Can i know how to create a side cart as you mentioned?

@ShubhamGupta14 4 жыл бұрын

Hi Adam! Absolutely love your content, please recommend me a product search plugin!

@H10933X 4 жыл бұрын

Lovely

@TheTechnoBoyTobi 4 жыл бұрын

If i wasn't busy enough tinkering with my site besides my 9-5 job! :D WOW!!!! Subscribes as SOoN as i found you. Life saver, even tho i haven't implemented your stuff yet :D

@ErikRave 4 жыл бұрын

Hi Adam, Thanks for all your helpfull content. Is there a way to change the language of the checkout page?

@thehappyavenger8070 3 жыл бұрын

Hi, how do we go about including other payment options in here, such as Afterpay and Humm?

@vnlgaming16 4 жыл бұрын

Is amazing... 🤩🤗😘

@WPCrafter 4 жыл бұрын

Yep it truly is.

@acheampongaddophilip9455 4 жыл бұрын

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?

@AljaleyaTV 4 жыл бұрын

Amazing very good feature

@WPCrafter 4 жыл бұрын

Yes much needed.

@AljaleyaTV 4 жыл бұрын

WPCrafter.com WordPress For Non-Techies Yes, spicily the performance, i don’t know if you noted that every time i install woo in any website i feel the backend slowing down not sure if this is something everyone got.

@iamalifawad 4 жыл бұрын

That was amazing please tell me if we can customize registration and login page.

@edoardododoguzzi 4 жыл бұрын

Awesome! And we can use woocommerce block with elementor blocks for insert new element!!! Woooow!!

@omymma 4 жыл бұрын

Very Awesome!. Please, try to do the e-commerce website on the "Astra theme" it is a very good theme. when we can expect an e-commerce demo?

@MercadeoDigitalco 4 жыл бұрын

thanks adam

@vladlipovsky2915 3 жыл бұрын

Thank you!!!! Great information! Can I do it in Classic Editor?

@elizabethwaters9832 3 жыл бұрын

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?

@musedev8124 4 жыл бұрын

what's that sweet multi-short button masher you got to your left ( my screen right ) ? :)You are a beast Adam, thanks for ALL the tutorials and love! You are amazing! thanks to you, Darrel Wilson, Ferdy Korp and Wp Tuts I am a web designer and Wordpress pro. Countless Hours and years of youtube e learning, paying off. Thanks man, I can't ever thank you and the AMAAZING Wordpress community enough.