海狸建造者 vs Divi 2022

自 1970 年代以來，所見即所得 (WYSIWYG) 編輯器一直是計算軟件的主要內容，但在 WordPress 世界中，我們看到越來越多的網站所有者轉向拖放式頁面構建器，以幫助他們創建時尚的博客文章和專業頁面。

自 WordPress 於 2018 年在 WordPress 5.0 中引入名為 Gutenberg 的新塊編輯器以來，這種採用得到了加強。當然，經典編輯器仍然適用於那些喜歡舊可視化編輯器的人。

新的塊編輯器可以免費使用，擁有用戶友好的界面，並且有許多有用的內容塊可供選擇。

我確實喜歡 WordPress 塊編輯器的簡單性，但不可否認它是一個基本的解決方案。 它的內容塊幾乎沒有自定義選項，並且沒有內置的模板系統。 這極大地限制了您可以創建的內容。

如果您希望將您的網站提升到一個新的水平，我建議您使用高級的拖放頁面構建解決方案，例如 Beaver Builder 或 Divi。

這些響應式 WordPress 插件讓您可以更好地控制博客文章、頁面和自定義文章類型的樣式。

在本文中，我想向您展示這些頁面構建插件如何比較，以幫助您了解哪個最適合您和您的項目。

WordPress.org 上提供了精簡版的 Beaver Builder，但由於免費版缺少許多功能，本文將重點介紹 Beaver Builder 的完整版。

海狸生成器界面

Beaver Builder 是一個前端編輯器，可以從 WordPress 的幾個不同區域啟動。

當您在 WordPress 塊編輯器中創建新的博客文章、頁面或自定義文章類型時，您將看到“啟動 Beaver Builder”或“使用標準編輯器”的選項。

“啟動 Beaver Builder”按鈕不會自動顯示在 Gutenberg 編輯器中。 它僅在您將 Beaver Builder 塊添加到頁面時出現。

如果 Beaver Builder 塊不可用，請檢查 Beaver Builder 設置頁面以確保啟用了相應的帖子類型。

Beaver Builder 也可以從經典編輯器和帖子、頁面和自定義帖子類型的主列表頁面啟動。

登錄後，您還將在 WordPress 管理欄中看到修改頁面的選項。

當 Beaver Builder 加載時，您將在右側看到一個顯示可用模塊的菜單。 此處還顯示行、模板和已保存佈局的選項卡。

單擊上面的 X 符號關閉菜單，但您可以通過單擊現在顯示的 + 符號重新加載菜單。

在頁面的右上角，您會看到一條提醒，說明您的頁面已被編輯並且有未發布的更改。 如果單擊“完成”按鈕，將顯示選項讓您放棄佈局、保存草稿或發布佈局。

頁面的左上角顯示您正在編輯的帖子、頁面或自定義帖子類型。 單擊它將加載 Beaver Builder 工具菜單。

此菜單中包含許多設置和功能。

從這裡，您可以發布佈局、將佈局另存為模板、複製佈局、查看所有修訂、檢查編輯歷史記錄等。

全局設置以及 Javascript 和 CSS 設置也可以從此菜單訪問，菜單底部顯示 WordPress 管理區域和支持頁面的快捷方式。

工具菜單右側是一個通知鈴，顯示插件更新和 Beaver Builder 博客的最新帖子。

要將新模塊或新行添加到佈局中，只需將其拖放到主畫佈區域即可。

一些預配置的列設置可用於行以及保存的列佈局、保存的行和預構建的行。

添加新行後，頁面上會顯示結構的輪廓。 您可以將內容模塊拖放到這些框中的任何一個中。

在行和模塊的左上角，您將看到將元素移動到佈局的另一部分的選項。 有問題的行或模塊也可以從這裡複製或刪除。

行和列有一個設置按鈕和一個操作按鈕，可讓您重置行寬和列寬。

可以在設置框的樣式選項卡中調整寬度、顏色、背景、邊框等。 除了邊距和填充之外，高級選項卡還允許您限制登錄用戶的可見性並調整移動用戶的斷點。

熟悉任何 WordPress 頁面構建器都需要一點時間，但是 Beaver Builder 無疑是最容易上手的解決方案之一。 它也是最快的之一，您所做的更改幾乎可以立即加載。

Beaver Builder 允許您為佈局的各個方面設置樣式，但正如您將看到的，Divi 在創建佈局時提供了更多自定義選項。

