WooCommerce Checkout Page Customization with JetWooBuilder from Crocoblock

Подписаться 169 тыс.

Просмотров 36 тыс.

50% 1

Learn how to manage WooCommerce checkout page customization with JetWooBuilder from Crocoblock in 10 minutes.
Building a more unique and custom checkout experience with WooCommerce just became much easier with the latest release of JetWooBuilder from Crocoblock.
Now you can easily customise almost every aspect of the checkout process and in this tutorial, I'll show you the basics of creating a custom WooCommerce Cart Page and a WooCommerce Checkout Page.
Playlist: • How To Customize Wooco...
Buy JetWooBuilder: jo.my/croc
Buy Elementor Pro: jo.my/1s0t2s2
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: jo.my/1s0t2s2
★ Brizy Pro: bit.ly/2Ji97r8
★ WPBakery Page Builder (Formerly VISUAL COMPOSER): bit.ly/2NVbVNP
★ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
★ GeneratePress Premium: bit.ly/2Ydn1SE
★ OCEANWP: bit.ly/2fRHBr0
★ DIVI Theme: bit.ly/2G8JMiA
★ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
★ SMART SLIDER 3: bit.ly/2G0G1vB
★ CSSHERO: bit.ly/2qbrRl6
★ SLIDER REVOLUTION 6 - jo.my/sr6
► WORDPRESS PLUGINS ◄
★ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

Хобби

Опубликовано:

6 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 85

@davidwalls2304 3 года назад

Paul, I am building my first eCommerce store using WooCommerce and JetWooBuilder. This video, along with your others, have given me a lot of useful information when building things out. Thanks much. Keep up the good work!

@mdazhardware 3 года назад

Thanks, Paul as usual awesome videos, keep up the brilliant work.

@davidwalls2304 3 года назад

Thanks Paul. I am investigating options with Crocoblock (JetEngine and now JetWooBuilder) for a few of my websites. This makes the decision much easier. Keep up the good work!

@alexanderhayhoe3160 2 года назад

2:08 - Was having styling issues while designing my Cart page. This fixed it! Thank you

@stefangieser3300 3 года назад

Good video. Just didn't find how to customize the info messages on the cart page for example when updating the cart or removing products. Any suggestions?

@ryansimmons6982 3 года назад

Great video, Paul! Question, though - I've set up my single product page and product archive page with the Elementor Pro WooCommerce Builder. If I use JetWooBuilder for the custom cart, etc., will the "default" for the other pages revert back to the WooCommerce version or remain as my custom version?

@KimMcKee 3 года назад

This is another superb video Paul. Can you keep doing more detailed ones jet woo builder?

@webmovie 3 года назад

great tuts. I miss a way to create a template for checkout while the cart is empty. It shows me the styled template from "empty cart" but I can not style the additional message which says something like 'you cannot checkout while you have an empty cart'. any idea?

@noqlue1240 2 года назад

Hi @WPTuts, First of all, thank you for your tutorial! I tried to add the shipping form but it is not showing on the frontend. I used Astra as a theme. Do you, or someone else who is reading along, happen to know why this won't show up?

@davidwhittworth1841 Год назад

Hi Paul, I've only just started with Jet Builder and found this video to be very helpful. Delivered in a way that was easy to follow and covering most points. As I don't really use Pro Elementor to its full potential (or anywhere near it actually) I can drop it when the next bill is due in favour of Jet Woo Builder. It's a shame really that a shop hasn't been developed within Pro Elementor.

@charlesa.reboucas513 3 года назад

Congratulations on another excellent video on the tools created by crocoblock. But I have a question: how to hide the titles of the templates created in JetWooBuilder? I mean the title that we give to the templates and that appear right at the beginning of the page!

@manuelasmar 2 года назад

First of all, Thanks for the always fantastic job ; you are really a great teacher. This time however i am having problems implementing these steps. Created the cart template in woobuilder fine, however when i go to view the cart page it sends me back to my home page ?! i asked croco team and they said that i needed to first create a new Cart page with the shortcode in it then go to the advanced tab in woocommerce settings and reference the cart page to my page. I did that and now the cart button does wok and sends me to my Cart page but it does not look at all like the cart templates i created ??? would really appreciate any pointers. Thank you again.

@sebalizarraga1051 3 года назад

Hi great video, how can i remove the sidebar from the chekout page? i am using generatepress pro. Thanks!!

@sfmikica 3 года назад

I was thinking about buying JetWooBuilder for next project, and now I think I will do it

@WPTuts 3 года назад

