WooCommerce 為 WordPress 網站新增了電子商務功能，但如果您需要的不僅僅是 WooCommerce 的內建設計工具，會發生什麼情況呢？
您可能已經發現，WooCommerce 限制了您的設計前景，尤其是產品頁面和結賬區域。
這就是 WooCommerce Elementor 整合發揮作用的地方：它提供了拖放功能、對所有 WooCommerce 頁面的創意控制，以及對高階 Elementor WooCommerce 附加元件和主題的支援，否則你可能用不上。
在本指南中，我們將探討 WooCommerce 和 Elementor 背後的基礎知識、它們如何協同工作，以及如何利用 WooCommerce Elementor 組合建立一個漂亮的電子商務網站。
什麼是WooCommerce？
WooCommerce 是 WordPress 的一個外掛，可將任何標準的 WordPress 安裝變成一個電子商務網站。
WooCommerce
WooCommerce 是在 WordPress 上運營網店最受歡迎的解決方案，這得益於它與 WordPress 生態系統的快速整合、強大的受支援電子商務主題集合以及先進的開發靈活性。
以下是 WooCommerce 的一些主要功能：
- 數字和實物產品銷售：WooCommerce 還支援多種其他產品型別，包括訂閱、可變產品、聯盟產品和分組產品。
- 電子商務商店管理：WooCommerce 可在其儀表板中處理訂單、產品庫存和所有聯絡人。
- 自動建立重要的電子商務頁面：在網站上啟用 WooCommerce 後，您將獲得商店頁面、購物車頁面、我的賬戶頁面等更多頁面。
- 可擴充套件性和可伸縮性：WooCommerce 有一個龐大的外掛、擴充套件程式和附加元件生態系統，讓您可以加入未內建的新功能。由於 WooCommerce 支援大量訂單、產品和其他資料，因此使用 WooCommerce 擴充套件業務也很容易。
- 社羣和支援：雖然沒有直接的人工支援，但 WooCommerce 擁有一個由活躍的開發人員和使用者組成的大型社羣，網際網路上也有很多論壇和教程，可供查詢解決方案。
- 付款、發貨和稅收：您可以從數百家支付處理商中進行選擇，還可以連結到您喜歡的運輸提供商。您甚至可以根據地區設定稅收。
- 分析資料：很少有電子商務平臺能與 WooCommerce 提供的強大報告和分析功能相媲美。您可以跟蹤店鋪全年的業績，分析從客戶行為到每日收入的方方面面。
總的來說，WooCommerce 提供了廣泛的功能，使其成為 WordPress 的首選電子商務外掛。不過，在完全使用 WooCommerce 之前，我們建議您考慮使用其他電子商務外掛。
Elementor有何用途？
Elementor 用於輕鬆控制任何 WordPress 網站的設計。它與 WooCommerce 完美整合。這樣，您就可以自定義 WooCommerce 商店中通常缺乏編輯功能的元素。
Elementor
例如，Elementor 可幫助您進行自定義：
- WooCommerce 商店頁面
- 產品頁面
- 結賬和購物車頁面
- 我的賬戶頁面
- 商店頁面
Elementor 提供拖放式編輯體驗，使視覺化設計介面主要利用計算機滑鼠，而不是計算機程式碼或高階開發設定。
拖放式編輯器不僅可以對上述頁面進行自定義，還能對網站的每個部分的設計進行更好的控制。
例如，你可以在幾秒鐘內定製主頁或新增一個 “即將推出 “頁面，這一切都要歸功於 Elementor 自帶的頁面和版塊模板。
總的來說，Elementor 提供
- 帶有 WooCommerce 模組的拖放式建立器
- 考慮到電子商務的預製模板
- 專門的 WooCommerce 生成器工具，具有專門用於電子商務元素的小工具和功能
- 為在 WooCommerce 中建立的每個區塊、部分和頁面設計高階樣式
由於 Elementor 與 WooCommerce 的易用性，世界各地的開發人員和網站所有者都在使用該外掛製作高度定製化的線上商店。
WooCommerce可以與Elementor一起使用嗎？
是的，Elementor 可與 WooCommerce 外掛配合使用。
事實上，Elementor 是作為一種產品出售的：
- 減少 WooCommerce 所需的外掛
- 提高轉化率（使用預製、優化的 WooCommerce 部分和主題）
- 幫助視覺化網店開發，無需程式碼
Elementor 還附帶各種 WooCommerce 小工具。
下面是一些 WooCommerce Elementor 小工具的列表：
- 產品元
- 簡短描述
- 產品麵包屑
- 我的賬戶
- 購物車
- 購物車選單
- 產品庫存
- 加入購物車
- 產品評價
- 更多
在自定義設計方面，Elementor 可幫助您自定義 WooCommerce 商店中以前一般無法自定義的區域。Elementor 可以讓你編輯結賬、購買摘要、我的賬戶頁面、產品頁面、購物車等。
除了完整的 WooCommerce 網站工具包和 WooCommerce 的單頁面設定功能外，可以說 WooCommerce 和 Elementor 配合得相當好。
為什麼要為WooCommerce網站使用Elementor？
使用 WooCommerce 而不使用 Elementor 是完全沒問題的。對於絕大多數企業來說，它仍然是一個功能強大的電子商務平臺。不過，你會發現沒有 Elementor，定製選項會受到限制，而且你會花費更多時間來開發網站。
以下是使用 Elementor 和 WooCommerce 的主要原因：
- 改進視覺設計：WordPress 有自己的 Gutenberg 頁面生成器，但 Elementor 在此基礎上擴充套件了功能，提供了更多的區塊和預建部分。
- 定製不可編輯的 WooCommerce 頁面：從購物車頁面到 “我的賬戶” 頁面，Elementor 都能讓你自定義各種通常被封鎖的 WooCommerce 頁面。它還允許你自定義產品頁面的幾乎所有方面。
- 以轉化為導向的設計：Elementor 的所有元素都是響應式的，它的許多 WooCommerce 部件和區塊都是專門為促進銷售而設計的，如定價表、推薦和倒計時器。
- 與 WooCommerce 無縫整合：Elementors 可與 WooCommerce 完美配合，併為 Elementor 頁面構建提供了一個相容 WooCommerce 的大型主題和外掛生態系統。
- 省時省力，經濟高效：Elementor 的預設計模板、區塊和版塊無需自定義編碼和繁瑣的手動配置。只需幾分鐘就能建立專業的電子商務頁面。這就減少了潛在的開發費用和建立店鋪的時間。
有了這些優勢，我們建議在使用 WooCommerce 構建網站時始終使用 Elementor（或其他您喜歡的頁面生成器）。
如何使用Elementor和WooCommerce建立電子商務網站
Elementor 和 WooCommerce 是在 WordPress 上建立電子商務網站的最佳組合工具。在本指南中，我們將介紹使用這兩種工具建立網店所需的每一個步驟。
Step 1: 安裝 WooCommerce 和 Elementor
首先，您必須具備
- WordPress
- 伺服器（最好是功能強大的託管解決方案）
在您的 WordPress 網站上新增免費的 WooCommerce 外掛。
您還可以學習如何在網站上設定 WooCommerce，以減少麻煩。請務必啟用 WooCommerce 並完成配置步驟。
完成後，您將在 WordPress 中看到一個 WooCommerce 標籤，以及新增產品、設定付款、新增稅率等連結。
WordPress 中的 WooCommerce 面板
這一步的最後一部分涉及安裝和啟用 Elementor 頁面生成器。要麼安裝免費版的 Elementor，要麼按步驟購買並下載 Elementor Pro。
Step 2: 新增 WooCommerce Elementor 主題
WooCommerce 與絕大多數 WordPress 主題相容。Elementor 也是如此。不過，最好還是選擇多用途主題（可以讓你建立任何型別的網站）或面向電子商務的主題。這樣，當你試圖建立一個成熟的網上商店時，就不會被部落格主題所束縛。
在本文中，我們將為你推薦最佳的 WooCommerce Elementor 主題。你也可以上網搜尋 WooCommerce Elementor 主題。
找到最適合您的主題後，將其安裝到您的 WordPress 網站上。
Step 3: 建立 WooCommerce 主頁
預設情況下，WooCommerce 商店不會生成主頁，因此您需要從頭開始建立。為了加快這一過程，您可以進入 WordPress 中的 WooCommerce > Home，自動建立主頁。單擊 “Create a custom homepage” 並根據您的需要進行自定義。
點選建立自定義主頁並上傳徽標
這將為自定義新增一個Homepage—Front Page。
點選主頁選項
最後，進入 Appearance > Customize，選擇 “Homepage Settings“。在主頁顯示下選擇靜態頁面。在主頁下拉選單中選擇主頁。
使主頁靜態化
這將把該特定頁面作為您的全域性主頁，並允許您使用 Elementor 或 WordPress 主題自定義器進行自定義。
主頁（以及整個網站）的設計取決於所選的主題。例如，Astra 主題提供了啟動模板，可以在幾秒鐘內建立一個漂亮的網店。這些模板位於Appearance > Starter Templates（如果您使用的是 Astra）。
在 Astra 中搜尋特定行業的頁面模板
我們還建議探索 Elementor 的 Theme Builder。為此，請轉到 Templates > Theme Builder。
使用 “Single Page” 選項，然後點選 “Add New“。使用 “Pages” 和 “Blocks” 選項卡，快速設計專業主頁或網站上的任何其他頁面。
使用 “Pages” 選項卡檢視預製主頁
Step 4: 向 WooCommerce 新增產品
要在 WooCommerce 中新增產品，請轉到 Products > Add New。您還可以使用 CSV 檔案匯入多個產品。
點選在 WooCommerce 中新增新產品
填寫從 Product Name 到 Product Description、從 Price 到 Product Category 的所有內容。完成後點選 “Publish” 按鈕。
新增產品名稱、價格和媒體等詳細資訊
在 WordPress 中，您的產品列表始終位於 Products > All Products 下。
WooCommerce 中的產品列表
Step 5: 配置發貨、支付閘道器和稅費
在接受客戶購物之前，設定付款處理、運輸和稅收規則等基本要素非常重要。
這些都位於 WordPress 的 WooCommerce > Settings（WooCommerce > 設定）區域下。
關於運費，請轉到 “Shipping” 選項卡。點選 Add Shipping Zone。這樣您就可以根據地理區域設定特定的運費率。
新增發貨區
此外，您還可以滾動到頁面底部，配置 WooCommerce 發貨擴充套件，該擴充套件提供可列印的 USPS 和 DHL 標籤。
點選 WooCommerce 發貨的 “Get Started” 按鈕
此外，還有許多其他 WooCommerce 貨運外掛和擴充套件，可用於不同地區、承運商和貨運管理。
要設定付款處理，請導航至 WooCommerce Settings 下的 Payments 選項卡。安裝 WooCommerce 支付擴充套件，以接受信用卡和 Apple Pay 等支付方式。
您也可以考慮其他支付處理解決方案，如 Stripe、支付寶或 Klarna。按照提示步驟啟用支付處理功能，如輸入經營地址和新增支票賬戶以接收付款。
安裝 WooCommerce 支付
關於稅費，請轉到 WooCommerce 下的 “General” 選項卡。請務必填寫您的商業地址；稅金和運費都是根據該地址計算的。
滾動到 “Enable Taxes” 覈取方塊並打勾，以便在結賬時根據您的地址計算稅費。
在 WooCommerce 中啟用稅收計算
這將在 WooCommerce Settings 中顯示一個名為 “Tax” 的新選項卡。選擇該選項卡可配置附加稅類、含稅價格以及稅款計算方式等設定。
開啟新的 “Tax” 選項卡
與運費類似，WooCommerce 也有幾種稅務擴充套件，您可以啟用它們以獲得更高階的功能。
Step 6: 使用 Elementor 在 WooCommerce 中設定商店頁面
預設情況下，WooCommerce 會為您生成一個商店/店鋪頁面。您可以在 WordPress 的 “Pages” 選項卡中找到它。
點選商店 – 購物頁面進行設計
點選 “使用 Elementor 編輯“。Elementor 中還有一個 Template Kits 按鈕，可快速為您的商店頁面新增精美設計。
用於 Elementor 頁面的各種模板套件
使用 Elementor 編輯商店頁面的樣式和格式，並考慮插入模板工具包以加快處理速度。
完成後，您將擁有一個包含產品展示、過濾工具和搜尋欄的商店頁面。
已完成的商店頁面，包含篩選器、搜尋欄和專案
Step 7: 使用 Elementor 展示時尚產品系列
要建立一個產品系列–顯示在主頁上或作為一個單獨的分類頁面–我們建議使用 Elementor 主題生成器或在現有頁面上新增一個簡單的 widget。
使用主題建立工具，選擇 Product Archive，然後選擇並儲存為產品系列提供的佈局之一。
您可以將這些模板分配到您選擇的頁面，或者製作一個全新的頁面。
選擇產品檔案區塊，設計精美的產品系列
另一方面，您可以訪問之前建立的頁面，在 Elementor 中開啟該頁面，然後將 Products 部件新增到任何部分，這樣您就可以建立一個美觀的產品系列。
將產品部件拖放到編輯器中
之後，Elementor 提供了用於調整列數、行數和整個 widget 風格的設定。
Step 8: 使用 Elementor 自定義產品頁面
產品頁面的管理方式與 Elementor 中的其他頁面類似。
一種方法是開啟庫存中的任何產品，然後點選 “使用 Elementor 編輯” 按鈕。
使用 Elementor 編輯任何產品頁面
要進行更精細的控制並新增專業設計，請訪問 WordPress 中的 Templates > Theme Builder。選擇 “Single Product” 選項卡，然後點選 “Add New“。
您可以選擇專為 WooCommerce 產品頁面設計的區塊或頁面。
在 Elementor 中為單個產品預置區塊
這將連線到 Elementor 模板庫。之後，您可以在全域性或單個產品頁面中插入任何產品頁面塊或頁面模板。
Step 9: 使用 Elementor 自定義 WooCommerce 結賬和購物車
接下來的幾個部分涉及定製 WooCommerce 自動生成的基本電子商務頁面。
預設情況下，這些頁面（如結賬、購物車和我的賬戶）的編輯潛力有限。但有了 Elementor，你就可以完全控制每個頁面的格式、風格和整體外觀。
要編輯結賬和購物車頁面，請轉到 WordPress 的頁面。滾動所需的頁面，點選 “使用 Elementor 編輯“。
使用 Elementor 編輯購物車頁面，獲得最大控制權
Elementor Pro 提供了可完全替換 WooCommerce 預設購物車/結賬的替代小工具。
找到 WooCommerce 下的購物車小部件並將其新增到你的設計中。然後，您就可以從 WooCommerce 中刪除預設購物車了。
將購物車模組拖入購物車頁面
然後，您可以在 Elementor 中編輯購物車的內容、樣式和高階設定。例如，在購物車頁面，您可以調整顏色和字型，使其更適合您的品牌。
您還可以在顧客檢視購物車時，為額外的文字、推薦產品或媒體新增小部件。甚至還有編輯優惠券、總額和訂單摘要的工具。
您可以從 WooCommerce 中刪除舊的購物車模組，並編輯從優惠券設定到樣式的所有內容
編輯結賬區域的方法與此類似，在 Elementor 中開啟結賬頁面，然後將 Elementor Checkout 部件拖入編輯器。這將取代 WooCommerce 的預設結賬模組，只要刪除舊模組即可。
在 Elementor 中新增結賬小工具
插入並選擇後，Checkout 小工具會提供 Content、Style 和 Advanced 選項卡。
在 Elementor 中修改結賬頁面–從 Coupon 設定到付款樣式，無所不包
通過這些功能，可以自定義 “Your Order” 部分、”Returning Customer” 詳細資訊和 Payment 資訊等元素。您可以修改顏色、樣式、尺寸等。
Step 10: 使用 WooCommerce 和 Elementor 自定義 “我的賬戶” 頁面
要定製 WooCommerce 的預設 “我的賬戶 “頁面，請在 WordPress 中開啟 “Pages“。滾動到 “My Account” 頁面後，點選 “使用 Elementor 編輯“。
刪除舊的 “My Account” 模組，然後新增 Elementor 版本，作為 WooCommerce 下的一個小部件。
這將為您提供標籤和其他選項的內容設定，以及樣式和高階設定。
編輯 “我的賬戶” 頁面，提供內容、樣式和高階設定選項
例如，您可能想更改 “我的賬戶” 頁面的邊框型別或顏色，以獲得更貼近品牌的感覺。
這就是使用 WooCommerce Elementor 整合建立網店的過程！
接下來，我們將為你推薦最好的 Elementor WooCommerce 主題和外掛，幫助你完成設計過程。
2023年11個最佳Elementor WooCommerce主題
搜尋 WooCommerce Elementor 主題時，最好選擇具有以下特性的主題：
- 同時支援 WooCommerce 和 Elementor
- 響應式設計
- 頁面載入速度快
- 相容所有主流瀏覽器
- 您需要的基本電子商務功能（您可以使用 Elementor 和 WooCommerce 填補空白）
- 與您的品牌相匹配的設計
- 簡潔的介面
- 高評價和高質量的客戶支援/文件
您可以檢視我們最喜歡的 WooCommerce 主題，看看它們是否適合您的品牌。不過，您應該檢查這些主題是否真的支援 Elementor。
另一方面，你也可以選擇速度絕對最快的 WooCommerce 主題，將速度放在第一位。好訊息是，絕大多數主題都同時支援 WooCommerce 和 Elementor。
我們列出了一份最佳 Elementor 主題的清單，其中一些非常適合 WooCommerce，但並非所有主題都適合線上商店。
在多年研究 WooCommerce 主題的過程中，我們總結出了最好的 WooCommerce Elementor 主題：
1. Astra
Astra
Astra 可與 WooCommerce 無縫整合，與 Elementor 搭配使用，可作為多用途主題用於構建任何型別的網站，包括電子商務商店。
它擁有輕量級、快速的基礎，強大的自定義選項，以及一些對使用者最友好的字型、頁首和頁尾編輯功能。
2. Hello Elementor (With the Elementor WooCommerce Builder)
Hello Theme
Hello Elementor 是 Elementor 的官方主題。該主題採用時尚簡潔的設計，不加任何修飾，基本上可以構建任何型別的網站。
我們建議您將它與 Elementor WooCommerce Builder 結合使用，以建立簡潔、現代的 WooCommerce 網站，這也是目前最快的 WooCommerce 網站之一。
3. OceanWP
OceanWP
作為一款多用途 WordPress 主題，OceanWP 整合了 WooCommerce 功能，並直接支援 Elementor 頁面生成器。
對於這款輕便快捷的 WordPress 主題，您將獲得高質量的客戶支援、定期更新和大量文件。
它具有高度可定製性，可通過快速設定來編輯從顏色到字型、佈局到標題的所有內容，從而改善您的電子商務品牌的外觀。
4. Shopkeeper
Shopkeeper
Shopkeeper 並非多用途主題，而是直接迎合電子商務店主的需求。我們所期待的大部分電子商務網站基礎架構都已構建完成，隨時可用。
我們為特定的電子商務類別預置了模板，並與 WooCommerce 進行了深度整合。Elementor 也與該主題配合得很好，讓您可以調整佈局、編輯購物車，並自定義網店的方方面面。
5. Zakra
Zakra
Zakra 主題提供啟動演示，可加快店鋪建立過程。它與 Elementor 和 WooCommerce 整合，並提供利基演示，只需點選一下即可實現。
它被認為是市場上速度最快的多用途主題之一，你可以控制配色方案、字型和佈局變化。
6. Storefront
Storefront
Storefront 可能是可供選擇的功能最全面的免費電子商務主題之一，開箱即包含多種線上商店功能。
該主題由 WooCommerce 公司的同仁開發，因此可以與電子商務外掛順利配合使用。它還能很好地與 Elementor 配合使用，其簡潔性是其他電子商務主題所無法比擬的。
7. ShopIsle Pro
ShopIsle Pro
ShopIsle Pro主題是一款高階解決方案，具有先進的排版、預置的電子商務演示以及與Elementor和WooCommerce的深度整合。
與Elementor WooCommerce Builder相結合，您可以為任何網店構建優雅的設計，自定義字型和頁首，並在幾分鐘內啟動網店。不僅如此，您還能獲得出色的客戶支援和主題文件。
8. Neve
Neve
Neve 主題以快速、輕量級的介面提供多用途功能。使用 Elementor，您可以為任何行業，尤其是電子商務領域構建網站。
該主題有助於新增產品快速檢視，以及購物車通知和非畫布商店過濾器。我們還喜歡用它來調整 WooCommerce 購物車佈局或設定粘性購物車。
Neve 主題附帶了大量專為電子商務商店打造的啟動網站。
9. Customify
Customify
Customify 主題背後的理念是構建幾乎任何型別的網站、部落格或線上商店，因為它可以對樣式、字型和小部件區域進行深度定製。
至於線上商店，WooCommerce Elementor 整合讓你無需任何編碼知識就能輕鬆展示產品和編輯整個結賬體驗。
10. GeneratePress
GeneratePress
GeneratePress 主題是一款多用途解決方案，支援 WooCommerce 和 Elementor。與其他主題相比，它的主要優勢在於輕量級，而且採用模組化設計。
因此，您可以根據自己的需要啟用或禁用模組，並使用實時定製器來最大限度地控制您的品牌設計要求。
11. Phlox
Phlox
Phlox 主題是另一款多用途主題，為 WooCommerce 和 Elementor 開發人員提供了強大的建站體驗。
所有的一鍵式演示都可以直接放入設計中，無需您做大量的工作就能提供現代化的外觀。您還可以自定義網店的大多數方面，從購物車到產品在移動裝置上的顯示方式。
我們鼓勵你探索這些主題，並在 WooCommerce 和 Elementor 中進行測試。在做決定時，您可能想要完全控制，這意味著多用途主題可能適合您。
而另一些使用者則希望自己的主題從一開始就看起來像一個電子商務網站。在這種情況下，可以選擇 Storefront 或 ShopIsle Pro 這樣的主題，以獲得更多面向電子商務的體驗。
您還可以檢視 Elementor 的 WooCommerce 附加元件，以擴充套件 Elementor 中的小工具和功能。請檢視下文。
適用於Elementor的5大WooCommerce附加元件
從一開始，您就可以為自己的店鋪新增幾個必不可少的 WooCommerce 外掛。不過，我們建議您關注更多特定的附加元件和外掛，它們不僅能與 WooCommerce 整合，還能擴充套件 Elementor 的功能。
以下是我們最喜歡的 WooCommerce Elementor 附加元件：
1. HappyAddons
HappyAddons
HappyAddons 外掛實際上是專為 Elementor 製作的小工具和附加元件的集合。HappyAddons 中的一些小工具包括巨型選單、單頁導航、WooCommerce 購物車和部落格文章工具包。
一些專門針對 WooCommerce 的小工具用於產品旋轉木馬、網格、結賬和迷你購物車。甚至還有用於改善網店其他方面的小工具，如部落格文章、圖表、營銷和社交媒體。
2. PowerPack for Elementor
用於 Elementor 的 PowerPack
PowerPack for Elementor 為使用 Elementor 的 WooCommerce 網站提供了大量獨特的小工具。通過 70 多個 Elementor 小工具，您可以將麵包屑、推薦、按鈕等整合到一起。
還有一個模板庫，可以立即新增設計和特殊的 WooCommerce 小工具，如我的賬戶頁面、結賬頁面樣式和新增到購物車按鈕。
3. WooLentor
WooLentor
WooLentor 是 Elementor 頁面生成器的一個外掛，它改進了 WooCommerce 頁面生成器，並提供了電子郵件定製功能。
該外掛包括一個結賬欄位管理器和接受客戶部分付款的選項。您甚至還可以讓客戶提出定價建議，或讓您提供當日特價。
4. Essential Addons for Elementor
Essential Addons
Essential Addons 解決方案有免費版和高階版。該外掛通過價格表、產品網格、行動號召等部件改善了 Elementor 中的頁面構建體驗。
一些高階元素包括高階 Google 地圖、Instagram Feed 和視差設計。
5. JetWooBuilder
JetWooBuilder
JetWooBuilder 是 Crocoblock 推出的一款 WooCommerce Elementor 附加元件，也是另一款值得關注的 Elementor 附加元件。JetWooBuilder 選項可以混合和匹配自定義模板、佈局切換器和店鋪特定頁面等元素。
你可以輕鬆配置旋轉木馬型別和分類卡片，還可以從時尚模板中建立單個產品頁面。
也許最重要的是，JetWooBuilder 附加元件可以絕對控制您的商店頁面，幫助您配置高階智慧過濾器。
何時考慮使用 Elementor Pro 與 Elementor’？
您可能會問：”Elementor 與 Elementor Pro 有什麼區別？
幸運的是，免費版的 Elementor 功能相當強大，包含了使用拖放功能建立網站或網店所需的大部分功能。儘管如此，升級到 Elementor Pro 後，WooCommerce 工具的功能還是得到了大幅提升。
首先，讓我們來看看 Elementor 和 Elementor Pro 之間的價格差異：
- Elementor：免費
- Elementor Pro：起價為每年 59 美元。其他計劃分別為每年 99 美元、199 美元和 399 美元
升級通常是為了支援同一 Elementor 訂閱的其他網站，而不是為了獲得更多功能。
不過，從 Elementor 跳轉到 Elementor Pro 確實會提供新的功能。
Elementor（免費）提供：
- 基本的主題生成器定製
- 有限的模板和區塊
- 匯出和匯入模板
- 移動編輯
- 40 多種設計元素，如推薦、按鈕、圖示框、文字編輯器等
以下是 Elementor Pro 為您提供的服務（Elementor Basic 不包括在內）：
- 自定義主題的每個部分
- 表單設計與整合
- 所有專業區塊和模板
- 所有專業小工具
- 彈出式建立器
- 滾動效果
- 頁首和頁尾建立器
- 約 30 多種小工具和設計元素，如區塊引語、部落格分頁、倒計時和磚石佈局
- WooCommerce 專用設計元素，如WC Categories, WC Products, 和 WC Add To Cart
何時從 Elementor 升級到 Elementor Pro
答案很簡單。升級到 Elementor Pro：
- 如果您想要使用 WooCommerce Builder 的大部分功能，如新增到購物車、分類和產品的編輯和模板。
- 如果您想完全控制網店的自定義功能
- 如果您想開始使用 Ken Burns 效果、登入小部件或翻頁框等附加元素
WooCommerce 使用者應該升級到專業版 Elementor，以獲得最佳體驗。
小結
在這篇文章中，我們重點介紹了 WooCommerce 和 Elementor 的特色功能，並向您展示了它們在結合使用時如何相互促進。我們還一步步教你如何使用 WooCommerce Elementor 整合來建立電子商務商店。
在此過程中，記得檢視我們的最佳 Elementor 附加元件和主題列表。這樣，與那些從零開始設計店鋪的人相比，你就有了先機。
評論留言