Divi Builder 界面

優雅的主題使用 Divi 這個詞來描述他們流行的 WordPress 主題和拖放頁面構建器。

這在那些不熟悉優雅主題的人中造成了一些混淆，這就是為什麼他們有時通過將設計稱為“Divi Theme”和頁面構建器“Divi Builder”來區分產品。

現在，我想專注於 Divi Builder。 此頁面構建器已合併到 Divi 主題中，但也可作為獨立的 WordPress 插件提供給那些想要將其與其他 WordPress 主題一起使用的人。

激活 Divi Builder 後，您將在添加新帖子、頁面或自定義帖子類型時看到“使用 Divi Builder”選項。

這將啟動前端可視化構建器，但也將提供一個名為 Legacy Builder 的後端編輯器。

您可以隨時從默認的 WordPress 塊編輯器切換到 Divi Builder。

Divi Builder 也可以從帖子、頁面和自定義帖子類型的主列表頁面啟動。

與 Beaver Builder 一樣，如果您已登錄，您將看到從 WordPress 管理欄中啟用 Divi Builder 的選項。

優雅的主題也有一個 Divi 佈局塊。

此塊允許您將任何 Divi 佈局直接插入到您使用默認 WordPress 塊編輯器創建的佈局中。

首次啟動 Divi Builder 時，系統會詢問您是要從頭開始構建佈局、選擇預製佈局還是克隆您已經創建的另一個頁面。

如果您從頭開始，Divi Builder 將加載您的空白畫布並顯示一個框以插入新行。

有 20 行可供選擇，每行都有不同的列結構。

插入一行後，Divi Builder 會要求您選擇要添加到頁面的模塊。

Divi Builder 然後為您選擇的模塊加載設置框。

如果您是 Divi Builder 的新手，我建議您通過選擇預製佈局來熟悉編輯器的工作原理，因為它可以讓您玩轉。

有經驗的用戶可能更喜歡從空白畫布開始，但請注意，當您選擇此選項時，主菜單不會自動加載。

要加載主菜單，請單擊頁面底部帶有三個水平點的按鈕。

主菜單選項分為三列。

您可以通過菜單左側的三個垂直點圖標加載構建器設置。

可以從此處將三種不同的查看模式添加到您的菜單中：懸停模式、單擊模式和網格模式。 這些模式改變了您與佈局交互並進行更改的方式。 例如，在懸停模式下，只需將鼠標懸停在頁面的一部分上就會突出顯示模塊、列、行和部分，然後您可以進行修改。

構建器設置框中的其他設置包括默認查看模式、歷史狀態間隔和頁面創建流程。

如果您創建了複雜的佈局，可能會出現頁面的錯誤部分被突出顯示的情況。 例如，您可能想要移動一列，但您不小心選擇了它所屬的行。

解決此問題的一種方法是使用線框視圖模式。 這會從您的視圖中刪除不必要的設計元素，以幫助您更輕鬆地查看頁面結構。 在復雜的佈局中移動東西時，它非常有用。

菜單的左側還有一些選項，可讓您在桌面、平板電腦和移動設備視圖中查看您的設計。

中間菜單有七個選項。 中間的 X 按鈕關閉菜單。

在左側，您可以從庫中加載佈局、保存當前佈局以及清除佈局。 在右側，您可以查看頁面設置、編輯歷史記錄和可移植性。

帖子/頁面設置框允許您更改標題、摘錄、特色圖片和類別。 此處還提供了許多設計設置，例如間距、調色板、自定義 CSS 和可見性。

編輯歷史記錄框可讓您輕鬆撤消和重做最近的更改，並查看您所做的所有更改的完整歷史記錄。

可以通過可移植性設置框以 JSON 格式導出和導入佈局。 這對於將佈局傳輸到其他網站很有用。

您的佈局可以保存並發佈在頁面的右側。

視頻教程和鍵盤快捷鍵也可以通過該區域的 Divi Helper 框顯示。 還有一個搜索功能，可以幫助您查找功能和文檔。

Beaver Builder 和 Divi Builder 的用戶界面工作方式不同，但是在調整行和列時，它們實際上以相似的方式工作。

兩種解決方案都在左上角顯示設置，讓您移動、複製和調整行和列。 然而，Divi 確實有更多的自定義選項。

Divi Builder 在行上方有一個元素，稱為部分。

