WP Simple Pay 博客

WordPress 支付教程、技巧和资源

如何在WordPress中启用Stripe支付元素

最后更新于

作者: 作者图片 Natalie Jones 审阅者: Spencer Finnell

您是否正在寻找一种方法来简化在线支付流程,同时改善您WordPress网站的用户体验?

借助Stripe支付元素,您可以创建视觉上吸引人、可自定义的支付表单,通过一次集成即可直接在您的网站上接受10多种付款方式。此外,您可以在不设置购物车或在线商店的情况下完成所有这些操作。

在本文中,我们将向您展示如何在WordPress中轻松启用Stripe支付元素,以便您可以开始安全地从全球各地接收多种付款方式。

什么是Stripe支付元素?

Stripe是可用的最佳支付处理器。它允许企业通过借记卡/信用卡、ACH直接借记、Google Pay / Apple Pay / Microsoft Pay、Klarna和Afterpay等“先买后付”服务以及更多方式接收在线付款。

Stripe支付元素是Stripe的Stripe Elements套件的一部分,Stripe Elements是预构建的设计组件,可帮助您创建风格化的支付表单,而无需编码技能。启用Stripe支付元素的用户平均收入增加了11.9%。

通过Stripe支付元素功能,您可以轻松地将支付网关直接添加到您的网站,以收集一次性或定期付款。 

Stripe支付元素还提供用户友好、可自定义的支付表单,让您可以接受10多种付款方式,并无缝集成到任何WordPress网站。 

传统上,每种付款方式都需要集成一个单独的元素。现在,借助Stripe支付元素,您可以创建一个接受一种或多种付款方式的表单。因此,您可以扩大全球业务范围并提高转化率。

事实上,根据最近的一项研究,如果结账时没有提供客户偏好的付款方式,81%的客户会放弃结账流程。

在WordPress中启用Stripe支付元素

在WordPress中启用Stripe支付元素的最简单方法是选择一个支持该功能Stripe支付插件。

WP Simple Pay是最佳Stripe支付插件。它轻松启用Stripe支付元素,让您可以开始接受多种付款方式,而无需构建购物车或使用复杂的电子商务平台。 

该独立插件还提供了一个高级的拖放式支付表单生成器,该生成器与Stripe支付元素集成,让您无需编写任何代码即可创建美观且用户友好的支付表单。

此外,WP Simple Pay还提供国际电话号码验证功能,以确保您的客户在结账时输入的电话号码是正确的。这使您能够就订单、发货、交付和客户支持进行后续沟通。

WP Simple Pay 最棒的一点是,您可以轻松使用 Stripe 付款元素创建接受多种付款方式的表单,而无需安装任何其他插件或进行多次集成。

现在,让我们看看如何在 WordPress 中轻松启用 Stripe 付款元素,以便您可以开始为客户提供多种付款方式选项。

步骤 1:安装并激活 WP Simple Pay

要在 WordPress 中启用 Stripe 付款元素,您首先需要做的是在 WordPress 中安装并激活 WP Simple Pay

您可以通过访问 定价页面,选择最适合您特定需求的套餐,然后从您的购买电子邮件收据或 WP Simple Pay 账户下载来完成此操作。

免收额外的 3% 费用! 

大多数 Stripe 插件对每一笔交易收取额外的 3% 费用
…但 WP Simple Pay Pro 不会!

要将插件安装到 WordPress,请转到您的仪表盘,导航到 添加新插件,然后是 上传插件

接下来,点击 选择文件,然后在您的计算机上找到 WP Simple Pay .Zip 文件。点击 立即安装。上传完成后,按 激活插件 按钮。

有关详细说明,请参阅我们关于如何安装 WP Simple Pay 的分步指南。

第 2 步:将 Stripe 连接到 WordPress

成功安装并激活 WP Simple Pay 后,您需要创建一个 Stripe 账户或连接您现有的账户,以便在 WordPress 中集成 Stripe 付款元素。

WP Simple Pay 设置向导将自动提示您完成此步骤。

继续并点击 开始设置

如果设置向导没有自动出现,请不要担心。您可以轻松启动它,方法是转到 WP Simple Pay » 设置 » 高级 并点击启动设置向导按钮。

要将 Stripe 与 WordPress 连接,请点击 连接 Stripe

