如何使用 Elementor 编辑 WooCommerce 商店页面

已发表: 2022-01-26

如果您有 WooCommerce 商店并且想要发展业务，我们在这里向您展示如何使用 Elementor 编辑 WooCommerce 商店页面。

在本文中，我们将通过几个简单的步骤向您展示编辑 WooCommerce 商店页面的过程。你必须和我们在一起直到最后才能学习这个过程。

我假设您已经安装了 WooCommerce 并为您的企业设置了商店页面。让我们向您展示编辑此页面的过程。

编辑商店页面有几个简单的步骤。您不必担心这一点。

步骤如下：

第 1 步：创建单一产品模板

第 2 步：选择一个预先设计的产品页面模板，或从头开始构建一个

第 3 步：添加构成页面的产品小部件

第 4 步：使用其他产品预览产品页面

第 5 步：设置条件

让我们开始吧！

第 1 步：创建单一产品模板

开始在 Elementor 中设计单一产品模板，遵循与创建常规单一模板类似的过程。

为此，您必须转到 WordPress 仪表板>模板>添加新的。然后您必须从模板选项中选择单页并单击创建按钮。

按照最简单的方法开始。使用预先设计的产品页面模板之一，对其进行自定义以适合您的网站。您可以选择各种样式，因为有几种不同样式的产品页面可供选择。

在开始添加小部件之前，请确保您正在处理全宽产品页面，方法是切换到全宽模板。

使用 Elementor 对产品页面的布局和样式进行完全自定义控制。

还有另一种选择从头开始构建它。在编辑面板中，您可以看到产品的特殊小部件。

现在，是时候构建构成您的产品页面的元素了。有关产品小部件的完整列表，请访问我们关于该主题的文档。对于本教程，您将使用以下 Elementor 小部件，而不使用其他插件：

您可以完全自由地使用布局和移动元素。

您有机会使用任何其他小部件来使您的产品页面更加有效和吸引人。您可以使用动态内容功能将共享按钮、号召性用语小部件、特色图片、下拉菜单甚至自定义字段添加到模板中。

我们建议您使用几种不同的产品进行预览，以确保您的产品模板具有正确的设计。

您必须单击左下方面板上的眼睛图标，然后单击设置。在预览设置下，选择您要显示的特定产品。现在，申请并查看它的外观。

这是您设置条件以确定产品模板将出现在何处的最后阶段。默认情况下，该模板将影响您网站上的所有产品页面。您还可以选择特定的产品类别。

点击发布——您的单个产品就上线了！

全做完了！您已使用 wsdgets 成功编辑了您的 WooCommerce 商店页面。现在，您可以期待比以往更多的访问者访问您的网站。

您可以使用 Elementor 的 WooCommerce Builder 获得设计灵活性，以视觉方式创建和微调您的产品页面，这为您提供了机会。这可以帮助您节省时间，并大大减少从您的想法转变为实时且功能齐全的在线 WooCommerce 商店所需的时间。

您可以查看许多 WooCommerce 主题并查看这些 WooCommerce 网站示例以获取灵感。

谢谢你和我们在一起。祝你今天过得愉快。