部分可以包含多行，每行可以包含多列。 它為您構建頁面的方式提供了一些額外的靈活性。

在早期版本的 Divi Builder 中，佈局是直接從 WordPress 編輯器創建的，但是前端可視化構建器現在是使用 Divi 創建佈局的標準方式。

值得慶幸的是，Divi Builder 中仍然可以使用舊編輯器。

要激活 Legacy Builder，您首先需要進入 Divi 插件選項區域的高級部分，禁用最新的 Divi Builder 體驗並啟用經典編輯器。

Legacy Builder 的用戶界面看起來類似於可視化編輯器中可用的線框視圖模式。

雖然它不允許您實時預覽所做的更改，但我確實喜歡它的快速和高效。 一切都比在前端編輯器中加載快一點，並且更容易看到頁面的結構。

Beaver Builder 加載所有內容的速度比 Divi Builder 快，而且它的用戶界面更容易上手，但是 Divi Builder 提供了 Beaver Builder 中缺少的更多自定義設置和附加功能。

線框模式和 Legacy Builder 的加入也可以說使 Divi Builder 成為更靈活的解決方案。

如需更全面地了解 Divi Builder 的工作原理，請查看我們對 Divi Builder 的完整評論。

Beaver Builder 預製佈局

我是預製佈局的忠實擁護者，因為它們大大減少了創建時尚內容所需的時間。 它們還可以幫助您了解如何創建高級佈局。

Beaver Builder 提供的預製佈局不如 Divi，但每個模板的質量都一樣高。

主內容菜單的模板選項卡中提供了登陸頁面模板和內容頁面模板，以及您擁有的任何已保存模板。

登陸頁面模板是完整的整頁模板。 共有 15 個登陸頁面模板以及一個空白畫布頁面模板可用。

有適用於小型企業、健身房、律師、音樂家、攝影師、餐館、電子書等的模板。

當您選擇登錄頁面模板時，系統會詢問您是要替換現有佈局還是將其附加到您已有的佈局。

預製佈局會在幾秒鐘內插入到您的佈局中。

添加後，您可以根據需要調整它們並將它們保存為自定義模板。

內容頁面模板是適用於任何類型網站的頁面部分的通用模板。

提供 25 個內容頁面模板。 有一些佈局可幫助您插入關於區域、團隊信息、服務、聯繫表、定價表、註冊表單等。

Beaver Builder 還提供了數十個預建行。 這些佈局可以輕鬆插入頁面的任何部分。

您將在主內容菜單的行選項卡下找到它們。

如果您使用 Beaver Builder 的模板系統，您可以大大減少創建新佈局所需的時間。

佈局可以隨時保存並根據需要多次重複使用。

所有保存的模板都可以從 Beaver Builder 主管理菜單進行管理，並在以後根據需要進行編輯。

您可以保存模板、行、列和模塊，並且可以將每個保存的佈局分配給類別。

Beaver Builder 將預製佈局集成到他們的用戶界面中做得非常出色。 可以在幾秒鐘內插入佈局，並且可以一次又一次地保存和使用自定義。

Divi 預製佈局

與 Beaver Builder 一樣，Divi 為用戶提供了多種預製佈局。

超過 1,100 種佈局包可供選擇。

其中 150 個佈局是佈局包，其中包括您網站上許多區域的設計，例如您的關於頁面、博客、登錄頁面和畫廊。

如前所述，當您在新頁面上啟動 Divi Builder 時，可用選項之一是選擇預製佈局。

Divi 庫也可以從主菜單加載。

Divi Library 允許您插入預製佈局、保存的佈局和整個頁面。

您可以通過使用搜索框或選擇佈局分配到的 13 個類別之一來縮小對合適佈局的搜索範圍。

請務必在插入預製佈局之前保存當前佈局，因為 Divi Builder 會覆蓋它。

佈局包突出顯示包中包含的所有佈局，但我強烈建議單擊“查看實時演示”按鈕，以準確查看您的網站在選擇設計時的外觀。

為了幫助說明這一點，請查看下面屏幕截圖中顯示的 Divi Web Freelancer 設計的演示區域。

根據您的託管設置，Divi Builder 最多可能需要一分鐘來導入佈局包中的所有佈局。

將佈局插入頁面後，您可以自定義它並通過更改顏色、添加模塊和刪除與您無關的部分來使其成為您自己的佈局。

