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.

Diego Versiani

fluidweb.co

Get up to 36% increase in conversion rates, eliminate unnecessary friction at the checkout page and benefit from increased customer satisfaction and loyalty.
Fluid Checkout simplifies and improves the checkout experience on WooCommerce websites for your new and repeating customers with a truly linear, Shopify-like checkout. Ask for shipping information before billing in a multi-step or one-step checkout layout optimized for mobile and large table and desktop screens, easily add trust symbols on various positions on the checkout page, display the coupon code field in a way that does not distract your customers, hide optional fields behind a link button, instantly validate checkout fields, automatically save customer data even between page refresh, skip steps already completed and offer customers to log into their account without leaving the checkout page.
Improve the accessibility at the checkout page with support for keyboard-only navigation and screen readers.
With <a href="https://fluidcheckout.com/pricing/" rel="nofollow ugc">Fluid Checkout PRO</a>, expand the checkout experience to the cart and order received pages, choose from various design templates, let customers edit cart items at the checkout page, match orders with existing customer account without friction with the account matching feature, display express checkout button at the top of the checkout page, display billing address before billing or force a single address section, format and validate international phone numbers.
<a href="https://fluidcheckout.com/" rel="nofollow ugc">View detailed list of features on our website</a> 
<a href="https://fluidcheckout.com/add-ons/" rel="nofollow ugc">View all available add-ons on our website</a>
<h3>Demos</h3>
<ul>
<li><a href="https://demos.fluidcheckout.com/pro/?add-to-cart=14&quantity=2" rel="nofollow ugc">Fluid Checkout PRO</a></li>
<li><a href="https://demos.fluidcheckout.com/multi-step/cart/?add-to-cart=14&quantity=2" rel="nofollow ugc">Fluid Checkout Lite</a></li>
</ul>
<blockquote>
Top notch plugin and support team!
Cleanest and easiest checkout plugin on the market – it will save you a lot of headache in setting up your checkout flow and the support team is active/responsive and consistently working to improve. Just go ahead download and activate this one 🔥🔥🔥
@vsonacci
</blockquote>
<blockquote>
 Insane how great this is!