之后,只需输入您用于 Stripe 账户的电子邮件地址并将其连接到您的网站。如果您没有 Stripe 账户,可以通过输入您的电子邮件地址并完成注册来轻松创建一个。

一旦您的 WordPress 网站与您的 Stripe 账户连接,您将看到一个显示设置完成的成功页面。

接下来,继续点击 创建付款表单

第 3 步:创建付款表单

此时,您已安装并激活了 WP Simple Pay,并将您的 Stripe 账户连接到了 WordPress。

要开始使用 Stripe 付款元素功能在您的网站上接受付款,接下来您需要做的是创建一个付款表单。

WP Simple Pay 提供各种预制付款表单模板供您选择,具体取决于您业务的具体需求。

在本教程中,让我们选择 信用卡付款表单

Stripe 付款元素

点击 使用模板 按钮后,您将被带到表单的 常规 选项卡。在这里,您可以编辑标题、描述、表单类型和付款成功页面设置。

“常规”选项卡也是您可以在其中启用垃圾邮件和欺诈保护设置的地方,包括电子邮件验证和CAPTCHA

在本教程中,我们将重点介绍表单类型

您可能已经注意到,表单类型字段默认设置为站内支付表单,这意味着您的支付表单可以直接嵌入到您网站的任何帖子或页面中。

站内支付表单允许您的用户在不离开您网站的情况下轻松完成购买。

站内支付表单最棒的地方在于,您可以随时在页面上设置样式、自定义和重新排列它们。

Stripe 付款元素

第 4 步:配置付款方式

接下来,要输入价格并添加或配置付款方式,请点击左侧的付款选项卡。

在这里,您可以输入您的产品或服务的价格,并查看您所在地区提供的完整付款方式列表。请务必点击付款方式下拉菜单并选择全部

请记住,如果您想允许您的客户使用 Apple Pay、Google Pay 或 Microsoft Pay 结账,您可以通过点击选项卡旁边的配置并在弹出窗口中勾选复选框来启用移动钱包。

Stripe 付款元素

添加价格、选择一次性付款或订阅,并选择您想在表单上接受的付款方式后,您就可以点击表单字段了。

“表单字段”页面是您可以通过从下拉菜单中选择每个字段并点击添加字段来添加姓名、电话和地址等字段的地方。您也可以删除您不想要的字段。

要重新排列字段的顺序,只需点击每个字段旁边的菜单按钮图标,然后向上或向下拖动即可。

第 5 步:启用意见样式

应用 WP Simple Pay 样式以确保您的支付表单字段和按钮正常工作。

您可以通过转到WP Simple Pay » 设置 » 常规 » 高级并选择“意见样式”选项旁边的“启用”来轻松完成此操作。请务必保存您的更改。

Stripe 付款元素

第 6 步:发布您的支付表单

您完成了!现在您已经完成了使用启用的 Stripe Payment Element 创建支付表单,是时候在您网站的页面或帖子中发布它了。

在上线之前,请务必测试您的表单以确保其正常工作。在 WordPress 中,您可以轻松地在实时模式和测试模式之间切换。

有关测试模式的更多信息,请参阅如何在 WordPress 中启用 Stripe 测试模式

要嵌入您的表单,请转到您想发布它的帖子或页面。接下来,点击 + 图标添加 WP Simple Pay 块。然后,选择您刚刚创建的表单并点击发布。  

Stripe 付款元素

要查看启用 Stripe 付款元素后付款表单的外观,请访问您网站前端的页面。

就是这样!希望本文能帮助您了解如何在 WordPress 中启用 Stripe 付款元素。您现在已走上接受多种付款方式的道路。

如果您喜欢本文,您可能还想查看如何在 WordPress 中创建一键式结账表单

您还在等什么?立即开始使用 WP Simple Pay!

要阅读更多此类文章,请在 X 上关注我们。

披露:我们的内容由读者支持。这意味着如果您点击我们的一些链接,我们可能会赚取佣金。我们只推荐我们认为能为读者带来价值的产品。

留下回复

您的电子邮件地址不会被公开。 必填字段已标记为 *

本网站使用 Akismet 来减少垃圾邮件。 了解您的评论数据如何被处理

立即开始接受付款

在您的WordPress网站上开始接受一次性付款、定期付款或捐赠。