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.

Clifton Griffin

Kestrel

Checkout Optimization for WooCommerce – Why replace your WooCommerce Checkout?
Stop losing sales to WooCommerce’s clunky default checkout. CheckoutWC gives you a modern, Shopify-style checkout proven to boost conversions 20-35% based on real customer reports. With express payments (Apple Pay, Google Pay, PayPal), address autocomplete, instant validation, and mobile-first design
The best Shopify features with the best of WooCommerce ✅
Which do you think is easier: doubling your traffic or doubling your conversion rate from 1% to 2%? 🤔
The answer is probably obvious: it’s much easier and less expensive to fix a leaky checkout page than it is to double the number of people who visit your site. Lead generation is expensive!
<h3>Highlights</h3>
<ul>
<li>Beautiful multi-step checkout that guide customers smoothly through your store</li>
<li>Express checkout: Apple Pay, Google Pay, PayPal – one-click checkout with supported gateways</li>
<li>Mobile-first design that looks great on any device</li>
<li>Smart validation & autocomplete (ZIP/postal → city/state, email domain suggestions)</li>
<li>Cart & shipping optimizations: only ask customers for the information you need, whether you’re selling digital goods, subscriptions, or regular shipped products</li>
<li>Customer conveniences: existing user detection, clear totals, sensible billing address controls</li>
<li>Theme & gateway compatibility: works with popular WooCommerce themes and payment providers</li>
</ul>
CheckoutWC provides a modern, conversion-focused WooCommerce checkout that’s 100% responsive and easy to tailor to your site, no more page builders or funnel hacks required. 
Here are the major benefits of optimizing your WooCommerce checkout with CheckoutWC:
Conversion-Optimized WooCommerce Checkout Template
Replace the default WooCommerce checkout with a beautiful multi-step template inspired by Shopify and built for higher conversions. Instead of a clunky, one-size-fits-all checkout that causes cart abandonment, you get a modern flow that guides customers through each step with clarity. Our merchants consistently see higher conversion rates simply by switching to CheckoutWC.
Express Checkout Options
Support for Apple Pay, Google Pay, and PayPal gateways gives you a true express checkout experience. Customers can skip the form and complete their order in seconds, which dramatically reduces cart abandonment and improves mobile checkout performance. Express checkout is one of the easiest ways to increase revenue without changing your products or traffic.
Mobile-Friendly & One Page Checkout Ready
Every CheckoutWC template is 100% responsive and optimized for phones, tablets, and desktops. Whether you prefer a multi-step WooCommerce checkout or a single one page checkout flow, CheckoutWC makes it easy to give customers a faster, smoother experience on every device.
Smart Field Handling with Address Autocomplete
Stop losing sales to slow, error-prone forms. CheckoutWC includes instant field validation, email domain suggestions, and address autocomplete (zip → city/state). These features save time, reduce mistakes, and make the WooCommerce checkout process feel polished.
Cart & Shipping Optimizations
Fight cart abandonment with built-in checkout optimizations: skip the cart page entirely, skip shipping fields when not needed, hide optional fields, and collapse extra inputs. CheckoutWC Lite also makes sure sale prices and totals are displayed clearly, which increases trust and helps customers complete their purchase.
Customer-Friendly Experience Improvements
Detect existing users by email, simplify billing address handling, show mobile cart totals above the place order button, and make free orders frictionless by hiding unnecessary billing fields. These small touches create a checkout that feels intuitive and professional, which keeps customers coming back.
Works With Every Theme & Payment Gateway
CheckoutWC Lite is designed for broad compatibility. It works with all WooCommerce themes, all payment gateways, and popular extensions out of the box. No matter how your store is set up, CheckoutWC makes sure your WooCommerce checkout just works.
Developer-Friendly Tools
Need more control? CheckoutWC Lite includes options to add header and footer scripts or extend functionality with PHP snippets. Developers can easily customize the WooCommerce checkout experience without fighting against page builders or messy templates. Do what the WooCommerce block checkout won’t let you!
<h3>Integrations</h3>
CheckoutWC works with major WooCommerce extensions including Subscriptions, Memberships, and Constellation by Kestrel.
It also integrates seamlessly with popular payment gateways (Stripe, PayPal, Square, Authorize.net) and shipping plugins.
<h3>Want even more? CheckoutWC Pro unlocks…</h3>
<h3>CheckoutWC Pro Features</h3>
Premium Checkout Templates
Unlock Shopify-style one-page and multi-step WooCommerce checkout layouts like Glass, Futurist,, and Midas. All templates are mobile-optimized, lightweight, and built for higher conversion rates. Features include inline field editing, persistent carts across sessions, user matching for returning customers, and a smoother checkout flow than default WooCommerce or blocks.
Conversion Optimizations
Pro adds proven WooCommerce checkout enhancements that reduce cart abandonment: trust badges, smarter coupon handling, collapsible order review and cart summaries, inline validation, email domain autocomplete, and address autocomplete (Google Maps/Fetchify). Express checkout gateway support for Apple Pay, Google Pay, PayPal, and Amazon Pay lets customers complete orders in seconds.
Side Cart for WooCommerce
Give your customers a faster, more seamless shopping experience with a modern, AJAX-powered WooCommerce Side Cart. Instead of forcing shoppers to reload pages or visit the cart separately, you can show live cart contents, quantities, totals, and shipping progress without interrupting the browsing flow. The side cart supports coupon entry, product variations, and inline quantity edits. You can also display free shipping goals and order bumps on the cart to increase your average order value.
Order Bumps & Upsells
Boost your average order value with native WooCommerce order bumps and upsells. Rule-based targeting by product, category, cart total, or coupon. Multiple placement options (above payment, below totals, inside the side cart), flexible layouts and skins, and support for variable products. Add post-purchase upsells and downsells with after-checkout modal offers or suggested product carousels.
Abandoned Cart Recovery
Recover lost sales automatically with built-in WooCommerce abandoned cart recovery. CheckoutWC captures customer emails early in the checkout process, allowing you to send automated reminders to shoppers who abandon their carts. Send personalized follow-ups with discounts, offers, or gentle nudges to complete the purchase. Simple to set up and proven to win back sales you thought were gone.
Compatibility & Developer Tools
CheckoutWC Pro works with WooCommerce Subscriptions, Memberships, Constellation by Kestrel, physical, digital, and mixed carts, plus local pickup and delivery flows. Translation-ready with multi-currency, RTL, and WCAG 2.0 AA accessibility compliance. Track your checkout funnel with Google Analytics 4, Facebook Pixel, TikTok, and built-in hooks. Developers get a visual action hooks guide, safe template overrides, and a full snippet library. Lightweight, secure, and compatible with 99%+ of WooCommerce themes, payment gateways, and shipping providers.
<h3>Who Uses CheckoutWC?</h3>
CheckoutWC is built for any WooCommerce store that wants higher conversions and fewer abandoned carts.
Whether you sell physical products, digital downloads, or subscriptions, it gives you a faster, modern, conversion-optimized checkout that works with every WooCommerce theme and gateway.
<h3>Perfect for:</h3>
<ul>
<li>Store owners who want a Shopify-style WooCommerce checkout that looks professional and builds trust</li>
<li>Agencies & freelancers managing multiple client stores at scale</li>
<li>Course creators & membership sites using WooCommerce Subscriptions, WooCommerce Memberships, or Constellation</li>
<li>Subscription & dropshipping businesses needing fast, mobile-friendly checkout flows</li>
<li>Digital product sellers who want fewer failed orders and smoother repeat purchases</li>
<li>Local businesses & pickup / delivery shops needing clear shipping and pickup options.</li>
</ul>
If you sell with WooCommerce, CheckoutWC works for you. No extra setup or ecosystem changes required.
<h3>How to Improve Your WooCommerce Checkout Conversion Rate</h3>
Improving your WooCommerce checkout conversion rate starts with removing friction. Every extra field, confusing label, or slow-loading element creates hesitation, and hesitation kills sales.
CheckoutWC fixes this by replacing that one-page wall of fields with a guided, conversion-optimized flow. Customers move step-by-step through the process: first contact info, then shipping, then payment. Each section feels short and achievable, reducing anxiety and form fatigue. On mobile, this makes a dramatic difference—buyers see only what’s relevant at each stage and can complete a purchase with one thumb.
Express checkout options like Apple Pay, Google Pay, and PayPal eliminate typing altogether, while address autocomplete and instant validation prevent common form errors that cause failed orders. Built-in optimizations such as skipping unnecessary steps (like shipping on digital orders) and showing clear order totals reduce uncertainty, which builds trust and confidence.
In short, CheckoutWC transforms WooCommerce from a functional checkout into a sales engine—a checkout experience designed to convert visitors instead of losing them. When you remove friction and make the path to payment effortless, every bit of your marketing traffic becomes more valuable.
<h3>External services</h3>
CheckoutWC optionally connects to the Google Fonts API to load web fonts for your checkout template.
<ul>
<li>A request is sent to Google Fonts when you open CheckoutWC → Appearance → Design (to fetch available font options).</li>
<li>On the checkout page, a request is only made if you’ve actively selected a Google font.</li>
</ul>
If you do not choose a Google font, no calls are made to Google. This service is provided by Google: Terms of Use, Privacy Policy.
This service is provided by Google: <a href="https://policies.google.com/terms" rel="nofollow ugc">terms of use</a>, <a href="https://policies.google.com/privacy" rel="nofollow ugc">privacy policy</a>.
<h3>Why choose CheckoutWC by Kestrel?</h3>
CheckoutWC began inside a WooCommerce agency frustrated by the limitations of the default checkout. Every project meant wrestling with hooks, custom code, or expensive third-party plugins that never felt native to WordPress.
We built CheckoutWC as a purpose-made WooCommerce checkout plugin that combines the speed and clarity of Shopify’s checkout with the flexibility of WordPress. No complicated setup. No locked-down SaaS pricing. Just a drop-in upgrade that works with your store today.
Now, thousands of WooCommerce stores use CheckoutWC to reduce cart abandonment and improve conversions. It’s fast, intuitive, and built with store owners and agencies in mind.
A better WooCommerce checkout — fast, lightweight, and built to convert.
<h3>Troubleshooting Common Issues</h3>
Having trouble with your WooCommerce checkout? Most CheckoutWC issues can be fixed quickly with these steps:
<h4>Checkout page not loading or showing errors</h4>
If your checkout page isn’t loading properly, first update all your plugins to their latest versions. Many issues are resolved in updates. Next, check for plugin conflicts by deactivating all plugins except WooCommerce, CheckoutWC, your payment gateway, and shipping methods. If this fixes the problem, reactivate plugins one at a time to identify the conflict.
<h4>Express payment buttons not showing</h4>
Verify your payment gateway is configured with valid API keys and has express payments enabled in its settings. Remember that Apple Pay only appears on Safari or Apple devices, and Google Pay only shows on Chrome and Android devices. Check your browser’s developer console (F12) for JavaScript errors that might prevent buttons from loading. Ensure you’re using a compatible gateway like Stripe, Square, or PayPal Commerce Platform.
<h4>Error: “Account username is a required field”</h4>
This means WooCommerce is not configured to automatically generate usernames. Go to WooCommerce → Settings → Accounts & Privacy and enable the option to automatically generate usernames from customer emails
<h4>Error: “We were unable to process your order, please try again”</h4>
This indicates WooCommerce cannot verify checkout submits. Update WooCommerce to the latest version (requires WooCommerce 3.4 or higher). Clear your site cache after updating.
<h4>Checkout page styling looks broken</h4>
Clear your site cache and browser cache first. Check for JavaScript errors in your browser console (F12). If you’re using a theme like Divi, Astra Pro, or Avada, there may be conflicting checkout styles. Try temporarily switching to a default WordPress theme (like Twenty Twenty-Four or Storefront) to confirm it’s a theme conflict. Contact support with your theme name for specific compatibility guidance.
<h4>Address autocomplete not working</h4>
CheckoutWC Lite includes ZIP/postal code autocomplete that fills city and state automatically. This requires valid postal code data for your country. For Google Maps address autocomplete (predictive search as you type), you need CheckoutWC Pro with a valid Google Maps API key configured. If you’re seeing “Google Maps error” messages on your checkout, check your browser console for API key errors and verify your API key is configured correctly with the Places API enabled.
<h4>Changes to settings not appearing on checkout</h4>
After changing CheckoutWC settings, clear all caches: your site cache plugin, CDN cache (like Cloudflare), and browser cache. Hard refresh your browser using Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac). Try viewing the checkout in incognito/private browsing mode to rule out browser caching issues.
<h4>Server error messages (404, 500, 504 errors)</h4>
404 errors indicate the AJAX endpoint cannot be found—usually a server configuration issue or permalink problem. Try resaving your permalinks in Settings → Permalinks. 500 errors indicate a PHP fatal error; check your error logs or enable WordPress debugging (WP_DEBUG) to see the specific error. 504 timeout errors indicate server performance problems unrelated to CheckoutWC—contact your hosting provider.
<h4>Finding plugin conflicts quickly</h4>
If you have many plugins installed, use a binary search method: deactivate half your plugins, test the checkout, then you’ll know which half contains the problem. Keep dividing in half until you find the specific plugin causing issues. This is much faster than testing plugins one by one.
<h4>Still having problems?</h4>
Enable WordPress debugging (add define(‘WP_DEBUG’, true); to wp-config.php) and check your error logs for specific error messages. Test on a staging site when possible. Contact CheckoutWC support with details about your active theme, plugins, and any error messages from the browser console or server logs.

CheckoutWC Lite

If you're looking for the best checkout template available for WooCommerce, this is the plugin.

We recommend this solution to every merchant that's looking for a way to optimize their checkout page and increase conversion rates.

The Best Checkout Plugin

I install CheckoutWC anytime I'm building a site that uses WooCommerce. It is the simplest way to upgrade the checkout experience for customers.

Great Upgrade to WooCommerce Checkout


This plugin is the leader for how to do the checkout experience well - it would do WooCommerce to pay attention for what they provide out of the box.



From UX/UI design, customisation hooks, and amazing support, I ensure our team always uses this plugin for every ecommerce build we do.


Go to checkout plugin for every site


We use this on several large client sites including on doing over 20m per year. It's a complicated site with several WC extensions. CheckoutWC works perfectly. Great product, well coded, incredible support.



No negatives whatsoever. Give it a try.


We use this on a site with 20m+ annual revenue


Nice plugin, easy to use, great designs!


Great plugin

Replace your WooCommerce checkout page with a beautiful, mobile friendly, conversion optimized, Shopify like checkout template.

On-Page Checkout for Elementor vs CheckoutWC Lite