This plugin radically modernizes and cleans up the WooCommerce checkout. 
While doing a better job at UX & Conversion Optimization, it’s also more compatible with plugins… even ahead of the new Gutenberg WooCommerce Checkout block that’s been under development! 
Quite insane how the developer is doing this. And a free plugin!!
@allancaeg
</blockquote>
<h3>Lite features (Free)</h3>
<ul>
<li>
Multi-step or Single-step: Choose between multi-step and one-step checkout layouts. While Fluid Checkout changes the layout of the checkout page, it will still look and feel like your website.
</li>
<li>
Optimized for mobile: Fluid Checkout is optimized for mobile devices and will surface the most appropriate keyboard type on fields such as phone and email. In fact, Fluid Checkout was created with mobile devices in mind, and enhanced with more functionality and style for bigger screens.
</li>
<li>
Easily add trust symbols to the checkout page: Add any widget such as accepted payment methods, security badges, reviews, testimonials, or anything that can boost the perceived trust customers have on the website.
</li>
<li>
Shipping before billing: Customers expect to fill up shipping information before thinking about billing, by asking for the shipping information before billing, we remove unnecessary friction, matching the customer’s expectations.
</li>
<li>
Hide optional fields: The average checkout page has 16 open fields, by removing optional fields from the immediate view we can reduce that number to about 8-9 fields. These fields can still be entered as the customer can click the “Add ” links to reveal the fields they need. Examples of these fields are the “Company”, “Address line 2”, “Phone” and “Order notes”.
</li>
<li>
Instant field validation: The default WooCommerce checkout only validates when the form is submitted, leading to confusion and frustration. Customers want the “Place order” button to be the last thing they click to complete their purchase. Some things can only be validated when placing the order, such as if the credit card is valid and has enough funds to cover the order total, however, most errors at checkout can be prevented by instantly validating the customer data.
</li>
<li>
Integrated coupon code field at the checkout: When users see an open coupon code field at the checkout page the changes they will leave the website and go “coupon hunting” is very high, and they might not come back. The integrated coupon code field is displayed in a custom expansible section, and while less noticeable is still discoverable by customers who have a coupon and need to add it.
</li>
<li>
Shipping phone field: Add a separate phone field for shipping-related questions, in addition to the native billing phone field.
</li>
<li>
Automatically saved customer data: customers won’t lose any information they already have entered on the checkout page, and will get back exactly where they left when re-visiting it. Only payment information won’t be saved for security reasons.
</li>
<li>
Skip completed steps: Repeat customers will love how easy it is to complete their next purchase. Fluid Checkout skips the steps where all required information is provided and validated while providing an easy way to review and change any of the information.
</li>
<li>
Log-in without leaving the checkout: Repeat customers with an account registered can log in from the checkout page directly without having to visit another page and make their way back to checkout.
</li>
</ul>
<h3>PRO features</h3>
<ul>
<li>
Design templates: choose the design template that best fits your theme and website styles. Choose from the templates: Classic, Boxed, Split and Minimalist.
</li>
<li>
Account matching: let registered customers complete the purchase without logging in and associate the order to existing customer account.
</li>
<li>
Edit cart at checkout: let customers edit product quantity or remove products directly from the checkout page. You might even want to ditch the cart page entirely.
</li>
<li>
Express checkout: display express checkout buttons from popular payment methods at the checkout page.
</li>
<li>
Cart page optimization: always updated cart, with operations processed via AJAX, cart cross-sells display, coupon code field, and layout consistent with the checkout page.
</li>
<li>
Thank you / Order confirmation page: order details layout consistent with the checkout page on the order received page and account view order pages.
</li>
<li>
Order Pay page: beautiful layout for the order pay page, consistent with the checkout page, and displays the order details so your customers can confirm what they are paying for.
</li>
<li>
Billing before billing & force billing same as shipping: Choose between options to move the billing address section on the checkout form, including forcing billing and shipping addresses into a single address section.
</li>
<li>
Offer gift options: let customers add a gift message to their order that can to be printed with the packing slips generated by popular invoices and packing slips plugins.
</li>
<li>
Local pickup: hide shipping address when a local pickup shipping method is selected.
</li>
<li>
International phone number: format and validate phone fields on the checkout and account pages based on the country.
</li>
<li>
Integrated coupon code field at the checkout: more options for positions to display the coupon code field.
</li>
</ul>
Future features:
<ul>
<li>Improved Local Pickup</li>
<li>Delayed account creation</li>
<li>Customize checkout steps and fields</li>
<li>… and more.</li>
</ul>
Want all features? Get the <a href="https://fluidcheckout.com/pricing/" rel="nofollow ugc">Fluid Checkout PRO Bundle plan</a> with all the PRO features and all add-ons for a special price.
<a href="https://fluidcheckout.com/" rel="nofollow ugc">View detailed list of PRO features on our website</a>
<a href="https://demos.fluidcheckout.com/pro/?add-to-cart=14&quantity=2" rel="nofollow ugc">Fluid Checkout PRO demo site</a>
<h3>Add-ons</h3>
Even more features available as separate plugins:
<ul>
<li>
<a href="https://fluidcheckout.com/fc-google-address-autocomplete/" rel="nofollow ugc">Google Address Autocomplete for WooCommerce</a>: let customers search their addresses and autofill fields in the checkout page using the Google APIs, reducing by around 40% the number of fields they need to type. Also available to use without Fluid Checkout.
</li>
<li>
<a href="https://fluidcheckout.com/fc-address-book/" rel="nofollow ugc">Address book</a>: allow customers to save multiple addresses to their account and choose which ones to use at the checkout and cart pages.
</li>
<li>
<a href="https://fluidcheckout.com/fc-eu-vat-assistant/" rel="nofollow ugc">EU-VAT Assistant</a>: Collect and validate EU VAT numbers at the checkout page, removes tax charges on reverse charge basis and confirms customer location when needed.
</li>
</ul>
<a href="https://fluidcheckout.com/add-ons/" rel="nofollow ugc">View all products</a>.
Want all features? Get the <a href="https://fluidcheckout.com/pricing/" rel="nofollow ugc">Fluid Checkout PRO Bundle plan</a> with all the PRO features and all add-ons for a special price.
<h3>Fully Customizable</h3>
In addition to a number of default settings, multi-step or single step layouts and design templates (PRO) and easily enabling/disabling features from settings page, the plugin provides templates files many filter and action hooks that allow for fine tuned customizations. For more information and examples, see our guides:
<ul>
<li><a href="https://fluidcheckout.com/docs/how-to-customize-template-files/" rel="nofollow ugc">Customize template files</a></li>
<li><a href="https://fluidcheckout.com/docs/customize-button-styles/" rel="nofollow ugc">Customize button colors and styles</a></li>
<li><a href="https://fluidcheckout.com/docs/customize-colors/" rel="nofollow ugc">Customize colors of elements on Fluid Checkout</a></li>
</ul>
<h3>Tested WooCommerce Themes</h3>
Some themes may need adjustments due to not using WooCommerce standards hooks or styles. We’ve tested certain third-party WooCommerce themes to ensure better compatibility with Fluid Checkout. If your theme is not on the list it does not mean it won’t work. Only that we have not tested it yet.
<h4>Free Themes</h4>
<ul>
<li>Astra</li>
<li>Blocksy</li>
<li>Divi</li>
<li>Flatsome</li>
<li>Generate Press</li>
<li>Go</li>
<li>Hello Elementor</li>
<li>Hestia</li>
<li>Kadence</li>
<li>Neve</li>
<li>Ocean WP</li>
<li>OnePress</li>
<li>Orchid Store</li>
<li>Page Builder Framework</li>
<li>Phlox</li>
<li>PopularFX</li>
<li>Storefront</li>
<li>Woostify</li>
<li>Zakra</li>
</ul>
<h4>Premium Themes</h4>
<ul>
<li>Aora</li>
<li>Avada</li>
<li>Diza</li>
<li>Electro</li>
<li>Enfold</li>
<li>Hazel</li>
<li>Impreza</li>
<li>Kentha</li>
<li>LeadEngine</li>
<li>Minimog</li>
<li>Mr. Tailor</li>
<li>OnAir2</li>
<li>Phlox PRO</li>
<li>Razzi</li>
<li>Riode</li>
<li>Shoptimizer</li>
<li>Striz</li>
<li>The Hanger</li>
<li>Woodmart</li>
<li>Zota</li>
</ul>
** Don’t see your theme in the list? No problem. **
Only the themes that we have added explicit compatibility with or that we have tested and works as expected are listed above.
Try Fluid Checkout now and if you experience any issues please let us know through the <a href="https://wordpress.org/support/plugin/fluid-checkout/" rel="ugc">support forum</a> and we’ll fix it asap.
<h3>Compatible with popular plugins</h3>
<h4>Payment Gateways</h4>
<ul>
<li>Integration Rede for WooCommerce</li>
<li>Klarna Checkout for WooCommerce by Krokedil.</li>
<li>Mercado Pago payments for WooCommerce</li>
<li>PagSeguro for WooCommerce</li>
<li>Payment Plugins for PayPal WooCommerce</li>
<li>Payment Plugins for Stripe WooCommerce</li>
<li>PaysonCheckout for WooCommerce by Krokedil.</li>
<li>Rede WooCommerce</li>
<li>WooCommerce Affirm Gateway</li>
<li>WooCommerce Amazon Pay</li>
<li>WooCommerce Authorize.Net Gateway</li>
<li>WooCommerce PayPal Standard</li>
<li>WooCommerce PayPal Payments</li>
<li>WooCommerce PayPal Checkout Gateway</li>
<li>WooCommerce Stripe Gateway</li>
<li>WooCommerce Stripe Payment Gateway</li>
</ul>
<h4>Payment Gateways – with Express Checkout (PRO feature)</h4>
<ul>
<li>WooCommerce Amazon Pay</li>
<li>WooCommerce Stripe Gateway</li>
<li>WooCommerce Stripe Payment Gateway</li>
<li>Payment Plugins for PayPal WooCommerce</li>
<li>Payment Plugins for Stripe WooCommerce</li>
<li>Payment Plugins Braintree For WooCommerce</li>
<li>Klarna Checkout for WooCommerce</li>
<li>PaysonCheckout for WooCommerce</li>
<li>Dintero for WooCommerce</li>
<li>Nets Easy for WooCommerce</li>
<li>Svea Checkout for WooCommerce</li>
</ul>
<h4>Plugins</h4>
<ul>
<li>Brazilian Market on WooCommerce (<a href="https://demos.fluidcheckout.com/google-address-autocomplete-brazilian-market/cart/?add-to-cart=14&quantity=1" rel="nofollow ugc">see demo</a>)</li>
<li>Checkout Field Editor for WooCommerce (free and PRO) – by ThemeHigh</li>
<li>Captcha Pro</li>
<li>Creative Mail</li>
<li>Elementor (free and PRO)</li>
<li>Flexible Checkout Fields for WooCommerce</li>
<li>FluentCRM Pro</li>
<li>Flexible Shipping</li>
<li>German Market</li>
<li>Germanized for WooCommerce</li>
<li>Klaviyo</li>
<li>MailerLite WooCommerce Integration</li>
<li>MailPoet</li>
<li>Oxygen Builder</li>
<li>Brevo WooCommerce Email Marketing (formerly Sendinblue)</li>
<li>WooCommerce Correios – by Claudio Sanches</li>
<li>WP Crowdfunding</li>
</ul>
<h4>Plugins (PRO feature)</h4>
<ul>
<li>WooCommerce PDF Invoices & Packing Slips – by Ewout Fernhout</li>
<li>WooCommerce Print Invoices/Packing Lists – by SkyVerge</li>
</ul>
** Don’t see a plugin in the list? No problem. **
Only the plugins that we have added explicit compatibility with, or that we have tested and works as expected are listed above.
If a plugin or payment method is not on the list it does not mean it won’t work. Only that we have not tested it yet.
Try Fluid Checkout now and if you experience any issues please let us know through the <a href="https://wordpress.org/support/plugin/fluid-checkout/" rel="ugc">support forum</a> and we’ll fix it asap.
<h3>Translations</h3>
We understand this is very important to all users worldwide.
Fluid Checkout is fully localized and translatable using the built-in WordPress functions, and currently translated into 83 languages out of the 132 languages supported by WordPress, which should include all the most used languages. All translations are done automatically through DeepL or Google Translate as available on those services.
Some translations errors are expected to happen. Please <a href="https://wordpress.org/support/plugin/fluid-checkout/" rel="ugc">contact our support</a> and we will evaluate and fix these errors.
RTL Support
<ul>
<li>RTL languages are supported. The plugin will adjust its layout to RTL languages as expected.</li>
</ul>
IMPORTANT NOTES: 
– Languages with variations will use the same language file. For example, when the website is in German the translation used will be German (Formal). For all Spanish speaking countries, the translation used will be Spanish (Spain). 
– All official translations were made using automated methods such as Google Translate or DeepL. If you encounter any errors in the translation to your language, please report them to us and we’ll fix it.
See our documentation on <a href="https://fluidcheckout.com/docs/how-to-translate-fluid-checkout-plugins/" rel="nofollow ugc">How to translate Fluid Checkout plugins into your language</a>.

Fluid Checkout for WooCommerce – Lite

Frictionless Multistep Checkout for WooCommerce. Get up to 36% increase in conversion rates with a better purchase experience at the checkout page.

WebSync Checkout for Elementor vs Fluid Checkout for WooCommerce – Lite