WebSync Team

WebSync Checkout & Cart for Elementor gives you full visual control over the two most important WooCommerce pages — Checkout and Cart.
Replace the default WooCommerce checkout and cart layouts with beautifully designed, fully customizable Elementor widgets that integrate seamlessly with your Elementor-built website, without breaking WooCommerce functionality.
This plugin is perfect for store owners who want a modern, conversion-focused checkout and cart experience using Elementor.
<h4>Key Features</h4>
<ul>
<li>Checkout Widget – Fully customizable WooCommerce checkout built with Elementor</li>
<li>Cart Widget – Custom WooCommerce cart with modern layout and styling controls</li>
<li>Full Design Control – Style every part of checkout and cart using Elementor</li>
<li>Responsive Layouts – Optimized for desktop, tablet, and mobile</li>
<li>Modern UI – Clean, professional cart and checkout interfaces</li>
<li>Performance Optimized – Lightweight and WooCommerce-safe implementation</li>
<li>Easy Setup – Drag & drop widgets into Elementor, no coding required</li>
</ul>
<h4>Widgets Included</h4>
<ul>
<li>WooCommerce Checkout</li>
<li>WooCommerce Cart</li>
</ul>
<h4>Checkout Layout Options</h4>
<ul>
<li>One Column Layout – Mobile-first stacked checkout</li>
<li>Two Column Layout – Forms on the left, order summary on the right</li>
<li>Sticky Order Summary – Keeps order review visible while scrolling</li>
<li>Custom Spacing Controls – Padding, gaps, and margins</li>
</ul>
<h4>Cart Features</h4>
<ul>
<li>Custom Cart Table Layout</li>
<li>Optional Coupon Form</li>
<li>Continue Shopping Button</li>
<li>Cross-Sells Display (with column and limit controls)</li>
<li>Fully AJAX Compatible</li>
<li>Empty Cart State Styling</li>
</ul>
<h4>Style Controls</h4>
<ul>
<li>Container Styles – Backgrounds, padding, borders, shadows</li>
<li>Section Styles – Billing, shipping, order summary, cart totals</li>
<li>Typography Controls – Fonts, sizes, colors, spacing</li>
<li>Button Styles – Checkout, update cart, apply coupon, continue shopping</li>
<li>Field Styles – Inputs, labels, validation states</li>
<li>Table Styles – Cart and order summary tables</li>
</ul>
<h3>Data Collection (Usage Statistics)</h3>
To help improve the plugin, anonymous usage statistics are collected:
On Activation and deactivation: 
* Plugin name, slug and version 
* Whether it’s an update or new installation
On Deactivation (Optional): 
* Reason for deactivation (if you choose to provide it) 
* Optional comments about your experience
Data usage: 
* Used solely to improve plugin features and user experience 
* Anonymous aggregated statistics only 
* Never shared or sold to third parties
You can review our privacy policy at https://websync.tech/privacy-policy/
<h3>Support</h3>
For support: 
1. Review the FAQ section 
2. Visit https://websync.tech/contact/ 
3. Open an issue on GitHub
Please include: 
* WordPress version 
* Elementor version 
* WooCommerce version 
* PHP version 
* Error messages (if any)
<h3>License</h3>
This plugin is licensed under the GPL v2 or later.
<h3>Credits</h3>
<ul>
<li>Built for the Elementor community</li>
<li>Powered by WooCommerce</li>
<li>Thanks to all contributors and testers</li>
</ul>
<h3>A Note on Compatibility</h3>
Required: 
* WordPress 5.0+ 
* Elementor Free 3.0+ 
* WooCommerce 4.0+ 
* PHP 7.4+
Always test updates on a staging site before deploying to production.

WebSync Checkout for Elementor

Custom Elementor widgets that replace the default WooCommerce Checkout and Cart with fully customizable, modern layouts.

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.

WebSync Checkout for Elementor vs On-Page Checkout for Elementor