Search…
Checkout

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.

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

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

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

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
Copy link
On this page
1. Modal Checkout
2. WooCommerce Checkout