海狸建造者 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 可以做什么。

谢谢阅读。
凯文