所有分类
  • 所有分类
  • WP插件Pro
  • HTML模板
  • 微信小程序模板
  • 源码

如何在WordPress中创建Checkout一键结账(5种方法)

wordpress外贸商城网站,为了顾客提供更流畅的结账体验是首要任务之一。特别是,在WordPress中添加一键结账功能可以帮助用户更快完成交易,从而提高销售额。

本文将介绍如何在WordPress中创建一键结账功能,以提升转化率并增加销售额。

为何要在WordPress中创建一键结账功能?

有时候繁琐的结账页面可能会赶走本有意购买的访客。用户需点击并通过一系列结账字段填写许多不必要的或重复的信息,这使得购买过程变得漫长而繁琐。结账流程越长,顾客中途放弃的可能性就越高。购物车放弃率为70.19%,其中22%的购物者表示结账流程太长或过于复杂是他们放弃购物的原因。

此时,一键结账流程应运而生。它就像添加一个立即购买按钮一样简单,让回头客享受流畅的结账体验。

一键结账使顾客能够仅通过点击按钮轻松在线购买商品,无需每次购买时都输入配送、账单和支付信息。

这类似于自动填充功能,但用户甚至不必填写字段,因为您的网站将自动处理交易,无需跳转到结账页面。

只需一次点击,访客就能快速完成购买,从而提升转化率并降低购物车放弃率。无论您拥有在线商店、服务型企业、会员网站还是其他类型的网站,这都是一个简单且有效的方式来增加销售。

方法1:使用WPForms在WordPress中创建一键结账(简单+免费选项)

通过WPForms,可以为买家轻松创建一键结账流程。WPForms是一款表单生成器,无需编写任何代码就能轻松构建各种类型的表单。

拖放式构建器能够通过Stripe支付功能轻松收取款项,从而创建付款表单、用户注册表单、费用审批表单等。此外,提供了1700多个模板可以选择,几乎可以找到任何类型的表单,这意味着您无需从头开始。

注意:好消息是,由于本教程仅使用免费的Stripe集成,您可以使用WPForms Lite版本。但如果您需要更多高级功能,则需要安装专业版。

首先,下载并激活WPForms插件。

激活后,从WordPress管理后台访问“WPForms”»“设置”页面。然后转到“支付”标签。

在Stripe部分下,需要点击“与Stripe连接”按钮。

这会将重定向到Stripe连接向导,可以在其中连接到现有账户或创建新账户。

请按照Stripe连接向导中的步骤操作。

完成这些步骤后,返回到WordPress仪表盘。

应该会看到一个绿色的勾号,表明Stripe账户现已连接到WPForms。

现在,在网站上开始选择付款,并且已经准备好创建结账表单了。

转到WPForms » 新增。在这里,可以为表单命名,这将有助于后续的参考。

然后,选择一个符合需求的支付表单模板。

为了本教程的演示,我们将使用“Stripe付款表单”模板。在该模板下方,点击“使用此模板”。

将进入拖放式表单编辑器,可以轻松地根据需要自定义表单。如果想要添加字段,只需从左侧的“添加字段”面板将其拖放到右侧。要编辑字段,点击该元素,并在“字段选项”下进行调整。

例如,如果要创建一个批发表单,可以使用单选按钮编辑多项选择字段。

然后点击该元素,在“字段选项”下,可以添加不同的产品。

需要激活Stripe Link,这是一种一键结账解决方案,可安全存储所有客户详细信息,并允许买家在网站上重复使用这些信息。它们使用符合PCI一级标准的服务器,这意味着客户的资料会被加密且安全。

要激活Stripe Link结账选项,请转到Stripe中的“设置”»“支付”页面。然后,前往“支付方式”标签。

在此处,“选择平台”选择“WPForms LLC”菜单。

这将把Stripe账户中的所有可用支付方式连接到WPForms。

向下滚动页面,将看到适用于WPForms的不同支付方式和设置。

确保为快速结账的“链接”选项处于活动状态。

之后,返回WordPress完成结账表单的创建。转到“支付”»“Stripe”标签。

然后开启“启用一次性付款”选项,以便在表单上激活Stripe。

完成设置后,点击“保存”按钮。

然后点击“嵌入”。

此时会出现一个弹出消息。在这里,可以选择将此表单嵌入到现有页面中或创建新页面。

假设已经有了一个结账页面,我们将点击“选择现有页面”按钮。

