1. Home
  2. Docs
  3. WooCommerce Addons
  4. WooCommerce Quick Checkout

WooCommerce Quick Checkout

The WooCommerce Quick Checkout add-on transforms the shopping experience with a seamless, AJAX-based checkout process, minimizing friction for smoother transactions. It also features a dynamic pop-up displaying cart details instantly when customers click “Add to Cart,” keeping them engaged without leaving the shop page. Designed for speed and convenience, this add-on boosts conversions and enhances customer satisfaction in your WooCommerce store.

Video Tutorial

Watch the tutorial video below for a quick walkthrough of the add-on’s features and setup process.

For detailed instructions, please continue reading the full documentation. If you still have any questions, feel free to submit a support ticket.

Installation

  • Install and activate the WooCommerce plugin.
  • Install and activate the WooCommerce Quick Checkout add-on.
  • The Fast Checkout tab will appear under the WooCommerce menu (Settings sub-menu) on the WordPress Dashboard.
WooCommerce Quick Checkout – Fast Checkout

License Configuration

Go to WooCommerce > Settings. Navigate to the Fast Checkout tab and go to the License tab. Then, enter the License Key in the corresponding field and click on the Activate button.

WooCommerce Quick Checkout – License Configuration

Fast Checkout

Go to WooCommerce > Settings. Navigate to the Fast Checkout tab and click on the General tab. In this tab, you will find all the options provided by our addon.

WooCommerce Quick Checkout – General Settings

Select Cart Layout

Select the position of the cart pop-up to open on the website’s shop page. 

Centered Popup

If this option is selected and the “Auto Open” checkbox is checked, when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open in the center of the shop page.

WooCommerce Quick Checkout – Centered Popup

Side Cart

If this option is selected and the “Auto Open” checkbox is checked, when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the right side of the shop page.

WooCommerce Quick Checkout – Side Cart

Remove Checkout Field

If any field is selected in this option, when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the screen; however, the respective field will not be displayed in the pop-up.
If no field is selected, when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the shop page, displaying all the fields in the pop-up.

WooCommerce Quick Checkout – Remove Checkout Field
WooCommerce Quick Checkout – Remove Checkout Field

Remove Order Notes

If this option is checked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the screen, with the order notes field not showing in it.
If it is unchecked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the shop page with the order notes field showing on the cart pop-up.

WooCommerce Quick Checkout – Remove Order Notes

Remove Coupon Form

If this option is checked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the screen with the coupon section not showing in it.
If it is unchecked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the shop page with the coupon section showing on the cart pop-up.

WooCommerce Quick Checkout – Remove Coupon Form

Remove Privacy Policy

If this option is checked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the screen with the privacy policy section not showing in it.
If it is unchecked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the shop page with the privacy policy section showing on the cart pop-up.

WooCommerce Quick Checkout – Remove Privacy Policy

Remove Terms & Conditions

If this option is checked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the screen, with the “terms and conditions”  section not showing in it.
If it is unchecked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the shop page with the “terms and conditions” section showing on the cart pop-up.

WooCommerce Quick Checkout – Remove Terms & Conditions

Show Cart on Checkout

If this option is checked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the screen with the full cart table showing above the checkout form.
If it is unchecked, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the shop page with the full cart table not showing above the checkout form. The customers will have to click the “Back to cart” link to see the full cart table.

WooCommerce Quick Checkout – Show Cart on Checkout
WooCommerce Quick Checkout – Show Cart on Checkout

Auto Open

If this option is enabled, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart pop-up will open on the screen. If it is disabled, then when the customer clicks the “Add to cart” button of any product on the shop page, the cart popup will not open on the shop page.

Open on Button Click

If this option is enabled, a floating cart button will appear on all the pages of the website through which the customers will be able to view the quick checkout pop-up at any time (either Centered Popup or Side Cart) without having to add a product to the cart every time. Otherwise, the customers will have to add a product to the cart every time to view the quick checkout pop-up.

WooCommerce Quick Checkout – Open on Button Click
WooCommerce Quick Checkout – Floating Cart Button

Button Background Color

Here you can choose the background color for the floating cart button.

Button Text/Icon Color

Here, you can choose the Button Text/Icon Color for the floating cart button.

Button Position

Here you can select the floating cart button position on all the website’s pages. You can select from the following positions (“Top Left”, “Top Right”, “Bottom Left” and “Bottom Right”).

Allow Fast Checkout

If this option is enabled, then when the customer clicks on the “Proceed to checkout” button on the cart popup, it will ask the customer for the “Checkout” page fields in the cart pop-up.

WooCommerce Quick Checkout – Allow Fast Checkout
WooCommerce Quick Checkout – Fast Checkout Enabled