佈局可以隨時從 Divi 主菜單保存到 Divi 庫。

您可以命名每個佈局並將它們分組。

Divi 管理菜單鏈接到主插件選項頁面、Divi 主題生成器、Divi 庫和其他一些設置頁面（我們將在稍後討論）。

Divi Theme Builder 是一款出色的工具，可讓您構建自定義頁面模板。 然後，您可以將模板分配給帖子、頁面和自定義帖子類型。

對於每個模板，您可以為頁眉、正文和頁腳分配佈局。 然後，您可以準確指定應使用這些模板的網站的哪些區域。

例如，您可以為您的博客創建一個獨特的設計，但將其從某些帖子類別中排除。 您還可以為您的搜索結果頁面、404 頁面、檔案、主頁等創建獨特的模板。

所有保存的佈局都可以從 Divi 主管理菜單中鏈接的“Divi 庫”頁面查看。

可以從此頁面導入和導出佈局。 您還可以從此處管理佈局類別。

當您從 Divi 庫主頁面單擊以編輯佈局時，您將進入線框視圖模式下的設計概覽。

此模式對於調整佈局結構很有用，但如果您想進行更具體的更改，您可以切換到桌面視圖、平板電腦視圖或手機視圖。 這樣做可以讓您使用可視化編輯器修改保存的佈局。

如果您願意，您可以啟動常規的前端可視化編輯器並在頁面本身上進行自定義。

同時，我不認為 Divi Builder 的預製佈局的質量比 Beaver Builder 中可用的設計更好，但是 Divi Builder 中的整個設置要好得多。

Divi Builder 的佈局包為您提供了多達十幾個模板來幫助您構建一個完整的網站，而 Beaver Builder 僅提供單頁佈局和頁面特定部分的佈局。

Divi Builder 也有更多選擇，該插件提供 950 個登錄頁面模板，而 Beaver Builder 的 15 個。Divi 也可以使用大量第三方佈局。

然而，重要的是要注意，Beaver Builder 往往比 Divi Builder 更快地將佈局插入到您的頁面中。

查看 Divi 佈局頁面，了解 Divi Builder 提供哪些預製佈局。

Beaver Builder 內容模塊

Beaver Builder 中共有 29 個模塊可用。 這些模塊分為六類：基本、媒體、操作、佈局、信息和帖子。

有多種模塊可用於添加豐富的內容、調整佈局以及從博客中提取內容。

佈局類別中的模塊之一是側邊欄模塊，它允許您插入 WordPress 小部件。 這為將功能從其他 WordPress 插件集成到您的佈局中開闢了許多可能性。

當一個模塊被拖放到你的畫佈區域時，它的設置框就會出現。

您將在所有模塊中找到樣式、間距、可見性、動畫等的通用設置，但是每個模塊都有獨特的設置，允許您更改顯示的內容。

例如，在地圖模塊中，有用於輸入地圖地址、地圖高度和地圖標題屬性的字段。

Beaver Builder 沒有最大的內容模塊集合，也沒有提供像 Divi 那麼多的自定義選項。

但是，我確實相信 Beaver Builder 擁有創建漂亮佈局所需的一切，因為可以通過 WordPress 小部件將缺失的功能插入到佈局中。

Divi Builder 內容模塊

Divi Builder 中有 38 個內容模塊可供選擇。

除了圖像、視頻、投資組合和推薦等基本模塊外，還有一些有用的模塊可用於添加酒吧櫃檯、宣傳片、滑塊和號召性用語。

Divi Builder 還為項目添加了新的自定義帖子類型。

與 Beaver Builder 一樣，Divi 有一個側邊欄模塊，因此您可以將 WordPress 小部件集成到您的佈局中。

Divi Builder 使用顏色編碼系統來幫助您創建時尚的佈局。

部分為藍色，行為綠色，模塊為深灰色（幾乎是黑色）。

您可以通過將鼠標懸停在列上並單擊“添加新模塊”按鈕來添加新模塊。

正如我之前所展示的，當您選擇一個模塊時，模塊設置框將自動出現，以便您可以輸入值和調整樣式。

您所做的任何自定義都可以保存到 Divi 庫中。 這可以在創建頁面時為您節省大量時間。

例如，您可以修改地圖模塊，使其顯示您公司地址的地圖。 然後，您可以輕鬆保存地圖並將其插入您的“關於”頁面、聯繫表格、博客文章等。