表单自动嵌入到您选择的页面中。随后,只需点击顶部的“发布”或“更新”按钮即可。

确保预览结账表单并检查付款是否成功发送到您的Stripe账户。

一旦激活,它将自动填充用户在Stripe上保存的信用卡详细信息。

注意,拥有Stripe账户的客户在使用Link时将被提示输入一次性密码进行身份验证。

方法2:使用WP Simple Pay在WordPress中创建一键结账(支持多种支付方式)

WP Simple Pay 是一个专注于Stripe支付集成的插件,它允许您轻松地在WordPress网站上设置一键结账功能,同时支持多种支付方式。这个插件特别适合那些希望简化结账流程而又不需要复杂购物车功能的网站。

安装与激活WP Simple Pay

  1. 获取插件:首先,访问WordPress插件库或直接在WordPress后台搜索“WP Simple Pay”插件,然后安装并激活它。
  2. 连接Stripe账户:激活插件后,您需要在WP Simple Pay的设置中连接您的Stripe账户,流程类似于之前使用WPForms时的步骤,确保您的账户安全连接并准备接受付款。

创建一键结账表单

  1. 新建支付表单:在WP Simple Pay的管理界面,创建一个新的支付表单。您可以通过拖放界面来添加产品、金额、订阅选项、折扣码等元素。
  2. 配置一键支付选项:在表单设置中,开启Stripe的“记住并复用支付信息”功能,这允许已经保存过支付信息的用户在后续购买时实现一键支付。
  3. 自定义表单样式:利用内置的样式选项或CSS自定义,确保您的结账表单与网站的整体设计保持一致,提供良好的用户体验。
  4. 添加到页面或帖子:使用提供的简码或 Gutenberg 块将表单嵌入到任何页面或帖子中,为用户提供无缝的一键购买体验。

特别注意事项

  • 安全性与合规性:确保您的网站遵循PCI合规要求,并明确告知用户他们的支付信息将如何被保存和处理。
  • 用户体验:测试不同的设备和浏览器,保证一键结账功能对所有用户都能顺畅工作。
  • 用户通知:设置好支付成功后的自动邮件通知,让用户即时了解订单状态。

通过使用WP Simple Pay,您不仅限于Stripe支付,还可以利用Stripe平台支持的多种国际支付方式,为全球用户提供便捷的支付体验,从而提升转化率和用户满意度。

操作如下图所示:

方法 3:使用 Easy Digital Downloads(数字产品)在 WordPress 中创建一键结账

如果销售数字产品,那么在 WordPress 中创建一键结帐的插件没有比Easy Digital Downloads更好的了。

该插件拥有超过 50,000 多名用户,可让您轻松管理和销售电子书、PDF、音频、在线课程、模板等数字产品。

Easy Digital Downloads 网站

首先,您需要安装并激活 Easy Digital Downloads。激活后,该插件会自动为您创建结帐和购物车页面。

也就是说,我们可以通过使用 EDD 添加“立即购买”按钮来添加一键结账流程。 “立即购买”按钮会自动绕过添加到购物车和结帐流程,让客户直接付款。

在本教程中,我们假设您已经在 EDD 上创建了数字产品。首先,转到WordPress 管理面板中的“下载”»“设置”页面。

“付款”»“Stripe”选项卡下,您需要单击“与 Stripe 连接”。

edd 连接条纹

您将进入 Stripe Connect 向导。

只需连接您现有的 Stripe 帐户或创建一个新帐户即可。

将 EDD 与 Stripe 连接

连接后,您将被引导回 WordPress。

您应该看到 Stripe 是“常规”选项卡中勾选的付款选项之一。

活动网关条带

此外,您还需要访问您的 Stripe 帐户。然后前往“设置”»“付款”页面。

在“付款方式”选项卡下,确保从“选择平台”下拉菜单中选择“轻松数字下载”选项。

选择平台 轻松数字下载

通过这样做,每次有人购买您的数字产品时,Stripe Link 都会被激活,他们的信用卡信息将自动填写到字段中。

接下来,转到下载»下载页面。然后,找到您想要添加“立即购买”按钮的数字产品,然后单击“编辑”。

编辑数字下载

进入块编辑器后,单击顶部的黑色侧面板小部件。

在面板中向下滚动,直到到达“按钮选项”。从那里,从下拉菜单中选择“立即购买”。

