如何使用 Elementor 创建 WooCommerce 结帐页面

如何在大约 5 分钟内使用 Elementor 创建 WooCommerce 结帐页面

现在您已经安装并激活了上面提到的所有插件，是时候创建您的 WooCommerce 结帐页面了。 不过，在您执行此操作之前，您需要使用Elementor设置您的 WooCommerce 商店（如果您还没有的话）。

设置 WooCommerce 商店后，请按照以下步骤使用Elementor和EA Woo Checkout 创建 WooCommerce 结帐页面。

第 1 步：指定一个新页面作为您的 WooCommerce 结帐页面

WooCommerce 插件带有一个默认的结帐页面。 但是，要使用 EA Woo Checkout 设计您自己的漂亮结帐页面，您需要将默认结帐页面替换为您的另一个页面。

为此，请从您的 WordPress 仪表板创建一个新页面。 接下来，导航到WooCommerce -> 设置，然后单击“高级”选项卡。 从这里，您可以将所需页面指定为结帐页面。 只需单击结帐页面选项，然后从下拉菜单中选择任何页面作为您的 WooCommerce 结帐页面。

第 2 步：激活 EA Woo Checkout

接下来，您必须激活元素EA Woo Checkout 。 为此，您必须使用 Elementor Editor 编辑您的 WooCommerce Checkout 页面。 从“元素”选项卡下的“搜索”选项中找到“EA Woo Checkout”元素。

现在您只需将“Woo Checkout”元素拖放到“Drag widget here”或“+”部分即可。

将元素拖放到页面的任何部分后，这就是您将看到的默认布局。

第 3 步：编辑 Woo 结帐页面的内容

现在您已成功激活EA Woo Checkout元素，您可以开始编辑 Woo Checkout Page 的内容，使其更适合您的 WooCommerce 商店。

在“内容”选项卡下，您将看到几个选项，例如常规设置、订单详细信息等。 您可以根据需要配置这些设置来自定义 Woo Checkout 页面的内容。

您可以在我们的文档页面上找到有关如何配置EA Woo Checkout的内容设置的更多详细信息。

如果您拥有Essential Addons的专业版，您可以在另外两种布局之间进行选择——多步骤布局和拆分布局。

多步骤布局和拆分布局带有一些额外的样式选项，使您的 Woo Checkout 页面真正脱颖而出。 您可以在我们的文档中阅读更多关于它们如何工作的信息。

第 4 步：为您的 Woo 结帐页面设置样式

当您编辑完 Woo 结帐页面的内容后，是时候开始对其进行造型了，以使其看起来对您的客户更具吸引力。

有大量选项可用于以您喜欢的任何方式设置 Woo 结帐页面的样式。 只需单击“样式”选项卡即可自定义页面的不同区域。 您将看到许多不同的选项，例如“部分标题”、“订单详细信息”、“登录”、“优惠券”等。

调整并尝试所有选项，或访问我们的文档页面以了解如何设置 EA Woo Checkout 的样式。 只需单击几下，您就可以更改颜色、排版等，让您的 Woo 结帐页面在客户面前脱颖而出。

第 5 步：保存更改并查看最终结果

如果您完成了 Woo 结帐页面的样式设置，请确保保存您的更改。 您可以在发布页面之前预览最终结果。