Now they've added the ability to customise these new pages, I think it's a much more viable option over the previous versions. :0)

@MarkoKozlica 3 года назад

Great tutorial, as usual, :D I was wondering if you could help me with a glitch that looks odd, I have made all the templates with JetWooBuilder, but when I load the frontend page you can see, for a brief moment, it loads WooCommerce template and then the JetWooBuilder one on top of it, can I change this?

3 года назад

As always, Paul is the first to introduce the recent updates. :) I wonder if you have any free time? ;) P.S. I vote for free T-shirt for me :) :) :)

@WPTuts 3 года назад

Lol... 🤣

@shmulikisraeli4984 3 года назад

Can I create a popup with JetWooBuilder after the user click on the add to cart button?

@hirushadeshan3482 3 года назад

Thank you, Paul.

@henryherrera3362 3 года назад

hi I want to ask is there way to change end point pages like Pay order page?

@dossantos_films 3 года назад

How do you make the product image to show up on cart page on Mobile?

@FelixEkpa 3 года назад

Solid tee-shirt... want my copy too :). First to get here :)

@synthoelectro 3 года назад

Bought this lately, but I'm looking for simple monthly paid subs for my users to buy from. Does this plugin do that?

@yasirhussain7873 3 года назад

Hi I want to automatically add delivery charges on specfic cart subtotal.....what is the php code for this and where it should be added in the files...Plz guide me..Thanks

@RogveAsset 3 года назад

I was using crocoblock as part of a bundle with a theme. I have decided to leave the theme and buy crocoblock full license. I have designed my single product pages in elementor themebuilder. Would I have to redesign them with jetwoobuilder to get similar functionality or can I just apply the widgets through elementor pro?

@sebalizarraga1051 3 года назад

Hi how can you edit a clean template on elementor full width? i dont even have that option on my page settings, thanks

@stephanepruvost1732 2 года назад

hi Paul, for me when i select the render method to "default elementor" the template doesn't whorks any more. selected "macro" works. Jetwoo builder Version 1.10.5

@napoleon2323 2 года назад

Hi and thank you for that video tutorial. i followed everything you did at this video. After that i am having this problem. when i enter the address at billing address woocommerce doent automatikly update my shipping zones. if i disable jetwoobuilder it works fine. if i enable again it stops :( :( any help REALLY appresiated :(

@sebalizarraga1051 3 года назад

Hi how are you? i can´t remove the page tittle either what can i do? Thank you so much!

@ridwaan9289 3 года назад

Awesome video, can I request a video? (If it's not already done) Basically, I want to show all attributes on the product page and show a different image for each attribute. I'm building a website for mobile phone repairs and need to show all available repair services associated with each device. And the customer can add multiple repair options to the cart and continue to check out. Thanks

@sebalizarraga1051 3 года назад

Hi i cant remove the sidebar from the cart page using this plugin and generate press, what can i do???

@Semireject 3 года назад

What Theme did you use here? I'm working on client site running Hello and I don't get as clean original layout of the Cart table as you did from start. One example being the Update cart row which have annoying hover effect I can't get rid of. And besides of that non of the buttons were styled according to the "theme style" I've set up. Much of that could be styled through the widget and custom CSS but I still struggle with some of the unwanted styling (one being that hover effect). And besides that it's quite annoying that most of the fields aren't localized meaning the Table heads for example has English instead of Swedish in my case :/

@WPTuts 3 года назад

This video was done on top of the Astra theme with one of their starter sites installed.

@JosephQuinn1981 3 года назад

Can you change the order of the fields in the checkout? For instance , can you place the email field at the top? This is arguably the most important field to collect especially for cart abandonment. I know you can do this with woocommerce blocks but I am curious to know if Jet Woobuilder has this ability.

@loge9981 2 года назад

yes i need to know that too

@joyelvin7145 3 года назад

Not sure if Im on the bench in the game or if you Paul C is the magic wizard. Just got a JetWoo Builder GitHub request that Ive been following/requested closed today.... and you the magician already have a Tut on it? What ever it is. Thank you my master!!! 😂😂😂

@WPTuts 3 года назад

🤣

@Alina-dw2lg 3 года назад

The only person on RU-vid asking the audience for dislikes :))

@WPTuts 3 года назад

Well, if people are gonna hit the dislike button, I'm here to make em feel good about it. Lol

@MahmoudReyad 3 года назад

will it work fine with an variable products single page ?

@WPTuts 3 года назад

It should work fine with all product types I believe.

@VividConsultant 3 года назад

Hi Paul, can jetwoo builder be used to create a multi step check-out?

@manuelhudec 3 года назад

I'm asking myself the same question. In principle it should be possible with JetTabs, for example, or?

@durjoysoldier9650 3 года назад

love from narayanganj.

@bobbyw1074 2 года назад

how can you have a check out button in the cart? The way you have it set up in the cart page, there is no going straight to checkout.

@Pedant_Patrol 3 года назад

Great video, Paul. Excellent job as per usual. My one question is, does this allow me to customise the checkout form fields?

@WPTuts 3 года назад

I don't believe so, no. I think this is more about designing the look and feel as opposed to adding extra features.

@Pedant_Patrol 3 года назад

@@WPTuts Ah, OK. Thanks, Paul. I'm looking for a solution other than Woolementor. I hate the fact that they force me to install two plugins to do one job.

@WPTuts 3 года назад

@@Pedant_Patrol I know what you mean. :) Hopefully this is something that they will add in the future. There are a couple of things that I think would make the plugin even more useful. Managing fields (as you asked) as well as the ability to manage field labels and choose to hide them, include the same info in the field itself to create cleaner looking forms, etc.

@_nawazpasha 3 года назад

Awesome Content Suggestion: You can use timestamps

@wallerode46e 3 года назад

Does the checkout page support external payment facility plug-ins, unlike the Gutenberg version you demoed a while ago? Thank you.

@WPTuts 3 года назад

To be honest, I haven't tested with alternative payment gateways as I tend to use PayPal or Stripe (which are the standard WC payment options).

@wallerode46e 3 года назад

WPTuts Thank you.

@WPTuts 3 года назад

@@wallerode46e no problem at all. :0)

