W3 Relations

On-Page Checkout for Elementor adds a drag-and-drop Elementor widget that combines product selection and the full WooCommerce checkout form into a single page. No redirects, no separate cart page needed.
Key Features
<ul>
<li>Add the On Page Checkout widget anywhere in Elementor</li>
<li>Support for simple and variable products</li>
<li>Built-in quantity selector</li>
<li>Configurable section headings (billing, shipping, order summary, payment, button text)</li>
<li>Pre-select a product via a URL query string parameter</li>
<li>Enable / disable and relabel individual checkout fields from the admin settings page</li>
<li>Full WooCommerce payment gateway compatibility</li>
<li>Responsive layout out of the box</li>
</ul>
Requirements
<ul>
<li>WordPress 6.0 or later</li>
<li>WooCommerce 6.0 or later</li>
<li>Elementor 3.0.0 or later</li>
<li>PHP 7.4 or later</li>
</ul>

On-Page Checkout for Elementor

A custom Elementor widget that lets customers browse WooCommerce products and complete checkout on a single page.

On-Page Checkout for Elementor vs CheckoutWC Lite