WebSync Checkout for Elementor

WebSync Checkout for Elementor is a WooCommerce page builder toolkit for Elementor. Build product grids and design the customer journey from a header mini cart and full cart page through checkout, the thank you page, login, and the customer account dashboard—without replacing WooCommerce’s secure commerce workflows.

The plugin includes dedicated Elementor widgets for WooCommerce Products Grid, Menu Cart, Cart, Checkout, Order Confirmation, and My Account pages. Store owners can customize responsive layouts, content, colors, typography, forms, tables, buttons, and customer-facing states while WooCommerce continues to handle products, cart totals, coupons, shipping, taxes, payments, orders, authentication, and account permissions.

Elementor Pro is not required. WooCommerce and the free Elementor plugin are required.

WooCommerce Elementor widgets included

• Products Grid: Display latest, featured, sale, best-selling, top-rated, category, tag, or manually selected products.
• Menu Cart / Mini Cart: Add a live header cart as a side cart or dropdown mini cart.
• Cart Page: Build a responsive WooCommerce cart with coupons, cross-sells, shipping, and cart totals.
• Checkout Page: Customize billing, shipping, order review, coupons, terms, and the place-order area.
• Order Confirmation / Thank You Page: Style the verified order-received experience and customer order details.
• My Account Page: Design login, registration, customer dashboard, orders, downloads, addresses, payment methods, and account details.

Products Grid widget

• Native WooCommerce product cards with product-type and extension compatibility
• Latest, featured, on-sale, best-selling, top-rated, and manual product sources
• Category and product-tag filters with any, all, or exclude matching
• Product exclusions, ordering, products-per-page, pagination, result count, and sorting controls
• Responsive one-to-six-column grids with independent desktop, tablet, and mobile settings
• Optional product images, sale badges, categories, titles, ratings, prices, and add-to-cart buttons
• Original, square, portrait, or landscape product image ratios
• Detailed card, image, typography, rating, price, badge, button, toolbar, and pagination styling
• Native WooCommerce AJAX add-to-cart classes and catalog visibility behavior
• Extension-ready query hooks and a backward-compatible skin API

Menu Cart widget

• Header-friendly cart icon with live item count and optional subtotal
• Side Cart or Mini Cart Dropdown presentation
• Click or hover opening, with left or right placement
• Native WooCommerce product, variation, price, subtotal, remove, View Cart, and Checkout output
• Automatic updates through WooCommerce cart fragments
• Optional automatic opening after an AJAX add-to-cart action
• Keyboard Escape support, drawer focus management, and accessible labels
• Visibility and detailed styling controls for every main cart area
• An anonymized Elementor sample item that never changes the administrator’s cart

My Account widget

• Native WooCommerce login, registration, password reset, dashboard, orders, downloads, addresses, payment methods, account details, and logout flows
• Vertical or horizontal account navigation with left or right placement, alignment, responsive spacing, and mobile scrolling
• Editable names and visibility controls for every standard WooCommerce account tab
• Compatibility with custom account endpoints added by WooCommerce extensions
• Optional Elementor library template replacement for the account dashboard while preserving extension dashboard hooks
• Detailed navigation state, content, heading, form, field, table, button, notice, address, and responsive styling controls
• Anonymized previews for every major account state without reading or modifying the administrator’s customer data

Checkout widget

• One-column or two-column responsive layouts
• Optional sticky order summary with responsive offset controls
• Editable billing, shipping, additional information, order, coupon, terms, and purchase-button text
• Billing and shipping field labels, placeholders, and default values
• Coupon and additional-information visibility controls
• Section, typography, form, order-summary, button, and individual-area styling
• WooCommerce AJAX checkout refresh compatibility

Cart widget

• One-column or two-column responsive layouts
• Optional sticky cart totals with responsive offset controls
• Editable update-cart, coupon, shipping, checkout-button, and totals text
• Optional coupon form, continue-shopping button, and cross-sells
• Automatic AJAX quantity and totals updates
• Custom empty-cart Elementor template support
• Section, typography, form, order-summary, totals, button, and individual-area styling

Order Confirmation widget

• Styles the native WooCommerce order-received and Thank You experience
• Editable confirmation message, payment-detail labels, and section titles
• Visibility controls for payment details, order summary, downloads, and customer addresses
• Optional Continue Shopping and logged-in My Account actions
• Detailed styling for messages, payment details, sections, tables, addresses, and buttons
• An anonymized Elementor preview that never queries or stores a real customer order
• Preserves WooCommerce order-key checks, guest email verification, gateway instructions, downloads, and extension hooks

Built for practical WooCommerce use

• Uses WooCommerce hooks, nonces, cart fragments, totals, shipping, coupons, and checkout processing
• Loads widget assets only when the corresponding Elementor widget is used
• Includes responsive controls for desktop, tablet, and mobile layouts
• Keeps existing WebSync widget settings compatible when upgrading
• Includes a versioned, validated Core API for compatible free and Pro widget skins
• Places the WebSync WooCommerce widget group first when editing WooCommerce content
• Does not load frontend scripts, styles, fonts, or executable code from third-party services

External services

The plugin works without connecting to WebSync or another external service.

An optional deactivation survey is displayed when an authorized administrator deactivates the plugin. Data is sent only when the administrator explicitly clicks Submit & Deactivate. The survey sends the plugin name, plugin slug, plugin version, selected reason, and any comments entered to https://api.websync.tech/. It does not send the site URL, administrator email address, customer information, cart contents, or order data. Clicking Skip & Deactivate sends no survey data.

The survey is used to improve the plugin. See the WebSync privacy policy.

Privacy

The frontend Menu Cart, Cart, Checkout, Order Confirmation, and My Account widgets do not collect or transmit personal data beyond the normal processing performed by WooCommerce and the store’s configured payment, shipping, analytics, and marketing extensions. Menu Cart, Order Confirmation, and My Account editor previews use fixed sample information and do not query customer orders, read the administrator’s customer data, or modify the administrator’s cart.

The optional deactivation survey is described in the External services section above.

Support

For support, visit https://websync.tech/contact/ and include your WordPress, WooCommerce, Elementor, and PHP versions together with any relevant error messages.