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

Sdílet
Vložit
  • čas přidán 26. 05. 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.
  • Jak na to + styl

Komentáře • 544

  • @ecobob101
    @ecobob101 Před 4 lety +81

    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
      @monmon3681k Před 3 lety

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

    • @galenkauffman4811
      @galenkauffman4811 Před 2 lety +1

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

    • @AussenseiterKEKS
      @AussenseiterKEKS Před 2 lety

      @@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
      @michaelvaughan2888 Před rokem

      literally the same happened to me

  • @LunaaVision
    @LunaaVision Před rokem +1

    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!

  • @simonnotley
    @simonnotley Před 3 lety +4

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

  • @samirpadhan8151
    @samirpadhan8151 Před 4 lety +5

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

  • @alystdesign
    @alystdesign Před 4 lety +11

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

  • @stefanpfadt4353
    @stefanpfadt4353 Před 2 lety +1

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

  • @kwamenkrumah2224
    @kwamenkrumah2224 Před 4 lety +2

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

  • @inderdeepsingh502
    @inderdeepsingh502 Před 4 lety

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

  • @miketaiwanwalkcity6355
    @miketaiwanwalkcity6355 Před 3 lety +1

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

  • @dirtylaur5
    @dirtylaur5 Před 3 lety

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

  • @simonmuddimer
    @simonmuddimer Před 3 lety

    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

  • @Ta3allamOnline
    @Ta3allamOnline Před 2 lety

    awesome for real! :) Thanks!

  • @bethw7
    @bethw7 Před 4 lety +1

    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!

  • @miketaiwanwalkcity6355

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

  • @virsavp
    @virsavp Před 3 lety

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

  • @HernanBensasson
    @HernanBensasson Před 2 lety

    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!

  • @PifWorks
    @PifWorks Před 4 lety

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

  • @Cheng32290
    @Cheng32290 Před 4 lety

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

  • @parvezhasan5047
    @parvezhasan5047 Před 4 lety

    Waiting for this site tutorial 😊😊.
    Thank you!

  • @zijingjin8486
    @zijingjin8486 Před 4 lety

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

  • @itsjosephwells
    @itsjosephwells Před 2 lety

    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!

  • @DoodlingWebDesigns
    @DoodlingWebDesigns Před 3 lety

    We need more of this video, thank you!

  • @bySterling
    @bySterling Před 4 lety

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

  • @arlandonregero2762
    @arlandonregero2762 Před 4 lety

    Thank you for sharing this video!

  • @iamlocs
    @iamlocs Před 3 lety

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

  • @shubhsheth
    @shubhsheth Před 3 lety

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

  • @redsquareflowersdowntownma7176

    Amazing! Thank you. Exactly what we need🙏

  • @nightcity_cyberpunk
    @nightcity_cyberpunk Před rokem

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

  • @CarletonM
    @CarletonM Před 3 lety

    You are literally the best! Thank you

  • @RWallyb
    @RWallyb Před 4 lety

    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
      @HabReport Před 4 lety

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

  • @isntlifebetter
    @isntlifebetter Před 4 lety +1

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

  • @arefinniloy
    @arefinniloy Před 4 lety

    defiantly gonna try. Thanks a ton!

  • @pellekarlsson152
    @pellekarlsson152 Před 4 lety

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

  • @oZenakos
    @oZenakos Před 4 lety

    Very cool definitely trying this thanks for sharing

  • @jennilly
    @jennilly Před 3 lety

    Thaaaaank you!!! So helpful!!!

  • @HariRamOfficial
    @HariRamOfficial Před 4 lety

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

  • @creativework69std
    @creativework69std Před 3 lety

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

  • @dongamshengu1311
    @dongamshengu1311 Před rokem

    You sir are talented. Bless you.

  • @theAsyncGuy
    @theAsyncGuy Před 3 lety

    Thank you so much. It works

  • @MehdiGuizani
    @MehdiGuizani Před 4 lety

    Awesome bro keep informing us

  • @ama8437
    @ama8437 Před 4 lety

    Wow, The Video Is Great Adam.

  • @ink50
    @ink50 Před 4 lety

    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.

  • @joannad8945
    @joannad8945 Před 3 lety

    Thank you for this video!

  • @alterationsnyctailors4819

    Thank you for this!

  • @dusanmisjak7936
    @dusanmisjak7936 Před rokem

    Great video 💙

  • @Paul2079
    @Paul2079 Před 3 lety

    This is amazing thank you!!

  • @yaboiiprettyeyez
    @yaboiiprettyeyez Před 3 lety +2

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

  • @ThankYouPageMagic
    @ThankYouPageMagic Před 4 lety

    Thank you so much!!!!! Subscribed

  • @iosifcalin1906
    @iosifcalin1906 Před 3 lety

    Thank you, Adam!

  • @haziqasyraflaw
    @haziqasyraflaw Před 4 lety

    Thank you for sharing. this is very useful

  • @peroronchinosama2952
    @peroronchinosama2952 Před 4 lety

    This is really awesome!

  • @crcc23
    @crcc23 Před 4 lety

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

  • @morizanova8219
    @morizanova8219 Před 4 lety

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

  • @mohamedf9835
    @mohamedf9835 Před 3 lety

    thanks for your efforts!

  • @AmandaLucaseu
    @AmandaLucaseu Před 4 lety

    Great video Adam 👍🏻

  • @certtechwebsolutions
    @certtechwebsolutions Před 3 lety +1

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

  • @jaypatel9316
    @jaypatel9316 Před 3 lety

    Thank you, Man! You just saved me!!

  • @ronnylin2002
    @ronnylin2002 Před 4 lety

    I start to realize you are amazing

  • @angelrosiles
    @angelrosiles Před 2 lety

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

  • @Mironjansen
    @Mironjansen Před 4 lety +1

    Just what i needed!

    • @WPCrafter
      @WPCrafter  Před 4 lety +1

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

  • @THEMARTIALMAN
    @THEMARTIALMAN Před 2 lety +1

    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?

  • @renatoglobol
    @renatoglobol Před 4 lety

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

  • @soulandbeyond
    @soulandbeyond Před 3 lety

    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
    @PeterTruter-el Před 4 lety +2

    Cannot wait for your Kaydence woocomerce tutorial

  • @yangqiang3923
    @yangqiang3923 Před rokem

    Your way is very easy than others

  • @tiktokbuzzsa1813
    @tiktokbuzzsa1813 Před 3 lety

    thank you so much your videos are toooop

  • @ShakirAli12345
    @ShakirAli12345 Před 3 lety +1

    great video

  • @ErikRave
    @ErikRave Před 4 lety +1

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

  • @nahasco
    @nahasco Před 4 lety +1

    You are AMAZING

  • @vladlipovsky2915
    @vladlipovsky2915 Před 3 lety

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

  • @stivenson200
    @stivenson200 Před 4 lety +3

    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.

  • @lualfaro1992
    @lualfaro1992 Před 4 lety +3

    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!

  • @buildingAbiz
    @buildingAbiz Před 4 lety

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

  • @Jowys
    @Jowys Před 4 lety

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

  • @stephenm3874
    @stephenm3874 Před 3 lety

    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.

  • @sebastiannejfeld5437
    @sebastiannejfeld5437 Před 4 lety +1

    Awesome. Thanks

  • @IlyaAntonovambient
    @IlyaAntonovambient Před 3 lety

    Hello. Looks nice!

  • @elizabethwaters9832
    @elizabethwaters9832 Před 3 lety

    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?

  • @soulfulambitions
    @soulfulambitions Před 4 měsíci

    Thank you

  • @KroMeMWGz
    @KroMeMWGz Před 4 lety

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

  • @samrogue-dd6wj
    @samrogue-dd6wj Před 4 lety

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

  • @coupon-code
    @coupon-code Před 2 lety

    Great !

  • @ShubhamGupta14
    @ShubhamGupta14 Před 4 lety

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

  • @mikebb0653
    @mikebb0653 Před 2 lety

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

  • @iamalifawad
    @iamalifawad Před 4 lety +2

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

  • @pellekarlsson152
    @pellekarlsson152 Před 3 lety +1

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

  • @KrystalElle
    @KrystalElle Před 4 lety

    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?

  • @dropbasket1063
    @dropbasket1063 Před 4 lety

    Thank you very much
    god bless you

  • @Lucas-kp9ws
    @Lucas-kp9ws Před 4 lety

    Very cool. How's the Cartflows integration coming along?

  • @owenbigo
    @owenbigo Před 3 lety +1

    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!

  • @RajeshSahu-kt3pg
    @RajeshSahu-kt3pg Před 2 lety

    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

  • @BartoloAnsaldi
    @BartoloAnsaldi Před 4 lety +1

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

  • @paulg2337
    @paulg2337 Před 4 lety

    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.

  • @PaseandoDto
    @PaseandoDto Před 3 lety

    Thank u Varys

  • @edoardododoguzzi
    @edoardododoguzzi Před 4 lety

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

  • @ClickyKitsune
    @ClickyKitsune Před 4 lety

    🙋‍♂️Does it have multistep checkout feature? Or does it support that plugin?
    Great content btw❣️

  • @spaciaarchviz8486
    @spaciaarchviz8486 Před 4 lety

    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.

  • @woollifewoolinsulation755

    Thank you!! grat video does this work with Elementor?

  • @frederickterblanch1631

    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 -

  • @TheTechnoBoyTobi
    @TheTechnoBoyTobi Před 4 lety

    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