Learn how to take a free WooCommerce Checkout Page plugin and customize your checkout and cart pages in minutes.
WooCommerce Checkout Page Customization has always been a bit of a black art, but with this free plugin from the developers of WooCommerce themselves, you can be sure that the process is going to integrate effortlessly.
I'm going to show you how you can customise the checkout and cart pages to provide a cleaner and more modern look and feel and help focus your customers on the buying experience.
Learn how to create a professional cart page with collapsible coupon section all wrapped up in a more fresh design.
Don't stop there, tweak the features on your WooCommerce checkout page in seconds to provide buyers with a much fresher and sleeker checkout process.
Get the plugin: https://wordpress.org/plugins/woo-gutenberg-products-block/
Take your WordPress website and skills to the next level!
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► WORDPRESS VISUAL PAGE BUILDERS ◄
★ ELEMENTOR PRO: http://bit.ly/2u3mzYX
★ Brizy Pro: https://bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): https://bit.ly/2NVbVNP
★ DIVI 3 Page Builder: http://bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: http://bit.ly/2Ydn1SE
★ OCEANWP: http://bit.ly/2fRHBr0
★ DIVI Theme: http://bit.ly/2G8JMiA
★ Astra Pro: http://bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: http://bit.ly/2G0G1vB
★ CSSHERO: http://bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 – jo.my/sr6
► WORDPRESS PLUGINS ◄
★ SEOPress Pro: https://jo.my/seopress
► SUBSCRIBE ◄
http://bit.ly/2rX7rhu
► LETS CONNECT: ◄
https://twitter.com/WPTutz
SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk
source
Seems a nice clean way to display the checkout however in the video it shows shipping and then billing. There seems to be no way to disable shipping so only billing can be displayed but when you show your refreshed page it only shows billing, where is the setting to make it work like the video?
Definitely much cleaner look. However, I lost PayPal Pay, Amazon Pay, and other options that I originally had configured for my checkout page. How do I get those back?
Hi. I am using the divi theme with divi builder. Will that plugin work with that. Or can I use the gutenberg builder too? Or better delete divi ?
Hi there is payment error after installing blocks please can you let me know about this issue?
This looks cool, but the plugin's ratings are scaring me off a bit…
Is there a way to customise the colours/border?
my checkout page doesn't show up under pages? what gives?
I don't know who at Woocommerce had the brilliant idea of putting "Billing address" first, but it doesn't make sense at all! I hope this works for my website.
Doesn't show the page
I use Elementor maybe that's why
it doesn't work with the euro symbol. It displays € instead of €
These new woocommerce shortcodes are still under development mode hence you cannot integrate payment gateways. you can verify that in github. Once these codes are going to be ready they will be chargeable by woocom
hi. it was great however i have an important question. when I set up the woocommerce block, there was a problem with my payment method. It wrote that my store does not have a payment method configured to support the woo commerce block. and I don't know what to do, as the previous woocommerce checkout default page didn't have this problem. and my payment methods are already set up so I don't understand the problem
Hey there. trying to make this change. however when publishing the new blocks all the content is grey. both cart and checkout do the same thing.
any ideas?
hello, it looks great, but for example with pluging minimun shoping amount, it has returned a checckout error message. and not simply like before the minimun amount for checkout . any help how to resolve…
If I use Divi It should works?
The plugin was explained nicely, I guess you should have mentioned the payment gateway compatibility also in the video. Nice plugin, but useless for me as it does not support any payment gateways in India.
Sir the plug-in is vgood but when I tried to add cash on delivery option it's not showing up in payment method at checkout page
You should start this video saying THE PAYMENT DOES NOT WORK, 🙁
Love u man 😎
Just noticed that WooCommerce Upsells don't show up in the cart page when WooCommerce Blocks is activated.
Hello I'm having a problem I hope you can help me, I enabled the phone number on the checkout page using that woocommerce blocks plugin but when I preview it live phone number won't show up, and I just noticed that it doesn't appear also on your side on [5:43]
error THERE ARE NO PAYMENT METHODS AVAILABLE. THIS MAY BE AN ERROR ON OUR SIDE. PLEASE CONTACT US IF YOU NEED ANY HELP PLACING YOUR ORDER. no stripe woo commerce integration or no. it would be wonderful if it supported it. nice video and explanation…
I linked this with my woocommerce store
I think it's better idea .🤔 https://www.printful.com/a/Prossories
Create video. Just a head up to everyone…user accounts will not be created if you use this plugin. It is now a known issue. Anyone experience that issue?
Nice video. I guess this has some issues while using elementor page builder. I had the same a month ago. is it fixed?
Hi .. how to do virtual multiple digital products without shipping in woocommerce
User redirection to login page during check out issue, also payment integration not working!!😉😉😉😉🙄🙄🙄🙄🙄Help
Very cool. That's exactly what one of my clients needs for their ugly cart page messed up by the theme they stick to.
This is awesome Paul C! Curious do you how to redirect after product purchase to a custom page? I’ve got some yoga Zoom classes for a client I need this for. Also I might want to hire your awesomeness sir for assist w custom Crocoblock based talent search site! Do you offer this and if so how can I send you details about for quote?$! 🙌🏻
Same as others have stated, Paypal and XRP payment Gateways do not display. If the Cart is Elementor/EA and the Checkout is Woo Blocks could be the issue, something for the Devs to look at maybe. Thanks for sharing, look forward to some updates as it looked great!
Great video Paul! Look like shopify more cleaner and nicer look!
Do you have another option that does the job? The style of this plugin is cool, but I'm having problems with Elementor, and it seems there is problems with payments… If there is another option with this good design, even paid, maybe would be better.
It could be a nice plugin in the future but right now it is not ready. The biggest issue with it is that it does not work with different third party payment gateways and sometimes also shipping methods which makes it pretty much useless at the moment. Btw, good to see that you have discovered a Kadence theme. Have you tried a Kadence Pro already? Its awesome. 😉
Wow, you recommend a plugin with 200k+ installs and a rating of 2.4 out of 5? I feel sad just reading the reviews and comments
Hey Paul! It's a shame that this is not available for Elementor. Looks very nice.
Hey Paul, I had installed this plugin but it have a few bugs with regards to the payment process. Not all third party plugin are compatible with this plugin which i find is a huge setback.