Divi Builder 提供了比 Beaver Builder 更多的樣式和自定義選項，並且有九個額外的內容模塊，但我不相信任何人都會對任何一個 WordPress 插件中可用的內容感到限制，特別是因為可以使用側邊欄模塊將 WordPress 小部件插入到佈局中。

配置 Beaver Builder

可以從 Beaver Builder 用戶界面中的工具菜單加載全局設置框。

它允許您啟用和禁用頁面標題以及行、列和模塊的邊距和填充。 響應式佈局也可以從這個區域進行調整，並且有插入 CSS 和 Javascript 代碼的框。

Beaver Builder 主設置頁面分為幾個部分。

要接收自動插件更新，您需要在許可證部分輸入您的許可證密鑰。 可以在下一節中啟用和禁用模塊和帖子類型。

可以在下一節中調整對模板系統的訪問。 您可以啟用核心模板、用戶模板或所有模板。 模板也可以被禁用。

用戶訪問設置區域允許您定義哪些 WordPress 用戶組可以使用 Beaver Builder。 權限分為五個不同的區域，例如訪問構建器和 Beaver Builder 管理菜單。

常規設置頁面還允許您啟用和禁用圖標集、插件品牌、主題品牌和幫助設置。 工具部分提供緩存和調試。

我建議在安裝 Beaver Builder 後檢查 Beaver Builder 設置頁面，但您將執行的大部分自定義操作都發生在 Beaver Builder 主界面中。

配置 Divi Builder

與 Beaver Builder 一樣，您的大部分時間都將花在 Divi Builder 編輯器本身中自定義佈局，但可以從 Divi 主管理菜單中找到一些重要的設置。

主插件選項頁面有一個用於輸入優雅主題用戶名和 API 密鑰的選項卡。 您需要完成此操作才能接收自動插件更新。

在下一個選項卡中，您可以輸入您的 Google API 密鑰。 如果您想使用地圖模塊，這是必要的。 也可以從此頁面禁用 Google 字體。

下一個選項卡允許您為特定的 WordPress 帖子類型啟用和禁用 Divi Builder。 如果您想限制某些帖子類型（例如您的畫廊）對 Divi Builder 的訪問，這很有用。

在高級選項卡中，您可以啟用和禁用 CSS 和 Javascript 縮小。 這也是您可以啟用 Legacy Builder 編輯器的地方。

Divi Builder 讓您可以完全控制您網站上的每個用戶組可以做什麼和不能做什麼。

雖然 Beaver Builder 允許您限制對幾個關鍵區域的訪問，但 Divi Builder 允許您準確定義用戶可以訪問的功能。

例如，您可以阻止用戶加載佈局或禁用 Divi Builder 中的功能。

Divi 的支持中心提供有關您的系統的報告。 這可以幫助您診斷託管設置的任何問題。

例如，對於我的測試 WordPress 網站，報告顯示我的 WordPress 安裝資源有限。

此頁面還提供遠程訪問。 這可以幫助優雅主題支持團隊解決您在使用 Divi Builder 時遇到的任何問題。

支持中心還提供有用視頻教程的鏈接，並且有一種安全模式可以禁用可能導致其他 WordPress 插件和主題出現問題的功能。

如果啟用了 WP_DEBUG_LOG，此頁面上也會顯示錯誤。

Divi Builder 是一個簡單的 WordPress 插件設置，安裝後只需檢查一些設置。

設置區域中的突出功能是 Divi 角色編輯器。 擁有多名員工的大型 WordPress 網站的所有者會欣賞這一點。

海狸生成器主題

Beaver Builder Theme 是一個 HTML5 和 Bootstrap WordPress 框架，包含在 Beaver Builder Pro 和 Agency 計劃中。

它是一個最小的 WordPress 設計，用作使用 Beaver Builder 創建設計的空白畫布。 主題中提供了鉤子和過濾器，可幫助開發人員修改網站設計，並且對 WooCommerce 有很好的支持。

Beaver Builder Theme 的所有設置都包含在 WordPress 定制器中。

可以為頁面的數十個區域調整樣式和位置。 您的標題、導航菜單、博客、檔案、博客文章、WooCommerce 頁面和頁腳也有佈局。

雖然 Beaver Builder 的核心仍然是一個最小的 WordPress 主題，但開發人員已經付出了額外的努力來添加許多額外的自定義選項。

