如何在 WooCommerce 中添加快速结账按钮

您是否希望为您的在线商店添加快速结账按钮?快速结账有助于简化结账流程,并改善客户的整体购物体验。它还可以提高转化率并减少购物车放弃。在本文中,我们将向您展示如何在 WooCommerce 中添加快速结帐按钮。

c2101fb1d9f3fcd60279145c2f1ae1fe.jpeg

为什么要在 WooCommerce 中添加快速结账?

将快速结账添加到您的 WooCommerce 商店可为您的客户提供更好的购物体验。

它允许客户直接进入付款页面并跳过购物车或结帐页面。他们也不必去支付提供商页面或填写结帐表格来完成购买。

快速结账按钮使整个购买过程更快。客户只需单击按钮并登录即可立即为他们希望购买的产品付款。因此,您可能会看到转化率的提高和放弃购物车的减少。

添加快速结账还可以帮助屏幕尺寸较小的移动用户。客户只需点击按钮即可快速购买产品。

但是,WooCommerce 默认情况下不提供快速结帐选项。您将需要使用 WooCommerce 插件将该功能添加到您的在线商店。

也就是说,让我们看看如何在 WooCommerce 中添加快速结帐按钮。

在您的 WooCommerce 商店中设置 FunnelKit

FunnelKit 是市场上最好的 WooCommerce 销售漏斗插件。它允许您添加快速结帐按钮并为您的在线商店创建不同的渠道页面。

使用该插件的最大好处是它可以与 Stripe、Apple Pay、Google Pay、PayPal Express、Amazon Pay 和其他用于快速结账的支付网关配合使用。这样,您就不必使用第三方插件或扩展程序将每个支付提供商添加到您的在线商店。

FunnelKit 还提供用户友好的模板,并允许您进行 A/B 测试。您可以使用不同的拖放式页面构建器轻松自定义您的渠道。此外,还有多个预建的模板和自动化功能可用于您的营销活动。

ed4fa1e0e91ae1801770e06a320a8c9c.jpeg

注意:在本教程中,我们将使用 FunnelKit Pro 插件,因为它包含高级模板和更多自定义选项。您还可以使用免费的 Funnel Builder for WordPress by FunnelKit 插件在 WooCommerce 中添加快速结帐按钮。

首先,您需要安装并激活 FunnelKit 插件。

激活后,您将看到 FunnelKit 设置向导。继续并单击“开始使用”按钮。

581690b7a03ba04547957fe511b1a31f.jpeg

之后,您需要输入您的许可证密钥。您可以在 FunnelKit 帐户区域找到密钥。

只需在输入许可证密钥后单击“激活”按钮即可。

cd78d307f3ce5788d3b93a18c7269c02.jpeg

接下来,FunnelKit 会要求您安装必要的插件。其中包括 WooCommerce、Stripe、FunnelKit Automations 和 FunnelKit Cart。

最好的部分是您只需单击“安装并激活”按钮,FunnelKit 将负责其余的工作。

2e2d4b9212c041eb721a884ef7d27ded.jpeg

插件激活后,最后一步是输入您的电子邮件地址。

完成后,只需单击“提交并完成”按钮即可。

a31f82201ff9eef430b9e368baed57bb.jpeg

现在,您将看到一条成功消息。您已准备好使用插件创建渠道,并将快速结帐按钮添加到您的 WooCommerce 商店。

继续并单击“转到渠道”按钮继续。

1379f8f4eadf41704940f828c18ae4fb.jpeg

在WooCommerce中启用支付网关

在继续之前,请确保您已在 WooCommerce 商店中设置了至少一项支付服务。

为此,只需转到 WooCommerce » 设置 从您的 WordPress 仪表板,然后单击“付款”选项卡。

a246c9e9c750808878d1e64b9994f3d9.jpeg

之后,您可以单击切换开关以启用您选择的支付网关,然后单击“完成设置”按钮以完成配置。

向 WooCommerce 添加快速结帐按钮

启用首选支付网关后,您可以从 WordPress 管理面板前往 FunnelKit » Store Checkout 页面。

从这里,只需单击“创建商店结账”按钮。

c8eed4650fac98e1021d3d1fc9450984.jpeg

在下一个屏幕上,FunnelKit 将向您展示为您的结帐页面专业设计的模板。它还允许您从头开始创建结帐页面。

但是,我们建议您使用模板并根据您的要求快速自定义它。

只需将鼠标悬停在您要使用的模板上,然后单击“预览”按钮即可。

f4a4fd824a1b2463b9e997b2b552485d.jpeg

在本教程中,我们将使用 Livewire 模板。

接下来,继续并单击顶部的“导入此漏斗”按钮。

f08470116d9ff2c2952073b6d0d496ab.jpeg

根据您使用的模板,FunnelKit 可能会要求您安装其他插件,例如 Elementor 来编辑结帐页面。

接下来,您需要输入商店结账的名称,然后单击“添加”按钮。

8714f56afcdd4a18a9edac758e75cd81.jpeg

之后,您将看到模板中包含的所有步骤。

您只需单击“编辑”按钮即可继续结帐页面。

9df253211fd2c5a6a1aa109438b21891.jpeg

接下来,您可以切换到“优化”选项卡。从这里,只需启用“快速结帐按钮”选项。

FunnelKit 还允许您从以下选项中选择按钮的位置:

  • 结帐页面顶部

  • 产品切换器之前/之后

  • 订单摘要之前/之后

  • 在支付网关上方

c3ec3e8acc814a57320dfecb8ac4c37b.jpeg

完成后,只需单击“保存更改”按钮即可。

就是这样,您已成功将快速结帐按钮添加到您的在线商店。

如果要编辑结帐页面的外观,可以切换到“设计”选项卡,然后单击“编辑模板”按钮。

158142a4668fbf213571e3c4757d8e1d.jpeg

您可以按照我们的指南了解更多信息 如何自定义 WooCommerce 结帐页面。

进行更改后,只需访问您的在线商店即可查看快速结帐按钮的运行情况。

fb04a84d79a7ab26b165040bed2c1de4.jpeg

此外,FunnelKit 可帮助您在 WooCommerce 中追加销售产品。这样,您可以通过鼓励用户购买更多产品来促进销售。

您还可以使用 FunnelKit 的姊妹产品 FunnelKit Automations 在 WooCommerce 中设置自动电子邮件。该插件可让您创建自动化工作流程并向客户发送电子邮件活动。

fd0bcef1acec43dc96a718ccd30c9424.jpeg

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值