想要设计具有可视化拖放界面的 WooCommerce 商店吗？为此，您需要一个 WooCommerce 页面构建器插件。
一般来说，在线商店比常规网站更复杂，这就是为什么并非所有页面构建器插件都支持 WooCommerce。但是，有些页面构建器确实具有 WooCommerce 的内置功能。
使用@WooCommerce 建立#eCommerce 商店？这 3 个页面构建器 #plugins 有帮助吗？
点击发推文
在本文中，我们将比较三个流行的 WooCommerce 页面构建器，并向您展示它们如何帮助您建立商店。开始吧！
在 WooCommerce 页面构建器中寻找什么
最流行的 WordPress 页面构建器具有非常相似的功能。它们提供可视化编辑器组件、拖放功能和即用型模块。但是，相比之下，WooCommerce 是必须的。
真正的 WooCommerce 兼容页面构建器将帮助您为您的产品和其他商店页面创建自定义模板。如果您的商品不太符合默认的 WooCommerce 产品页面结构，这将特别有用。
WooCommerce 页面构建器还可以让您将条件规则应用于模板。例如，您可以为不同的产品类别使用不同的页面结构。
此外，为 WooCommerce 提供特定模块或元素的页面构建器是顺利编辑过程的理想选择。例如，“添加到购物车”模块优于您必须自定义的标准按钮元素，以便购物者使用它来购买商品。
在下一节中，我们将向您介绍三个插件，帮助您创建产品模板并确定在商店的哪个部分使用它们。它们将使您能够为产品档案设置独特的模板、产品页面等。
三个顶级 WooCommerce 页面构建器比较
我们将在下面探讨的三个工具是 WordPress 生态系统中一些最流行的页面构建器。虽然它们都不是专用的 WooCommerce 页面构建器，但它们都提供专用的 WooCommerce 模块以及设计 WooCommerce 单一和产品存档模板的能力。
让我们检查每个功能。
1. Divi生成器
Divi Builder 是一个复杂的页面构建器，提供了广泛的功能。它具有后端和前端编辑器，并允许您使用预构建的模块来创建页面。
开箱即用，Divi Builder 提供一系列 WooCommerce 特定模块。其中一些包括：
- 产品部分
- 产品图库
- 添加到购物车按钮
- 产品评级
- 产品价格
Divi Builder 甚至包含一个追加销售模块，因此您可以轻松实施关键营销策略。快速浏览以下 WooCommerce 元素：
/ p>
您可以使用 Divi Builder 创建新的产品模板或转换现有模板并通过构建器对其进行增强。在后一种情况下，页面元素被转换成相应的模块，然后可以编辑：
最后，Divi Builder 作为电子商务页面构建器的主要优势在于它内置了 WooCommerce 选项。无需昂贵的插件即可使用此功能。
最后，Divi Builder 允许您将模板保存到您的库中，并将它们设置为特定页面类型的默认模板。例如，您可以设计多个产品页面模板并将它们分配给特定类别：
使用 Divi Builder 的好处很多，但它也是单个网站最昂贵的页面构建器之一。一年的许可证将花费你 89 美元，尽管这个价格包括其他几个主题和插件，以及在无限网站上的使用。
此外，Divi Builder 本身最适合 Divi 主题。如果您不想切换到新主题，请记住这一点。
2. Elementor Pro
Elements 可能是您可以使用的最流行的 WordPress 页面构建器。两者都有免费和高级版本。但是，它的 WooCommerce 功能仅限于 Pro 版本。
借助 Elementor，您可以使用各种现成的模板来构建新的产品页面，或使用“小部件”系统来设计您自己的布局。它提供了许多类似于 Divi Builder 的 WooCommerce 元素，包括产品元数据、面包屑、“添加到购物车”按钮等：
和Divi一样，你可以通过修改模块之间的各种设置来动态编辑元素：
就 WooCommerce 提供的选项范围而言，两个页面构建器都非常平衡。
Elementor Pro 还提供对模板功能的访问。使用模板，您可以设计独特的产品和商店布局，并设置条件以便插件知道在哪里实施它们：
根据我们的经验，Elementor 适用于大多数主题，包括我们自己的与 WooCommerce 兼容的 Neve 主题。在这方面，它比 Divi Builder 更灵活，这可能使其非常适合当前的主题。
尽管 Divi Builder 界面更加人性化和时尚，但 Elementor 仍然易于安装。此外，您只需以每年 49 美元的价格购买站点许可证，这几乎是 Divi 成本的一半。
阅读我们完整的 Elementor 评论？
3.海狸生成器
与 Elementor 一样，Beaver Builder 提供免费和高级选项。但是，如果您想访问其 WooCommerce 设置，则需要高级版本和可能的其他高级扩展。
Beaver Builder 的 WooCommerce 模块比 Elementor 和 Divi Builder 的模块更受限制。它们包括关键的电子商务页面部分和“添加到购物车”按钮，但无法在此处找到产品元数据或面包屑：
借助 Beaver Builder，您可以使用可视化编辑器自定义产品页面并添加新的 WooCommerce 部分。界面和用户体验（UX）与 Elementor 类似：
但是，如果您想为您的产品和商店创建和设置页面模板，您需要单独但官方的 Beaver Themer 附加组件。这个工具很贵，所以很难推荐我们之前的两个选择。
也可以考虑第一个用于 Beaver Builder 扩展的第三方 WooPack，为 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 Builder 和 Elementor Pro 都提供广泛的电子商务模块和用户友好的界面.但是，如果您只想为一家商店使用 Elementor，它会便宜得多，而且很容易推荐。
如果您尚未设置 WooCommerce 商店，请查看我们的完整教程以开始使用。我们还收集了一些其他有用的 WooCommerce 插件，可以帮助您创建更好的商店。
您对选择 WooCommerce 页面构建器有任何疑问吗？让我们在下面的评论部分研究它们！