以您網站的徽標為例。 您可以上傳常規徽標圖像，一個用於 Retina 設備，一個用於常規設備和 Retina 設備的淡入徽標，另一個用於移動設備的徽標。

在許多其他 WordPress 主題中，設計的不同部分（例如頁眉、側邊欄和頁腳）可能會阻止 Beaver Builder 正確顯示佈局。 這就是為什麼許多 Beaver Builder 用戶已切換到 Beaver Builder 主題。

如果您希望在您的網站上使用 Beaver Builder 佈局，這是一個不錯的選擇。

迪維主題

Beaver Builder 將他們的設計作為 Beaver Builder 的框架主題進行營銷，而優雅的主題將 Divi 主題作為多功能的一體化 WordPress 主題進行營銷。

這凸顯了營銷的影響力，因為 Beaver Builder Theme 和 Divi Theme 之間的相似之處比人們想像的要多。

起初，Divi 是一個多合一的 WordPress 主題，但是每個人與 Divi 主題相關的大部分多功能性後來都遷移到了 Divi Builder。 這無疑是正確的做法。

因此，隨著大多數功能被整合到 Divi Builder 中，Divi Theme 可以被視為像 Beaver Builder Theme 這樣的框架。 因此，如果您碰巧擁有這兩種產品，您可以將 Divi Theme 與 Beaver Builder 或 Beaver Builder Theme 與 Divi Builder 一起使用。

激活 Divi 主題後，您將在 Divi 管理菜單中看到一些細微的變化。

這包括將插件選項頁面替換為主題選項頁面和指向 WordPress 定制器的鏈接。

除了擴展設置區域外，其他一切都保持不變。

有趣的是，如果 Divi Theme 被激活，Divi Builder 插件將自動停用。 這是必要的，因為 Divi Builder 的功能直接內置於 Divi 主題（以及優雅主題的 Extra WordPress 主題）中。

您會在 WordPress 定制器中找到數百個有用的選項，分佈在十幾個部分中。 這些可用於控制頁眉、頁腳和側邊欄等區域。

帖子、頁面和自定義帖子類型的主要內容區域仍由 Divi Builder 控制。

在定制您的網站設計方面，我不認為 Divi 主題比 Beaver Builder 主題更好或更差。 Divi Theme 在某些領域為您提供了更多選擇，而 Beaver Builder Theme 在某些領域提供了更多選擇。

Divi Builder 的所有插件選項都已集成到 Divi Theme 更廣泛的選項區域中。

例如，帖子類型設置現在可在構建器選項卡中使用，高級設置頁面中的選項現在位於常規選項頁面中。

常規設置頁面還包含社交媒體圖標、滾動、自定義 CSS 代碼等字段。

Divi Theme 用戶還可以使用其他選項。

您的網站導航菜單和佈局頁面有一個專門的選項區域，您可以在其中說明應在帖子和頁面上啟用哪些功能。

還有一些頁面用於添加 468×60 像素的橫幅和有關您網站的一般 SEO 詳細信息。

與 Beaver Builder 主題一樣，Divi 主題是一個最小的 WordPress 主題，已針對 Divi Builder 進行了優化。

如果您想利用 Divi 的大量預製佈局，我強烈建議您使用這種設計。

海狸建造者的成本

特性和功能是您在查看 Beaver Builder 和 Divi 時需要考慮的兩個因素，但是您還需要考慮這些產品的成本和您可用於項目的預算。

許多高級 WordPress 公司在其他網站上使用他們的產品會收取更多費用。 例如，入門級計劃可能支持一個網站，中級計劃可能支持三個網站，高級計劃可能支持十個網站。

Beaver Builder 和 Elegant Themes 更加慷慨，為無限數量的網站提供支持和更新。

雖然本文主要關注 Beaver Builder 的高級版本，但我仍然建議查看 Beaver Builder Lite。

對於簡單的網站來說，它是一個很好的解決方案，它還可以幫助您了解 Beaver Builder 界面的工作原理。

但是請注意，Beaver Builder 的免費版本缺少有用的模塊，例如聯繫表、定價表和地圖。 也無法訪問 Beaver Builder 模板系統或預製佈局。

For the vast majority of projects, the full version of Beaver Builder is a better fit than the lite version.

Three different premium plans are available: Standard, Pro, and Agency. All plans come with one year of premium support and access to premium modules and templates.

