Title: WebSync Checkout for Elementor
Author: websynctech
Published: <strong>2025 年 12 月 10 日</strong>
Last modified: 2025 年 12 月 25 日

---

搜尋外掛

![](https://ps.w.org/websync-checkout-for-elementor/assets/banner-772x250.png?rev
=3416700)

![](https://ps.w.org/websync-checkout-for-elementor/assets/icon-256x256.png?rev=
3416700)

# WebSync Checkout for Elementor

 由 [websynctech](https://profiles.wordpress.org/websynctech/) 開發

[下載](https://downloads.wordpress.org/plugin/websync-checkout-for-elementor.1.0.4.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/websync-checkout-for-elementor/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/websync-checkout-for-elementor/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/websync-checkout-for-elementor/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/websync-checkout-for-elementor/#developers)

 [技術支援](https://wordpress.org/support/plugin/websync-checkout-for-elementor/)

## 外掛說明

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.

#### Key Features

 * **Checkout Widget** – Fully customizable WooCommerce checkout built with Elementor
 * **Cart Widget** – Custom WooCommerce cart with modern layout and styling controls
 * **Full Design Control** – Style every part of checkout and cart using Elementor
 * **Responsive Layouts** – Optimized for desktop, tablet, and mobile
 * **Modern UI** – Clean, professional cart and checkout interfaces
 * **Performance Optimized** – Lightweight and WooCommerce-safe implementation
 * **Easy Setup** – Drag & drop widgets into Elementor, no coding required

#### Widgets Included

 * **WooCommerce Checkout**
 * **WooCommerce Cart**

#### Checkout Layout Options

 * **One Column Layout** – Mobile-first stacked checkout
 * **Two Column Layout** – Forms on the left, order summary on the right
 * **Sticky Order Summary** – Keeps order review visible while scrolling
 * **Custom Spacing Controls** – Padding, gaps, and margins

#### Cart Features

 * **Custom Cart Table Layout**
 * **Optional Coupon Form**
 * **Continue Shopping Button**
 * **Cross-Sells Display** (with column and limit controls)
 * **Fully AJAX Compatible**
 * **Empty Cart State Styling**

#### Style Controls

 * **Container Styles** – Backgrounds, padding, borders, shadows
 * **Section Styles** – Billing, shipping, order summary, cart totals
 * **Typography Controls** – Fonts, sizes, colors, spacing
 * **Button Styles** – Checkout, update cart, apply coupon, continue shopping
 * **Field Styles** – Inputs, labels, validation states
 * **Table Styles** – Cart and order summary tables

### Data Collection (Usage Statistics)

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/

### Support

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)

### License

This plugin is licensed under the GPL v2 or later.

### Credits

 * Built for the Elementor community
 * Powered by WooCommerce
 * Thanks to all contributors and testers

### A Note on Compatibility

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.

## 螢幕擷圖

[[

[[

## 安裝方式

 1. Upload the plugin files to the `/wp-content/plugins/websync-checkout-for-elementor`
    directory, or install the plugin via the WordPress Plugins screen.
 2. Activate the plugin through the **Plugins** screen.
 3. Create or edit a page using Elementor.
 4. Drag the **WooCommerce Checkout** or **WooCommerce Cart** widget onto the page.
 5. Configure layout and styling options to match your design.

## 常見問題集

### What do I need to use this plugin?

You need:
 * WordPress 5.0 or higher * Elementor Free (latest recommended) * WooCommerce
4.0 or higher

### Can I use this with any theme?

Yes. The plugin works with any theme that supports Elementor and WooCommerce.

### Will this affect WooCommerce functionality?

No. This plugin only changes the presentation layer.
 All WooCommerce logic — payments,
shipping, taxes, coupons — works as usual.

### Can I customize checkout or cart fields?

The widgets use standard WooCommerce fields.
 You can customize fields using WooCommerce
hooks or third-party plugins.

### Is it mobile-friendly?

Yes. Both Cart and Checkout widgets are fully responsive and optimized for mobile.

### Does it support AJAX cart updates?

Yes. The Cart widget supports WooCommerce AJAX updates, including item removal and
totals refresh.

### What if I encounter issues?

 1. Ensure WooCommerce is properly configured
 2. Confirm your Cart and Checkout pages are set in WooCommerce settings
 3. Update Elementor and WooCommerce to the latest versions
 4. Temporarily disable other plugins to test for conflicts

## 使用者評論

這個外掛目前沒有任何使用者評論。

## 參與者及開發者

以下人員參與了開源軟體〈WebSync Checkout for Elementor〉的開發相關工作。

參與者

 *   [ WebSync Team ](https://profiles.wordpress.org/websynctech/)

[將〈WebSync Checkout for Elementor〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/websync-checkout-for-elementor)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/websync-checkout-for-elementor/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/websync-checkout-for-elementor/)，
或透過 [RSS](https://plugins.trac.wordpress.org/log/websync-checkout-for-elementor/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/websync-checkout-for-elementor/)。

## 變更記錄

#### 1.0.4

 * Fixed: Deactivated reason

#### 1.0.3

 * NEW: Deactivated reason

#### 1.0.2

 * NEW: WooCommerce Cart widget for Elementor
 * NEW: Cart layout and style controls
 * NEW: Optional coupon form and continue shopping button
 * NEW: Cross-sells display controls
 * Improved compatibility with Elementor preview mode
 * Bug fixes and performance improvements

#### 1.0.1

 * Initial public release with WooCommerce Checkout widget

## 中繼資料

 *  版本 **1.0.4**
 *  最後更新 **6 個月前**
 *  啟用安裝數 **30+**
 *  WordPress 版本需求 ** 5.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.9.4**
 *  PHP 版本需求 ** 7.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/websync-checkout-for-elementor/)
 * 標籤:
 * [checkout](https://tw.wordpress.org/plugins/tags/checkout/)[ecommerce](https://tw.wordpress.org/plugins/tags/ecommerce/)
   [elementor](https://tw.wordpress.org/plugins/tags/elementor/)[widget](https://tw.wordpress.org/plugins/tags/widget/)
   [woocommerce](https://tw.wordpress.org/plugins/tags/woocommerce/)
 *  [進階檢視](https://tw.wordpress.org/plugins/websync-checkout-for-elementor/advanced/)

## 評分

這個項目尚無任何評論記錄。

[Your review](https://wordpress.org/support/plugin/websync-checkout-for-elementor/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/websync-checkout-for-elementor/reviews/)

## 參與者

 *   [ WebSync Team ](https://profiles.wordpress.org/websynctech/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/websync-checkout-for-elementor/)