比較了3個最佳WooCommerce Page Builder插件(拖放)

是否想通過可視化的拖放界面設計WooCommerce商店?為此,您需要一個WooCommerce頁面構建器插件。

一般來說,在線商店比常規網站更複雜,這就是為什麼並非所有頁面構建器插件都支持WooCommerce的原因。但是,有一些頁面構建器確實具有用於WooCommerce的內置功能。

使用@WooCommerce建立#eCommerce商店?這3頁的構建器#plugins可以幫助?

點擊鳴叫

在本文中,我們將比較三種流行的WooCommerce頁面構建器,並向您展示它們如何幫助您建立商店。讓我們開始吧!

在WooCommerce頁面構建器中尋找什麼

流行的WordPress頁面構建器 功能非常相似。它們提供了可視化編輯器組件,拖放功能以及即用型模塊。但是,為了進行比較, WooCommerce 是必須的。

一個真正的WooCommerce兼容頁面構建器將幫助您為產品和其他商店頁面創建自定義模板。如果您的商品未完全符合默認設置,這將特別有用 WooCommerce產品頁面結構

WooCommerce頁面構建器還可以使您能夠將條件規則應用於模板。例如,您然後可以對不同的產品類別使用不同的頁面結構。

此外,為WooCommerce提供特定模塊或元素的頁面構建器對於平滑的編輯過程非常理想。例如,「添加到購物車」模塊優於您必須自定義的標準按鈕元素,以使購物者能夠使用它來購買商品。

在下一部分中,我們將向您介紹三個插件,這些插件可以幫助您創建產品模板並確定在商店的哪個部分使用它們。它們將使您能夠為產品檔案庫設置唯一的模板,產品頁面,以及更多。

比較了三個頂級WooCommerce頁面構建器

我們將在下面探索的三個工具是WordPress生態系統中一些最受歡迎的頁面構建器。儘管它們都不是專用的WooCommerce頁面構建器,但是它們都提供專用的WooCommerce模塊以及設計WooCommerce單一和產品存檔模板的功能。

讓我們檢查一下每個功能。

1。 Divi Builder

Divi Builder。

Divi Builder 是一個複雜的頁面構建器,提供了廣泛的功能。它具有後端和前端編輯器,並允許您使用預構建的模塊來創建頁面。

Divi Builder即開即用,提供了一系列WooCommerce特定模塊。其中一些包括:

  • 產品部分
  • 產品畫廊
  • 添加到購物車按鈕
  • 產品等級
  • 產品價格

Divi Builder甚至包括Upsell模塊,因此您可以輕鬆地 實施關鍵的營銷策略。快速瀏覽以下WooCommerce元素:

Divi WooCommerce模塊。

您可以使用Divi Builder創建新的產品模板,也可以轉換現有的模板,並通過構建器對其進行增強。在後一種情況下,頁面元素將轉換為相應的模塊,然後可以對其進行編輯:

編輯WooCommerce模塊。

最終,Divi Builder作為電子商務頁面構建器的主要優勢在於它內置了WooCommerce選項。無需花費昂貴的插件即可使用此功能。

最後,通過Divi Builder,您可以將模板保存到庫中,並將其設置為特定頁面類型的默認模板。例如,您可以設計多個產品頁面模板並將它們分配給特定類別:

Divi Builder模板設置。

使用Divi Builder的好處很多,但它也是單個網站上最昂貴的頁面構建器之一。一年的許可證將 花了你$ 89,儘管該價格包括其他幾個主題和插件,以及在無限的網站上使用的價格。

此外,Divi Builder本身與Divi主題配合使用效果最佳。如果您不想切換到新主題,請牢記這一點。

2。 Elementor Pro

Elementor頁面構建器。

元素 可能是您可以使用的最受歡迎的WordPress頁面構建器。兩者都有 免費和高級版本。但是,其WooCommerce功能僅限於Pro版本。

使用Elementor,您可以使用各種現成的模板來構建新產品頁面,或者使用「小工具」系統來設計自己的布局。它提供了許多與Divi Builder相似的WooCommerce元素,包括產品元數據,麵包屑,「添加到購物車」按鈕等等:

Elementor的WooCommerce元素。

與Divi一樣,您可以通過修改各個模塊之間的各種設置來動態編輯元素:

使用Elementor編輯商店頁面。

在為WooCommerce提供的選項範圍方面,兩個頁面構建器都非常平衡。

Elementor Pro還提供對模板功能的訪問。使用模板,您可以設計獨特的產品和商店布局,並設置條件以使插件知道在哪裡實現它們:

在Elementor中配置條件。

根據我們的經驗,Elementor適用於大多數主題,包括 我們自己的與WooCommerce兼容的Neve主題。在這方面,它比Divi Builder靈活一些,這可能使其成為 緊貼當前主題

儘管Divi Builder界面更加人性化和時尚,但Elementor仍然很容易安裝。另外,您只需購買一個站點許可證即可 每年49美元,這幾乎是Divi成本的一半。

閱讀我們的Elementor完整評論 ?

3。 海狸生成器

「 Beaver構建器」頁面構建器。

像Elementor, 海狸生成器 提供免費和高級選項。但是,如果要訪問其WooCommerce設置,則需要高級版本以及可能的其他高級擴展。

Beaver Builder的WooCommerce模塊比Elementor和Divi Builder的模塊受到更多限制。它們包括關鍵的電子商務頁面部分和「添加到購物車」按鈕,但在這裡找不到產品元數據或麵包屑:

Beaver Builder的WooCommerce元素。

使用Beaver Builder,您可以使用可視編輯器來自定義產品頁面並添加新的WooCommerce部分。界面和用戶體驗(UX)與Elementor的相似:

使用Beaver Builder編輯產品頁面。

但是,如果您要為產品和商店創建和設置頁面模板,則需要單獨的但官方的, Beaver Themer附加組件。這個工具相當昂貴,因此很難推薦我們之前的兩個選擇。

使用Beaver Themer添加頁面模板。

您也可以考慮第三方 WooPack for Beaver Builder擴展,為WooCommerce商店增加了更多靈活性。

要使用Beaver Builder的高級功能,您需要支付以下費用 費用$ 99 第一年相對而言,WooCommerce功能的功能較弱,Elementor Pro的價格要高出一倍,比Divi每年高10美元。

Beaver Themer第一年的費用為147美元。但是,所有Beaver Builder產品都享有40%的續訂折扣。

閱讀我們的Beaver Builder完整評論 ?

結論

WooCommerce頁面構建器使您可以創建漂亮的在線商店,而無需觸碰任何代碼。您可以在一次性設計中包含WooCommerce內容,同時還可以為產品歸檔和單個產品頁面設計自定義模板。

使用@WooCommerce建立#eCommerce商店?這3頁的構建器#plugins可以幫助?

點擊鳴叫

至於哪種WooCommerce頁面構建器最好,兩者 Divi BuilderElementor Pro 提供廣泛的電子商務模塊和用戶友好的界面。但是,如果您僅打算在單個商店中使用Elementor,則價格會便宜得多,這是一個簡單的建議。

如果您尚未建立WooCommerce商店, 查看我們的完整教程 開始。我們也收集了 其他一些有用的WooCommerce插件 可以幫助您創建更好的商店。

您對選擇WooCommerce頁面構建器有任何疑問嗎?讓我們在下面的評論部分中對它們進行研究!

原創文章,作者:WPJIAN,如若轉載,請註明出處:https://wpjian.com/zh-tw/wordpress-seo/2020040831746.html