The standard plan retails at $99 per year. To get WordPress multisite support and access to the Beaver Builder Theme, you need to upgrade to the $199 per year Pro plan.

The $399 per year Agency plan adds white labeling. Web design companies may be interested in this plan as it allows you to rebrand the plugin as your own and change all references to Beaver Builder in templates and the admin area.

Beaver Builder 提供 30 天退款保證。

一年後，所有 Beaver Builder 會員還可享受 40% 的折扣。 這將 Beaver Builder 在隨後幾年的計劃價格降至每年 59.40 美元、每年 119.40 美元和每年 239.40 美元。

如果您不確定使用 Beaver Builder 的任何方面，我強烈建議您查看他們的詳細知識庫。 您還可以通過票務支持、Beaver Builder 社區論壇、Beaver Builder Facebook 群組和 Beaver Builder Slack 室尋求幫助。

Divi的成本

優雅主題會員的定價政策更為直接。

有兩個計劃可用，這兩個計劃都可以讓您完全訪問所有優雅主題產品。

每年的優雅主題會員費用為每年 89 美元。

與 Beaver Builder 一樣，一旦您的會員資格到期，您可以繼續使用 Divi Builder 等產品，但如果您不續訂，您將無法獲得支持和更新。

如果您認為您將在幾年內更新您的會員資格，您可能需要考慮獲得終身訪問計劃。 一次性支付 249 美元的費用，您將獲得所有優雅主題產品的終身訪問、支持和更新。

優雅主題還為所有新客戶提供 30 天退款保證。

為了幫助您更好地了解他們的產品，Elegant Themes 創建了我見過的最廣泛的文檔區域之一。 有數百個書面教程和視頻教程解釋了優雅主題 WordPress 主題和插件的工作原理。

會員還可以通過票務支持請求幫助，還有一個大型社區論壇、Meetup 網絡和流行的 Facebook 群組。

比較 Beaver Builder 和 Divi 的成本很困難，因為它們的定價模型略有不同。

儘管它受到更多限制，但我很欣賞 Beaver Builder 的免費版本，因為 Beaver Builder Lite 對於基本的博客和簡單的網站項目來說已經足夠了。

但是，我確實相信 Beaver Builder 的完整版是大多數 WordPress 用戶的最佳選擇。

Beaver Builder 的標准許可證價格為 99 美元，比優雅主題多 10 美元，但隨後的續訂費用僅為每年 59.40 美元。

對於忠實會員來說，這是一個很大的折扣，但是對於許多網站所有者來說，Elegant Themes 終身計劃最終可能會更便宜。

優雅主題會員資格還包括 Divi 主題，而您必須支付 199 美元才能訪問 Beaver Builder 主題。

更重要的是，Elegant Themes 會員資格包括五種優質產品：Divi Theme、Divi Builder、WordPress 雜誌主題 Extra、電子郵件選擇加入 WordPress 插件 Bloom 和社交媒體 WordPress 插件 Monarch。

因此，我相信優雅主題會員資格為大多數 WordPress 用戶提供了更好的性價比。

最後的想法

拖放頁面構建器可以幫助 WordPress 用戶通過用戶友好的界面在幾分鐘內創建漂亮的網站佈局。

在這樣的比較文章中，我有責任展示 Beaver Builder 和 Divi 的優缺點，但重要的是要記住，這兩種解決方案都是精緻的產品，它們之間有很多相似之處。

在這兩種產品中創建新行和新列的過程是相似的，但我確實覺得 Beaver Builder 的界面更容易學習，也更快一點。

Divi 提供更多自定義選項和更多預製佈局。 優雅主題會員資格中包含五種產品，我認為它也提供了更好的性價比。

我希望您喜歡我們對 Beaver Builder 和 Divi 的深入了解。

要了解有關 Beaver Builder 的更多信息，請查看官方銷售頁面或閱讀我們對 Beaver Builder 的完整評論。 您還可以通過訪問 Beaver Builder 演示頁面或測試插件的免費版本來更好地了解 Beaver Builder 的工作原理。

您可以在優雅主題網站和我們對 Divi Builder 的完整評論中了解 Divi 如何。 雖然沒有免費版本的 Divi Builder，但您可以在 Divi Builder 演示頁面上測試插件。 這將幫助您了解 Divi Builder 可以做什麼。

謝謝閱讀。
凱文