EDD 中的“立即购买”按钮

然后您将点击“发布”或“更新”按钮。

从这里,您可以预览您的页面,并且您应该在产品页面底部看到一个“结帐”按钮,该按钮可以直接进入结帐页面。然后,您可以输入您的电子邮件,Stripe 将自动填写您的账单和付款详细信息。

EDD 中的结账按钮

方法 4:使用 FunnelKit(电子商务商店)在 WordPress 中创建一键结账

如果有电子商务商店,FunnelKit Funnel Builder是设置快速结账流程的最佳选择。

FunnelKit 漏斗生成器

这款流行的销售漏斗构建器可让您轻松创建高转化率的销售漏斗,以提高平均订单价值、降低购物车放弃率并捕获更多潜在客户。

您可以执行所有操作,从创建潜在客户捕获页面和订单碰撞到创建结账表单和滑入式购物车。最重要的是,您不需要编写任何代码。

对于此方法,您需要为 WooCommerce 设置产品页面。

首先,安装并激活 FunnelKit Automation 插件。激活后,前往FunnelKit » Cart。您需要打开“启用购物车”选项。在“快速结帐”选项卡下,单击“与 Stripe 连接”。

与 stripe funnelkit 自动化连接

之后,您将进入 Stripe Connect 向导。

只需按照以下步骤将您的 Stripe 帐户连接到 FunnelKit 或创建一个新帐户。

漏斗套件条纹连接

一旦您的 Stripe 帐户连接到 FunnelKit,您将被带回 WordPress。

您需要激活“信用卡(条纹)”选项,然后点击“保存并继续”。

激活付款方式漏斗包

接下来,系统会要求您设置一个 Webhook,以便您只需单击一下即可自动处理付款。

单击“立即设置 Webhook”。

设置 webhook funnelkit

从这里,您需要启用 Google Pay 和Apple Pay的快速结帐选项。

然后,点击“确认”按钮。

启用快速结账渠道套件

您应该看到一条确认消息,表明 Stripe 设置成功。

如果您准备好开始接受付款,请随意选择“实时”模式。否则,您现在可以选择“测试”选项。然后单击“保存并查看设置”。

stripe 成功设置 funnelkit

接下来,您需要返回FunnelKit » Cart。然后,在“快速结帐”选项卡下,只需打开“在购物车上启用快速结帐”选项即可。

然后,点击“保存”按钮保存更改。

在购物车上启用快速结账

一旦启用,您就可以开始了。

只需转到实时产品页面即可查看其实际效果。

实时产品页面一键结账

当客户选择“立即付款”选项时,将会弹出一个窗口。

保存到 Google 和 Apple Pay 帐户中的所有付款详细信息都会自动显示。

付款详情一键结账预览

方法 5:使用 WooCommerce 在 WordPress 中创建一键结帐(免费)

如果想要一种免费方法在 WooCommerce 商店中添加一键结帐,可以下载WooCommerce 插件的 Direct Checkout。

WooCommerce 直接结帐

这是一个免费插件,可为您的商店添加一键购买按钮。

激活后,转到WooCommerce » 设置页面。然后,导航至“付款”»“快速结账”

在此处,单击“启用快速结账”复选框。

该插件提供了广泛的自定义功能。您可以自定义一键结帐按钮的显示位置,以及按钮的颜色和显示的文本。

在 woocommerce 中启用快速结帐

现在一切都准备好了。

只需转到产品页面或店面即可查看一键结帐按钮。

快速结帐实时预览

我们希望本文能帮助您了解如何在 WordPress 中创建一键结账。

资源下载
下载价格免费
主题都带数据,跟演示站一样,100%纯净,正版可商用

原文链接:https://www.itaoda.cn/blog/14504.html,转载请注明出处。

0
使用和安装有任何问题
请加客服QQ:1442071397 或wechat:pufei889


免责声明

本站所发布的部分内容自网络,该部分内容限用于学习和研究目,有版权问题的,下载后的24个小时之内,从您的电脑中彻底删除。且不得将用于商业或者非法用途,否则,一切后果请用户自负,与本站无关。

评论0

请先
没有账号?注册  忘记密码?

社交账号快速登录

温性提示

演示站服务器在国外,网站打开速度有点慢,请耐心等待

多功能、多行业外贸商城 wordpress商城WOOCOMMERCE

23+
行业模板