Тёмный

How to create Multistep Checkout for WooCommerce | JetWooBuilder 

Crocoblock
Подписаться 32 тыс.
Просмотров 38 тыс.
50% 1

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

 

4 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 102   
@thijstempel19
@thijstempel19 2 года назад
Customisation and styling options for these widgets are very limited. Majority of the front-end output can’t be customised with woobuilder. Very frustrating.
@anabelc.47
@anabelc.47 3 года назад
I would appreciatte that you show us how to customize your widgets for mobile too. Sometimes it can get confusing. Thank you.
@andredkvideo
@andredkvideo 3 года назад
If the required fields aren't filled can we stop the users from moving to the next tab? If so, how? Thank you
@Crocoblock
@Crocoblock 3 года назад
Hi! Unfortunately, right at the moment, there's no such opportunity. Could you please describe in more detail how would you like the required fields to work and provide me with an example? I'll give the issue to our dev to check if it's possible to achieve in the future.
@andredkvideo
@andredkvideo 3 года назад
@@Crocoblock Thank you for the response! I have a few suggestions. First you could give us a way to disable clicking the tabs, as in this example, the tabs should be merely visual representations of the information we are requiring, and i think it would make the second suggestion easier. Second, the NEXT button should be like a submit button, that checks if all requires fields in that tab are filled before proceeding to the next tab. Appreciate you caring for our feedback. Much love to the Crocoblock team!
@Crocoblock
@Crocoblock 3 года назад
@@andredkvideo thank you! I gave the issue to our dev to check if it is possible to achieve in the future.
@rtpHarry
@rtpHarry 3 года назад
@@Crocoblock It feels like a new button that is a tab navigation button could solve this, without needing to have all the ids set up for next and prev, and being able to trigger validation inside its current tab
@java101full
@java101full 3 года назад
@@andredkvideo Did you try to make the fields " required " when creating your form?
@sajjadhossain582
@sajjadhossain582 3 года назад
Cool! It's very helpful to build better UX for woocommerce sites, Thanks Julia
@juliacroco8592
@juliacroco8592 3 года назад
thank you as well😉
@sajjadhossain582
@sajjadhossain582 3 года назад
​@@juliacroco8592 KEEP GOING, AND MAKE OUR LIFE EASIER AS DEVELOPER😉
@svet75jul94
@svet75jul94 3 года назад
Thanks Julie for posting your great videos
@juliacroco8592
@juliacroco8592 3 года назад
thank you as well!
@zahrabadamchi9700
@zahrabadamchi9700 2 года назад
I have a problem, as written in woobuilder widget area, the widgets are only available when editing the specific page (shop, cart, etc) and when I open the saved template in elementor, the section is empty and the widget is gone. so I can't edit saved templates made in woobuilde. anyone can help me?
@HorrorFaktenOfficial
@HorrorFaktenOfficial 2 года назад
I have the same problem!
@suk4ed
@suk4ed 3 года назад
Wow. Julia you've got pretty awesome crocoblocks ')
@destinyalabi3820
@destinyalabi3820 3 года назад
While this is very interesting and kind of cool, I fear validation and error handling.
@juan07241981
@juan07241981 3 года назад
Please do something to be able to modify, create or edit the billing and shipping fields and in general all the checkout fields
@Crocoblock
@Crocoblock 3 года назад
Hi! You can edit the Checkout Billing Form widget. The style and view of this widget are often affected by your theme and plugins. If you experience any such issue, try to switch to a basic theme and deactivate related plugins. Could you please specify what exactly you would like to edit and how? Thanks in advance.
@hawkingdesign647
@hawkingdesign647 3 года назад
@@Crocoblock I believe Juan is referring to editing, adding or removing the fields altogether. For example, adding a custom field in the shipping section such as, "Optional Gift Wrapping" etc.
@thijstempel19
@thijstempel19 2 года назад
Exactly. So much of the widgets Front-end output can’t be styled. Like strings and their styling etc.
@ariestwn
@ariestwn 2 года назад
Ok, then tell me how you track pixels / analytics for this multistep checkout system?
@mimilon2816
@mimilon2816 2 года назад
why no one shows how the things seens in mobile versions?
@susanalanguidey2499
@susanalanguidey2499 3 года назад
You make me so happy... :D
@juliacroco8592
@juliacroco8592 3 года назад
wow, glad to hear that😀
@webservicege3587
@webservicege3587 3 года назад
Thank you !
@KieranBriggs
@KieranBriggs 2 года назад
This is fantastic. Thank you very much. How would you handle it if you had a number of virtual products along side real ones? ie. some products don't need the shipping step
@goodwillfactorfactor2665
@goodwillfactorfactor2665 2 года назад
I don't understand something with certain videos of you when it says jetwoobuilder but in the video you still say jet tabs plug-in you need it would be handy because to add
@Crocoblock
@Crocoblock 2 года назад
Hi! In this tutorial, we created the multistep checkout with JetWooBuilder, JetTabs, and WooCommerce. With JetTabs we split the checkout process into several steps for better UX 🙂
@Atractiondj
@Atractiondj 3 года назад
Add Gutenberg support for woo widget
@gflstation
@gflstation Год назад
NEED HELP! ** This was a great tutorial but I'm looking for help! Everything works great up until adding the button to move between the forms when a customer is filling it out. I saved each one as a template exactly as shown but when I go to edit each template to add the button, the form isn't showing up, just a blank page with the page heading at the top and no form...can anyone help me?
@Crocoblock
@Crocoblock Год назад
Hi! Please, contact our support on this issue - crocoblock.com/help-center/ They'll check and help.
@yousefmiri7045
@yousefmiri7045 Год назад
Try to make the Checkout that you build is the main on woocommerce setting then back to it and try to edit the templete . I hope it's work
@RickyRosario
@RickyRosario 3 года назад
It's great to be able to create a checkout with jettabs in steps. How to make the user be forced to fill in each field of the tab they are in before moving on to the next one? In short, until you fill in the required fields you cannot go to the next tab ...
@Crocoblock
@Crocoblock 3 года назад
Hi! Right at the moment, this option isn't available. Please, feel free to submit a feature request to Git repository github.com/CrocoBlock/suggestions and our team will explore if it's possible to implement.
@hridoyprodhan01
@hridoyprodhan01 2 года назад
This features is available now? @croco
@barbarossa04
@barbarossa04 Год назад
​@@Crocoblock Any updates about this please?
10 месяцев назад
Buttons for going to next or previous steps are no longer working since the Jet Tabs version 2.1.21
@Crocoblock
@Crocoblock 9 месяцев назад
Could you contact our support team please? crocoblock.com/help-center/
@dankscalibur
@dankscalibur 7 месяцев назад
I can say I am having the same issue and will contact support. Might need to update the video .. I have been trying this for hours and didn't realize it was broken @@Crocoblock
7 месяцев назад
@@dankscalibur have you managed to get it working maybe?
@dankscalibur
@dankscalibur 7 месяцев назад
@DominikLackovic1 sadly no... I'm looking for a multistep checkout plugin... I wish jetforms worked with woo!
@OmarWaleed
@OmarWaleed 3 года назад
Great and useful
@Crocoblock
@Crocoblock 3 года назад
Thank you so much :)
@obinnaokenwa2368
@obinnaokenwa2368 2 года назад
I noticed a bug since the most recent jetwoo update. Whenever I pull in the "Billing Details" widget, the "SHIP TO A DIFFERENT ADDRESS?" and "ORDER NOTES" shows up as well without me having to pull in the "SHIPPING DETAILS" widget. This issue is visible on the front-end after I have saved the changes in Elementor.
@jesterdrew
@jesterdrew 2 года назад
Been having the same issue. Hopefully this gets resolved quickly.
@mohammedal-sammaraee7136
@mohammedal-sammaraee7136 2 года назад
I did as u do in ur video but i does not show on my checkout page even after specify the checkout page in woocommerce advanced settings, so how to fix it?
@Crocoblock
@Crocoblock 2 года назад
Hi! Please, contact our support on this issue - crocoblock.com/help-center/
@taidang26
@taidang26 3 года назад
Thanks Julie, I've been waiting too long. :3
@juliacroco8592
@juliacroco8592 3 года назад
you're welcome😊🙌
@adlyrahmani
@adlyrahmani 2 года назад
Sorry, I can't edit the section checkout-billing inside the main checkout page, when I click on the edit template I see a blank section ! can you help me please !!!
@Crocoblock
@Crocoblock 2 года назад
Hey, please drop a line to our support team, they will have a look at the issue :)
@mdikbal3
@mdikbal3 2 года назад
How can I add (customized) date and time slot picker on one of those checkout step??? and also please confirm if the selected date and time slot can be seen on the final page or not??
@Crocoblock
@Crocoblock 2 года назад
Hi! Please, contact our support on this issue - crocoblock.com/help-center/
@matthewworboys4769
@matthewworboys4769 3 года назад
How can i make conditional check out page? I mean different check out page based on product/category?
@Crocoblock
@Crocoblock 3 года назад
Hi! Could you please describe in more detail or provide me with an example?
@colinh2203
@colinh2203 3 года назад
I save all the sections as templates, but when I open the templates to add the buttons there all empty...
@Crocoblock
@Crocoblock 3 года назад
Hi! Please, submit a ticket support.crocoblock.com describe your issue in detail and provide your Dashboard credentials (link to a website, login, and password) and link to the page with an issue. Our tech support will investigate the issue from the backend and help.
@tashafigueroa2666
@tashafigueroa2666 2 года назад
Hello did you find a solution to this issue, I am having the same problem and support doesnt seem to undertsand the issue.
@Crocoblock
@Crocoblock 2 года назад
@@tashafigueroa2666 Hi! It would be better if you'll contact our support, so they'll be able to check the issue from the backend.
@csanadbenedek3804
@csanadbenedek3804 2 года назад
Great video, thanks! Anyway i did how just the video suggested, but in live when i click to the buttons, they did not work - After the click only automaticly scrolls a little bit, but doesent change the tab that i want :( In elementor editor it works great. Anybody has idea what did i wrong?
@Crocoblock
@Crocoblock 2 года назад
Hi! Please, submit a ticket support.crocoblock.com describe your issue in detail and provide your Dashboard credentials (link to a website, login, and password) and link to the page with an issue. Our tech support will investigate the issue from the backend and help.
@mikekustom35
@mikekustom35 2 года назад
Templates can't be edited later 😅😅
@YasirShabbir
@YasirShabbir 3 года назад
How I can create multistep tabs same like on your thumbnail please
@Crocoblock
@Crocoblock 3 года назад
Hi! Sorry, not sure I've got you correct. The multi-step checkout is created with the help of tabs.
@YasirShabbir
@YasirShabbir 3 года назад
@@Crocoblock I know you have created with jet tabs but I don't know how to create same design which you have on your thumbnail
@Crocoblock
@Crocoblock 3 года назад
@@YasirShabbir sorry for the misunderstanding! The design is from the Zolden template.
@YasirShabbir
@YasirShabbir 3 года назад
@@Crocoblock OK is it in your templates library?
@Crocoblock
@Crocoblock 3 года назад
@@YasirShabbir you can find it here crocoblock.com/dynamic-templates/zolden/
@rogerricardorocallamocca168
@rogerricardorocallamocca168 2 года назад
Muchas gracias por la info ^^
@Crocoblock
@Crocoblock 2 года назад
Thank you 🙂
@BaxtiyorjonSobirjonov
@BaxtiyorjonSobirjonov 3 года назад
Raxmat
@jimskr1145
@jimskr1145 2 года назад
the ship to new address wont show the form it empty :(
@jimskr1145
@jimskr1145 2 года назад
or it shows after successfull delivery?
@Crocoblock
@Crocoblock 2 года назад
@@jimskr1145 Hi! Please, submit a ticket support.crocoblock.com describe your issue in detail and provide your Dashboard credentials (link to a website, login, and password) and link to the page with an issue. Our tech support will investigate the issue from the backend and help.
@jrodriguezdh_12
@jrodriguezdh_12 3 года назад
In the order info i can add a review of the user info? like cofirmation
@Crocoblock
@Crocoblock 3 года назад
Hi! Could you please specify in what widget you would like to add a review and what kind of the review you would like to add?
@jrodriguezdh_12
@jrodriguezdh_12 2 года назад
@@Crocoblock Hi, for example, i fill all the fields in the first tab, in the next tab i want to show Address Info, Order Info and Payment info, something like a confimation like amazon
@Crocoblock
@Crocoblock 2 года назад
@@jrodriguezdh_12 Do you want to show the client's Address Info, Order Info, and Payment info that he/she already entered in the previous tab? For example, in the first tab, I've entered all my data prnt.sc/1xq51an and in the second tab, I can check what I've entered?
@jrodriguezdh_12
@jrodriguezdh_12 2 года назад
@@Crocoblock Yess!!!!
@Crocoblock
@Crocoblock 2 года назад
@@jrodriguezdh_12 Right at the moment, there's no such opporunity. Please, feel free to submit a feature request to Git repository github.com/CrocoBlock/suggestions and our team will explore if it's possible to implement.
@geroldhubmer2170
@geroldhubmer2170 8 месяцев назад
Nice, but absolutely USELESS without field validation. Customer can go to next Tab without entering all required fields. This has been asked for here for a long time, but still ignored. 😪 @Crocoblock please give us an ETA when or een if this will be possible, otherwise noone can use this feature.
@Crocoblock
@Crocoblock 8 месяцев назад
Hello! At the current moment, we do not have an option to add any validation before proceeding to the next "step". The tabs widget cannot do any kind of validation. Still, the checkout process will not be finished if a user didn't fill in all required fields. We cannot give you any ETA when this feature will be implemented.
@MaxerWolf
@MaxerWolf 3 года назад
I m late. 🥰🐈
@juliacroco8592
@juliacroco8592 3 года назад
I was waiting for you!👀😅
@MaxerWolf
@MaxerWolf 3 года назад
@@juliacroco8592 nah ... i was just testing your desire 🔱🐾 🙂
@creativinzstudio
@creativinzstudio 6 месяцев назад
Thanks Baby
@themenotti
@themenotti 2 года назад
thank you! @Crocoblock
Далее
How To Customize WooCommerce Email Templates For Free
15:24
13 Things To Remove From Your Website Immediately
12:33
Building WooCommerce Products Listings with JetEngine
14:20
JetWooBuilder Single Product - For Absolute Beginners!
14:08
How to Set Data Store Module | JetEngine
19:07
Просмотров 38 тыс.
Why Would You Use Crocoblock?
29:19
Просмотров 48 тыс.