How to Set Up a One-Page Checkout in WooCommerce

To add a WooCommerce one-page checkout that shows product selection and checkout together, use WooCommerce’s One Page Checkout extension. Enable it on a product page or add its shortcode to a page or post. The core Checkout block is a separate feature: it provides checkout, but does not itself combine product selection with checkout.

Choose the checkout setup that matches your goal

The extension’s setup and compatibility details are documented in WooCommerce One Page Checkout documentation. Core Checkout block setup is covered in WooCommerce’s Cart and Checkout block guide.

#	Preview	Product	Price
1		CODARAB Cloaking Plugin Guide: How to Redirect Customers from Website X to the Checkout Page of...	$99.99	Buy on Amazon

As an Amazon Associate I earn from qualifying purchases.

Add checkout to an individual product page

1. Install and activate the One Page Checkout extension.
2. In WordPress admin, open Products and edit the product.
3. In the product’s Product data panel, enable One Page Checkout.
4. Save the product, then preview the page as a shopper and test adding the product and completing checkout.

The product page will include a checkout form. Adding the product can increase its quantity in the form rather than sending the shopper to the ordinary checkout page. Items already in the cart can also appear there.

Create a dedicated one-page checkout with a shortcode

1. Create or edit the WordPress page or post where you want the checkout experience.
2. Add the shortcode and choose the products to display. For example: [woocommerce_one_page_checkout product_ids="123,456" template="product-list"]
3. Replace 123,456 with IDs of products that exist and are in stock in your store.
4. Choose a template with the optional template attribute, then save or publish the page.
5. Test the page using the store’s actual theme, products, payment gateway, and extensions.

WooCommerce documents four built-in product-selection templates: product-list, product-table, product-single, and pricing-table. The Classic Editor offers a graphical shortcode interface when the Classic Editor plugin is installed; in the newer editor, enter the shortcode manually. Only one One Page Checkout shortcode works on a page. Products that do not exist or are out of stock will not appear for selection.

#1 Best Overall

CODARAB Cloaking Plugin Guide: How to Redirect Customers from Website X to the Checkout Page of Website Y Without Leaving the Website

$99.99

Buy on Amazon

Use the core Checkout block when you only need a checkout page

The Checkout block does not add product selection to the page. To use it, add the block to a page and assign that page as the store’s checkout page under WooCommerce > Settings > Advanced. WooCommerce says stores started on version 8.3 or later use Cart and Checkout blocks by default. Compatibility varies: an incompatible extension may prompt a switch to Classic Checkout, and an incompatible payment gateway may not appear. Check the compatibility of your gateway and extensions before relying on block checkout.

For a block theme, edit the Checkout template at Appearance > Editor > Templates > WooCommerce. With a non-block theme, edit the Checkout page under Pages. WooCommerce also documents how to revert to Classic Checkout if needed. See its Cart and Checkout blocks compatibility guidance.

Keep the regular Checkout page assigned

One Page Checkout does not replace the store’s ordinary Checkout page. WooCommerce says that page remains in use for receipts and order confirmation, and some gateways or extensions may depend on the standard Cart and Checkout pages. Keep the regular Checkout page configured even if shoppers start their purchase on a separate one-page checkout page.

WooCommerce’s setup creates Shop, Cart, Checkout, and My Account pages. Check their assignments under WooCommerce > Settings > Advanced after creating or changing checkout pages. See WooCommerce page setup documentation.

Check compatibility before launch

• Review the One Page Checkout extension’s tested integrations and confirm they match your chosen template and store setup.
• Do not assume every product add-on works: WooCommerce lists the Product Add-Ons File Upload field as unsupported.
• If you use a custom product-selection template, test it carefully. WooCommerce warns that custom templates reduce out-of-the-box compatibility.
• Test payment behavior with the exact checkout type you intend to use. The extension guide says gateways using WooCommerce’s normal payment section should work; the separate Checkout block guidance warns that incompatible gateways may not appear.
• Preview with in-stock and out-of-stock products, and verify that the products displayed and order confirmation behave as expected.

When a custom template is necessary

The four built-in templates cover common product-selection layouts. A custom template requires creating a template file in the active theme’s /woocommerce/checkout/ directory, rendering the products, and registering the template with the wcopc_templates filter. WooCommerce’s guide treats this as developer work requiring familiarity with HTML, CSS, and WooCommerce templating.

WooCommerce’s documentation explains how to configure One Page Checkout and build custom templates. The documentation describes setup and compatibility, not a measured conversion lift, so results will depend on the store and should not be assumed.

Quick Recap

Bestseller No. 1

CODARAB Cloaking Plugin Guide: How to Redirect Customers from Website X to the Checkout Page of Website Y Without Leaving the Website

$99.99

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.