@EmranHussainBD 3 года назад

very helpful videos . thanks a lot wptuts from bangladesh

@WPTuts 3 года назад

Hello Bangladesh :0)

@EmranHussainBD 3 года назад

@@WPTuts i am begginer wordpress developer. your all tutorial very helpful for me

@durjoysoldier9650 3 года назад

@@WPTuts hello wptuts

@SolmazAnvar200 3 года назад

Nice Shirt :)

@Answer_This 3 года назад

I am confused, whats the difference between Crocoblock and elementor if both are page builders? Thank you

@WPTuts 3 года назад

Crocoblock isn't a page builder. It's a suite of plugins that work with both Elementor free and Elementor Pro to expand what you can do with it. JetWooBuilder focuses on letting you build more custom WooCommerce designs.

@Answer_This 3 года назад

@@WPTuts nice thank you sir!!

@WPTuts 3 года назад

@@Answer_This no worries at all.

@denzu2725 3 года назад

After creating the cart page and setting up the template, I have a blank page. Anyone had such a problem? I am using hello elementor

@babelson6 3 года назад

I have exactly the same problem

@kevinschmidt2210 3 года назад

This is a great tool if you want to get up and running fast. However, I think there are too many limitations for those with greater development experience. For them, I think you should do a series that combines Elementor or Oxygen with Meta Box. MB has customized everything, as well as codeless programming that taps into the api, functions, etc. It also eliminates the need for a lot of plugins.

@adityaarsharmapersonal 3 года назад

yup have been hearing this from quite a Long Time... Btw one question can themeforest themes be edited by oxygen builder? have u tried then please let me know

@kevinschmidt2210 3 года назад

@@adityaarsharmapersonal It doesn't matter which theme you use. Oxygen disables all themes and becomes its own theme with the most efficient code. It eliminates all theme limitations. That is why it is a site builder and not just a page builder.

@mehediimam5870 3 месяца назад

has anyone faced any problem designing for responsive view on this template?

@SC36DC 3 года назад

The Kadence WooCommerce Elementor plugin seems to be more powerful, and is free. If you get the Pro version, it's even better. Can anyone with experience using both confirm or deny?

@marionpaolo319 3 года назад

In the end of the day Kadence limits what you can do. While this theme builder lets you design as your minds desire.

@WPTuts 3 года назад

The free version of Kadence WooCommerce designer doesn't let you create custom checkout and archive pages and the Pro version also costs almost double that of JetWooBuilder. As for being better, I've not tested the Kadence plugin to say one is better than the other.

@Musician324 3 года назад

Made a slight amend to the surname initial from C to K :) To avoid the confusion :)

@WPTuts 3 года назад

Lol, nice one Paul K (aka Paul C) 😂

@Musician324 3 года назад

😆😆 I’m having a nightmare with a sticky header today. I’ve disabled it and everything is fine. I wanted the page content to go behind the header but on scroll sections of the page are going in front of the header. All very strange .