If this option is disabled, then when the customer clicks on the “Proceed to checkout” button on the cart popup, it will redirect the customer to the “Checkout” page.

WooCommerce Quick Checkout – Fast Checkout Disabled

Direct Checkout

If this option is checked and the “Auto Open” checkbox is checked, when the customer clicks the “Add to cart” button of any product on the shop page, the cart popup will open and directly ask the customer for the “Checkout” page fields in the cart popup.

WooCommerce Quick Checkout – Direct Checkout 1
WooCommerce Quick Checkout – Direct Checkout 2

Cart Contents

Here you can select which product-related field(s) to show to the customers on the cart popup. 

WooCommerce Quick Checkout – Cart Contents

Show product image

You can check this option to show the respective product’s image in the cart pop-up. If this option is enabled, it will look like below:

WooCommerce Quick Checkout – Show Product Image

Show product subtotals 

You can check this option to show the product(s) subtotal in the cart popup. If this option is enabled, it will look like below:

WooCommerce Quick Checkout – Show Product Image

Show product prices

You can check this option to show the respective product’s price in the cart pop-up. If this option is enabled, it will look like below:

WooCommerce Quick Checkout – Show Product Prices

Show quantity picker 

You can check this option to show quantity update buttons (“+” and “-”) on the respective product(s) in the cart popup. If this option is enabled, it will look like below:

WooCommerce Quick Checkout – Show Quantity Picker

Show delete buttons

You can check this option to show the delete icon (“X”) on the respective product(s) in the cart popup. If this option is enabled, it will look like below:

WooCommerce Quick Checkout – Show Delete Buttons

Show Coupons

You can check this option to show the coupon’s section on the cart popup to apply to the respective product(s). If this option is enabled, it will look like below:

WooCommerce Quick Checkout – Show Coupons

Show Order Subtotal

You can check this option to show the order subtotal of the respective product(s) in the cart popup. If this option is enabled, it will look like below:

WooCommerce Quick Checkout – Show Order SubTotal

Show shipping information

You can check this option to show the shipping information of the respective products’ order in the cart pop-up. If this option is enabled, it will look like below:

WooCommerce Quick Checkout – Show Shipping Information

Show cross sells

You can check this option to show the cross-sell section of the respective product(s) in the cart popup. If this option is enabled, then a Cross Selling” section will appear between the “Coupon” section and “Cart totals” section, the cart popup will look like below:

WooCommerce Quick Checkout – Show Cross Cells

FAQ’s

1- Does the WooCommerce Quick Checkout add-on have any dependent plugin(s)?

The WooCommerce Quick Checkout requires the WooCommerce plugin to be installed before activating it.

2- Can the cart pop-up be placed on the left side of the “Shop” page?

It is possible in future updates, although we don’t have plans for it at the moment.

3- How does the “Auto Open” field affect the options of the “Select Cart Layout” field?

Both the options of the “Select Cart Layout” field (Centered Popup, Side Cart) are dependent on the “Auto Open” field, such that they will only work if the “Auto Open” field checkbox is checked. Otherwise, the cart pop-up will not open on the “Shop” page

4- How does the “Allow Fast Checkout” option work alongside the “Auto Open” option?

If both the options are checked, then when the customer clicks on the “Add to cart” button on the “Shop” page, he/she will see the product fields on the cart pop-up. When the customer clicks on the “Proceed to checkout” button, the checkout page fields will open in the cart popup instead of the page being redirected to the “Checkout” page. This will allow the customers to make purchases faster.

5- How does the “Direct Checkout” option work alongside the “Auto Open” option?

If both the options are checked, then when the customer clicks on the “Add to cart” button on the “Shop” page, he/she will see the checkout page fields open in the cart popup. This is useful when you want to allow customers to make quick purchases more efficiently.

Changelogs

1.0.4

  • Fix: Resolved security issues identified by PHPCS.
  • Fix: Improved code quality and performance based on PHPCS recommendations.
  • Fix: Enhanced data sanitization, escaping, and validation.

1.0.3

  • Fix: Improved UI for the side pop-up.
  • Fix: Addressed security and performance issues.
  • Fix: Corrected exclusion handling for optional and required fields.
  • New: Introduced a floating button to open the checkout pop-up at any time.
  • New: Added styling options for the floating button.

1.0.2

  • New: Added options to customize billing, shipping, order notes, terms & conditions, and privacy policy field (Centered Popup only).
  • New: Added option to show cart on checkout (Centered Popup only).

1.0.1

  • Fix: Conditional rendering of the shipping fields.

1.0.0

  • Initial Release.

How can we help?