W3 Relations

<p>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.</p>
<p><strong>Key Features</strong></p>
<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>
<p><strong>Requirements</strong></p>
<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.

Rupinder Kaur

<p>One Page Checkout and Layouts streamlines the entire checkout process by combining the cart and checkout into a single page. Customers can easily update product quantities or remove items instantly using AJAX, without page reloads. By merging the cart and checkout, your store delivers a faster, smoother shopping experience with fewer interruptions—resulting in happier customers and higher conversion rates for your online business.</p>
<h3>Quick Links</h3>
<p><a href="https://blueplugins.com/product/woocommerce-one-page-checkout-and-layouts-pro/" rel="nofollow ugc">Buy Here</a> | <a href="https://docs.blueplugins.com/docs/woocommerce-one-page-checkout-and-layouts-pro/installation/" rel="nofollow ugc">Read Documentation</a></p>
<h3>Features of One Page Checkout and Layouts for WooCommerce</h3>
<h4>Fast and Intuitive One Page Checkout</h4>
<p>Simplify the entire shopping experience by merging the cart and checkout into a single page. Customers can complete their purchase quickly without navigating multiple steps, resulting in higher conversions.</p>
<h4>Skip Cart and Redirect to Checkout</h4>
<p>Eliminate unnecessary steps by skipping the cart page entirely. Shoppers are redirected straight to checkout, making the buying process faster and smoother.</p>
<h4>Change Quantity on the Same Page</h4>
<p>Customers can easily update product quantities or remove items directly from the checkout page—no need to go back and forth between pages.</p>
<h4>AJAX-Supported All Sections</h4>
<p>Enjoy a seamless, reload-free experience. With AJAX, every update (like changing quantities or removing products) happens instantly without refreshing the page.</p>
<h4>Predefined Layouts</h4>
<p>Choose from ready-made layouts designed to fit different store styles. Customize your checkout look and feel effortlessly.</p>
<h4>100% Mobile Friendly</h4>
<p>Deliver a smooth checkout experience on any device. Fully responsive layouts ensure your customers can shop and pay easily from desktops, tablets, or smartphones.</p>
<h4>Customize Billing & Shipping Fields</h4>
<p>Add/remove fields, set required or optional fields, and update placeholder text to tailor checkout forms.Collect only required information from cleints .</p>
<h3>A video guide</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/VIwovIySKoM?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>Features of One Page Checkout and Layouts for WooCommerce Pro</h3>
<h4>6 Predefined Layout</h4>
<p>Transform your checkout into a multi-step or accordion-style layout for a smoother, step-by-step shopping experience.</p>
<h4>Skip Cart and Redirect to Checkout</h4>
<p>Eliminate unnecessary steps by skipping the cart page entirely. Shoppers are redirected straight to checkout, making the buying process faster and smoother.</p>
<h4>Change Quantity on the Same Page</h4>
<p>Customers can easily update product quantities or remove items directly from the checkout page—no need to go back and forth between pages.</p>
<h4>Add Custom fields</h4>
<p>Option to add custom fields for custom store needs.</p>
<h4>Customize Billing & Shipping Fields</h4>
<p>Add/remove fields, set required or optional fields, and update placeholder text to tailor checkout forms.Collect only required information from cleints .</p>
<h4>Customize style</h4>
<p>Endless control over checkout page design for selective section to match with themes design .</p>


One page checkout and layouts for woocommerce

This plugin transforms the look and feel of the checkout page very easily, and with some custom CSS work you can make it look quite slick.

However, one big gripe I have is that the custom template files the plugin loads do not use the built-in WordPress template mechanism, so you cannot override e.g. the plugin's checkout/review-order.php with your own in your theme.  You can do this with most other plugins because they use the normal template system in WordPress, but looking into the source of this plugin, I can see they just do a direct PHP include for these, which is frustrating.

If proper template overriding comes in a future update, I shall upgrade my review to 5 stars.

Good basis, but templates are uncustomisable

One Page Checkout and Layouts streamlines the entire checkout process by combining the cart and checkout into a single page.

On-Page Checkout for Elementor vs One page checkout and layouts for woocommerce