Checkout
In general, Modal checkout has more functions but less payment gateway than WooCommerce checkout
Modal checkout is the default Traveler checkout method which has all functions. The disadvantage is not enough payment gateway. Modal Checkout contains the popular payment gateway only: Stripe, PayPal, 2Checkout, Authorize.net, PayUbiz, DPO, IPay88, Onepay, OnepayATM, PayUMoney, PayUlatam, Mercado Pago, Billplz.
WooCommerce checkout is the alternative checkout, which has fewer functions but is able to integrate a payment gateway from the WooCommerce system. With some unique payment gateway, customers will use WooCommerce Checkout only. Mostly, WooCommerce checkout contains the basic checkout function - not the advanced function.
The limitation of WooCommerce Checkout
Use WooCommerce only for the checkout function. Other WooCommerce functions are not supported
WooCommerce Checkout uses the WooCommerce email template (not the Traveler email template). Therefore, it does not provide these partner-related emails
Cannot cancel WooCommerce order from customer-side
Tax and booking fees are not supported
Cannot set a specific payment gateway for the specific item
Note: the checkout of the membership package uses Modal Checkout only
1. Modal Checkout
These payment gateways are supported in Modal Checkout: Stripe, PayPal, 2Checkout, Authorize.net, PayUbiz, DPO, IPay88, Onepay, OnepayATM, PayUMoney, PayUlatam, Mercado Pago, Billplz.
Checkout page
Create a new checkout page by going to the Pages > Add News
Add the title of the new checkout page, "Checkout Modal", for example
Set the page template on the Page Attributes to Checkout and Publish it
Payment Success Page
Create a new payment success page by going to the Pages> Add News
Add the title of the new checkout page, "Booking Success", for example
Set the page template on the Page Attributes to Payment Success and Publish it
Booking Page Setup
Go to the Theme Settings> Page Options to set up the page for checkout and payment booking success
For the Select Page for Checkout, select the page "Checkout Modal"
For the Select Page for successfully booking, select the page "Booking Success"
On the Payment Options, we give you both the direct bank transfer method and many payment gateways. To add more payment gateway, go to Theme Settings>Extension> Plugin to find out more.
On the Booking Options, you can set up more options right here.
Please turn off the WooCommerce checkout function, if you decide to use the Modal Booking Method for the checkout page.
Go to the WooCommerce > Settings > Advanced tabs
Scroll down to the Page Setup, find the Cart Page and Checkout Page to keep it blank that means the cart page and checkout page of WooCommerce must be empty
2. WooCommerce Checkout
WooCommerce supports many payment gateways that allow you to check out with multi-item.
To turn on the WooCommerce checkout function, navigate to Theme Settings > Booking Options > WooCommerce Options to turn it on then setup these required page
Cart page
Create a new cart page by going to the Pages> Add News
Add the title of the new cart page, "Cart", for example
Add the Cart content element to this page by WPBakery Page Builder Editor and Publish it. Page template still remains Default Template
Or you can type the shortcode [woocommerce_cart]
Checkout page
Create a new checkout page by going to the Pages> Add News
Add the title of the new checkout page, "Checkout Woo", for example
Add the Checkout content element to this page by WPBakery Page Builder Editor and Publish it. Page template still remains Default Template
Or you can type the shortcode [woocommerce_checkout]
My Account Page
Create a new my acount page by going to the Pages> Add News
Add the title of the new my account page, "My Account", for example
Add the My Account content element to this page by WPBakery Page Builder Editor and Publish it. Page template still remains Default Template
Or you can type the shortcode [woocommerce_my_account]
Booking Page Setup
Go to the WooCommerce>Settings>Advanced to set up the page for the checkout process
Scroll down to the Page Setup, find the Cart Page, Checkout Page and My Account Page to select the page to display.
For the Cart Page, choose the " Cart "
For the Checkout Page, choose the " Checkout Woo "
For the My Account Page, choose the" My Account " and click Save Changes to finish it
Last updated