如何允许用户在 WordPress 表单上选择付款方式

您想让用户在您的 WordPress 网站或在线商店上选择不同的付款方式吗?

当您允许客户选择他们喜欢的付款方式时,您将在您的网站上建立信任并增加转化率。

在本文中,我们将向您展示如何允许您的用户在您的 WordPress 表单中选择付款方式。

如何允许用户在 WordPress 表单上选择付款方式

为什么在 WordPress 中提供多种付款方式?

PayPal 和信用卡是两种流行的在线购物支付方式。每种都有其优点和缺点,您的访问者可能已经对其中一种有偏好。

因此,如果您在您的WordPress 网站上销售产品或服务,或者要求捐款,那么让您的访问者使用他们首选的付款方式非常重要。

您可能已经拥有一个带有购物车的完整在线商店,但您无需设置一个即可接受在线支付。您所需要的只是一个简单的在线订单表格,其中包含多种付款方式。

如果您要销售单一产品、接受服务付款或为某项事业或慈善事业筹集资金,这很有意义。

在您可以在您的网站上接受付款之前,您需要在您的网站上启用 HTTPS/SSL,以便您可以安全地接受付款。有关更多详细信息,您可以按照我们的指南了解如何为您的 WordPress 网站获取免费 SSL 证书。

话虽如此,让我们看看如何在您的网站上提供多种付款方式。我们将介绍三种方法,以便您选择最适合您需求的一种。

方法 1 是最简单的,不需要完整的购物车。如果您有 WooCommerce 商店,则应使用方法 2。如果您没有在线商店并且想要使用 PayPal 或创建更灵活的表单,则方法 3 是最好的。

方法 1:使用 WP Simple Pay 提供多种支付方式

方法 2:在 WooCommerce 中提供多种付款方式

方法 3:使用 WPForms 提供多种付款方式

方法 1:使用 WP Simple Pay 提供多种支付方式

WP Simple Pay 是一种在您的网站上提供多种付款方式的简单方法。这是一个领先的WordPress 支付插件 ,让您无需设置功能齐全的电子商务商店或会员网站即可接收付款。

它使用流行的支付网关 Stripe 来接受来自信用卡、Apple Pay、Google Pay、ACH银行借记卡、SEPA 直接借记卡、支付宝、Giropay、iDEAL 等的付款。

您需要做的第一件事是安装并激活 WP Simple Pay 插件。有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南 。

虽然该插件有 免费版本 ,但您需要 Pro 插件来创建现场支付表单、接受 Apple Pay 等。

激活后,WP Simple Pay 设置向导将自动启动。您只需单击“让我们开始”按钮即可继续。

WP Simple Pay 设置向导将自动启动

首先,系统会要求您输入许可证密钥。您可以在 WP Simple Pay 网站上的帐户中找到此信息。

之后,您需要单击“激活并继续”按钮继续。

您将被要求输入您的 WP Simple Pay 许可证密钥

接下来,您需要将 WP Simple Pay 连接到 Stripe。

首先单击“与 Stripe 连接”按钮。从那里,您可以登录到您的 Stripe 帐户或创建一个新帐户。任何拥有合法业务的人都可以创建一个 Stripe 帐户并在线接受付款。

您需要将 WP Simple Pay 连接到 Stripe

正如我们之前提到的,Stripe 将要求您的网站使用 SSL/HTTPS 加密。如果您的网站还没有 SSL 证书,请参阅我们的分步指南, 了解如何在 WordPress 中添加 SSL。

连接到 Stripe 后,系统会要求您配置 WP Simple Pay 电子邮件。

配置您的 WP Simple Pay 电子邮件

已经为您启用了向您的客户发送付款和发票电子邮件的选项。发送付款通知电子邮件的选项也是如此。您只需输入  应发送通知的电子邮件地址。

完成后,您需要单击“保存并继续”按钮。这样就完成了 WP Simple Pay 的设置。

WP Simple Pay 设置完成

在我们继续之前,您可能还需要配置一项设置。某些付款选项仅适用于特定货币,因此如果您不使用美元,则需要更改默认货币。

只需访问WP Simple Pay » 设置,然后单击“常规”,然后单击“货币”,然后从下拉菜单中选择正确的货币。

如有必要,更改 WP Simple Pay 的默认货币

在 WordPress 中创建付款表单

现在是时候创建您的付款表单了。WP Simple Pay 提供了许多自定义表单的方法,但如果您需要更全面地控制表单的外观,请查看方法 3 中的 WPForms。

如果您不需要更改货币并且仍然可以看到设置向导的最后一页,只需单击“创建付款表格”按钮。否则,您应该导航到 WP Simple Pay » 添加新 页面。

您将看到一个付款表单模板列表。您可以从通用模板(例如“付款表格”)开始,然后添加付款方式。或者,您可以寻找更具体的模板,例如“Afterpay/Clearpay”或“Apple Pay / Google Pay ”。

对于本教程,我们将选择“付款表格”模板。只需将鼠标悬停在您要使用的模板上,然后在它出现时单击“使用模板”按钮。

选择付款表格模板

这将带您进入付款表单编辑器。

您应该首先为付款表格提供名称和描述。之后,您可以在表单类型下选择“条纹结帐”选项。

为您的新付款表格命名和描述

接下来,您需要单击“付款”选项卡。在这里,您可以将付款模式设置为实时或测试。测试模式将允许您进行实际未收费的付款,因此您可以确保您的表单正常工作并且 正在发送电子邮件。

当您完成测试并准备好开始接收客户的付款时,不要忘记将其更改为“实时”。

将付款模式设置为实时或测试

您还可以添加您提供的产品或服务,以及它们的价格以及它们是一次性付款还是订阅。

只需单击“添加价格”按钮,直到您添加了所需数量的价格。然后对于每一个,您都需要添加一个标签和价格。您还可以选择其他选项,例如价格是否为 订阅,或者用户可以确定价格,如捐赠。

将您的产品和服务添加到付款表格

您可以通过单击右侧的小箭头来显示或隐藏价格。

接下来,我们将转到“表单字段”选项卡。基本字段已添加到表单中,如果需要,您可以添加更多。

使用“表单字段”下拉菜单,您可以选择其他字段并通过单击“添加字段”按钮添加它们。选项包括姓名、 电话号码、地址等等。

您可以在付款表单中添加字段

按钮上的默认文本是“用卡付款”。由于您将接受多种付款类型,您可以将文本更改为更通用的内容,例如简单的“立即付款”。这样您的客户就不会认为信用卡是唯一的付款方式。

最后,您应该点击“Stripe Checkout”标签并选择您希望提供的付款方式。对于本教程,我们将保留默认设置。

选择任何其他付款方式并调整结帐表格

其他支付方式,例如 Apple Pay,将在兼容设备上自动提供。要了解更多信息,请参阅我们关于如何在 WordPress 中接受 Apple Pay的指南。

Klarna 和 Afterpay 是“先买后付”的服务,为客户提供灵活性,因为他们可以购买商品并在指定时间段内分期付款。有关更多信息,请参阅我们的指南,了解如何将“立即购买”付款计划添加到 WordPress。

如果您对付款表格感到满意,请单击“发布”按钮以存储您的设置并实时推送表格。

最后一步是将表单添加到您网站上的帖子或页面中。

将付款表格添加到您的网站

WP Simple Pay 让您可以非常轻松地在您网站的任何位置添加表单。

只需创建一个新帖子或页面,或编辑现有的。然后,单击顶部的加号 (+) 并在 WordPress 块编辑器中添加一个 WP Simple Pay 块。

将 WP Simple Pay Block 添加到帖子或页面

之后,从 WP Simple Pay 块的下拉菜单中选择您的订单。

完成后,您可以更新或发布帖子或页面,然后单击预览按钮以查看您的表单。

访问您的网站以查看付款表格

当您的用户单击“立即付款”按钮时,将显示 Stripe 结帐表单。这将提供您之前检查的所有付款选项。

在支持的设备和浏览器上,还将自动提供 Apple Pay 等其他支付选项。

在 Mac 或 iOS 设备上的 Safari 上结账时将提供 Apple Pay

您可以使用 WP Simple Pay 为客户提供的另一种付款方式是定期付款。有关更多信息,请参阅我们关于如何在 WordPress 中接受定期付款的指南。

方法 2:在 WooCommerce 中提供多种付款方式

如果您使用 WooCommerce 运营 在线商店 ,则可以使用 PayPal 和 Stripe支付网关轻松提供其他支付方式。

对于本教程,我们假设您已经安装了 WooCommerce。如果您在设置方面需要帮助,请参阅我们关于WooCommerce的分步指南。

将 PayPal 添加到您的 WooCommerce 商店

按照该指南中的 WooCommerce 设置向导,您可能已经设置了 PayPal。如果有,那么您可以继续下一部分并设置 Stripe。

如果没有,您需要前往WooCommerce » 设置,然后单击屏幕顶部的“付款”选项卡。

之后,向下滚动页面直到找到 PayPal,然后单击“开始使用”按钮。

单击 PayPal 入门按钮

您需要首先输入您的 PayPal 电子邮件地址,然后从下拉菜单中选择您所在的国家/地区。

之后,您应该单击“下一步”按钮继续。

如果您已经有一个使用该电子邮件地址的 PayPal 帐户,那么您将被要求提供您的密码并登录。否则,您将首先被要求提供您的个人详细信息并创建一个新帐户。

登录您的 PayPal 帐户或创建一个新帐户

最后,您应该单击“同意并同意”按钮将您的 PayPal 帐户连接到在线商店。

完成此操作后,您需要通过转到您的收件箱并按照您发送的电子邮件中的说明来确认您的电子邮件地址。然后,您可以通过滚动到底部并单击按钮来关闭弹出窗口。

同意连接您的帐户,然后向下滚动并单击按钮

您应该会回到 WooCommerce 付款设置页面。在这里,您需要选中该框以在您的在线商店中启用 PayPal 支付网关。

之后,仔细向下滚动页面并确保所有设置都正确。满意时,您可以单击页面底部的“保存更改”按钮。

在您的 WooCommerce 商店中启用 PayPal 支付网关

结账时,您的客户现在可以使用 PayPal 作为付款选项进行付款。

将 Stripe 添加到您的 WooCommerce 商店

您需要做的第一件事是安装并激活 WooCommerce Stripe 支付网关。有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南 。

某些付款方式仅适用于某些货币。如果您使用美元以外的货币,则应导航至WooCommerce » 设置并确保您位于“常规”选项卡上。

在这里,您可以为您的在线商店选择货币。确保单击“保存”按钮以存储设置。

为您的在线商店选择一种货币

之后,您应该点击“付款”标签。到达那里后,您应该向下滚动,直到在“方法”列中找到“条纹”。请注意,有多种 Stripe 付款方式。

在 WooCommerce 中设置条纹信用卡

您需要首先单击“Stripe – Credit Card”旁边的“设置”按钮。这将启动一个设置向导,引导您完成将 WooCommerce 连接到 Stripe 的步骤。

在下一个屏幕上,单击“输入帐户密钥”按钮。

输入您的 Stripe 帐户密钥

WooCommerce 现在将要求您提供 Stripe 帐户密钥。 要获取此信息,您需要在新选项卡中登录 Stripe 仪表板。

在 Stripe 仪表板中,您应该确保您位于屏幕顶部的“开发人员”选项卡上,然后从左侧菜单中选择“API 密钥”。

Stripe API 密钥

您现在可以复制“可发布密钥”。

然后,切换回您的 WordPress 仪表板并将此密钥粘贴到“实时可发布密钥”字段中。

Stripe 实时可发布密钥

现在你需要对密钥做同样的事情。只需切换回您的 Stripe 仪表板,然后单击“显示实时密钥”按钮。

这将显示您的密钥。

获取 Stripe 实时密钥

您需要复制密钥,然后返回您的 WordPress 仪表板并将其粘贴到“实时密钥”字段中。

之后,只需单击“测试连接”链接。

测试您的 Stripe 支付网关连接

片刻之后,您将看到“连接成功”消息。这意味着 WooCommerce 现在已连接到您的 Stripe 帐户。

您现在可以继续并单击“保存实时密钥”按钮。

保存实时条纹键

这将带您进入 Stripe 的“设置”屏幕。

在此屏幕上,您需要选中“启用条纹”框。如果您愿意,也可以单击“启用测试模式”框。

测试模式将允许您进行实际未记入帐户的付款。在您的 WooCommerce 商店中测试多种支付类型时,这很有用。当您准备好开始收款时,不要忘记返回并取消选中该设置。

WooCommerce 的条纹​​设置

现在您可以滚动到页面的最底部并单击“保存更改”按钮来存储您的设置。

现在您已经启用了 Stripe 信用卡付款,您可以启用您想在您的在线商店中提供的任何其他 Stripe 付款方式。

返回WooCommerce » 设置,然后单击“付款”选项卡。在那里,您可以探索适用于您商店货币的付款方式。

在本教程中,我们将启用支付宝。您需要在支付方式列表中找到“Stripe Alipay”,然后点击其“设置”按钮。

点击支付宝旁边的“设置”按钮

在这里您可以点击“启用支付宝”按钮。这将在结帐时显示支付宝作为付款选项。

接下来,您需要单击“保存更改”按钮来存储您的设置。

在 WooCommerce 中启用支付宝

向 WooCommerce 添加定期付款

为您的 WooCommerce 客户提供灵活付款安排的另一种方法是添加定期付款,以便您的客户自动按周、月、季或年收费。

这使计费过程自动化,可以节省您的时间。您不必手动 发送发票 ,并且定期付款通常会减少付款延迟和错误。

要了解更多信息,请参阅我们指南中的方法 4,了解如何在 WordPress 中接受定期付款。

现在,当您的客户结账时,他们将能够选择自己喜欢的付款方式。这是我们演示 WooCommerce 商店的示例屏幕截图。

WooCommerce 结帐预览

我们的客户可以使用信用卡、PayPal 和支付宝付款。

方法 3:使用 WPForms 提供多种付款方式

您需要做的第一件事是安装并激活WPForms插件。有关更多详细信息,请参阅我们关于如何安装 WordPress 插件的分步指南。

WPForms 是WordPress最好的拖放表单构建器插件。它使您可以创建简单的订单或捐赠表格,而无需使用成熟的电子商务平台或购物车插件。

虽然他们有免费的Lite 版本,但您需要他们的Pro 计划才能访问付款插件和订单模板。它支持信用卡和贝宝。

激活后,您需要访问WPForms » 设置页面以输入您的许可证密钥。您可以在您的 WPForms 帐户区域中找到此信息。

访问 WPForms » 设置页面以输入您的许可证密钥

将支付平台连接到 WPForms

接下来,我们会将 WPForms 与您计划使用的支付平台连接起来。为此,您需要前往WPForms » 插件并安装支付插件。

到达那里后,您需要向下滚动到 PayPal 标准插件,然后单击其安装插件按钮。

安装 PayPal 标准插件

您将看到一条消息,说明插件已安装并激活,并且按钮上的文本将更改为停用。

我们将在本教程后面设置您的 PayPal 帐户详细信息。

您还需要安装一个插件来接受信用卡付款。WPForms 支持 Stripe、Square 和 Authorize.net。在本教程中,我们将设置 Stripe,但设置其他两个平台的步骤类似。

您需要滚动到 Stripe Addon 并单击 Install Addon 按钮。

安装条纹插件

安装并激活插件后,您需要将 WPForms 连接到您的 Stripe 帐户。

为此,请转到WPForms » 设置页面,然后单击“付款”选项卡。之后,您需要通过单击“与 Stripe 连接”按钮来连接您的 Stripe 帐户。

将 WordPress 连接到 Stripe 支付

在下一个屏幕上,您可以输入您的 Stripe 电子邮件地址,然后单击“下一步”按钮。完成后,Stripe 现在会询问您的密码,以便它可以登录您的帐户。

登录后,您可以选择您的 Stripe 帐户,然后单击“连接”按钮。然后,您将被重定向回 WPForms 付款设置选项卡。

要确保您的帐户已成功连接,您可以转到 Stripe 设置下的连接状态设置。

当您看到一个绿色的勾号时,这意味着您的 Stripe 帐户现在使用 WPForms。继续并单击“保存设置”按钮以存储您的设置。

成功连接您的 Stripe 账户

WPForms 现在已准备好接受信用卡付款。

创建具有多种付款方式的订单

现在我们将创建一个可以接受 PayPal 和信用卡付款的在线订单。

首先,转到WPForms » 添加新页面。从这里,您需要为您的表单提供一个标题,然后选择“账单/订单”模板。

选择“账单/订单”模板

WPForms 将使用带有常用字段的简单订单预加载表单构建器。

您可以通过单击来编辑任何字段。

WPForms 将使用简单的订单预加载表单生成器

您可以使用拖放从左列添加新字段。

您需要将“多项选择”字段拖到表单上,以允许您的客户从多个付款选项中进行选择。

添加多项选择字段

之后,您应该将 Stripe Credit Card 字段拖到 Multiple Choice 字段下方的表单上。

添加条纹信用卡字段

接下来,您需要单击“多项选择”字段并更改选项以匹配您提供的付款方式。

首先为该字段提供标签付款方式。之后,您应该将前两个选项命名为 PayPal 和 Credit Card。

多项选择字段选项

您可以通过单击红色减号“ – ”按钮简单地删除第三个选项。

之后,您需要打开“必需”选项。这将确保用户在提交订单之前选择付款方式。

现在我们需要设置 Stripe Credit Card 字段。我们希望它被隐藏,直到用户选择它作为他们的支付选项。我们需要使用 WPForms 的条件逻辑功能。

您需要单击 Stripe 字段以便对其进行编辑,然后单击“Smart Logic”选项卡。只需将切换开关单击到打开位置即可启用条件逻辑。

单击智能逻辑选项卡并启用条件逻辑

您现在将看到一些允许您为字段设置规则的附加选项。您需要确保将第一个选项选择为“显示”,然后使用下拉菜单,以便其余字段显示“付款方式为信用卡”。

为字段设置一些规则

现在,只有在用户从付款方式字段中选择信用卡后,才会显示 Stripe Credit Card 字段。

在订单上启用付款方式

现在我们将为订单启用 PayPal 和 Stripe 付款。

您应该首先导航到WPForms 表单构建器中的付款»贝宝标准。在那里,您应该选中右侧面板中的“启用 PayPal 标准付款”框。

选中“启用 PayPal 标准付款”框

之后,您应该填写其余字段。输入您的 PayPal 电子邮件地址并将帐户置于生产模式。您还需要配置用户是否需要提供送货地址。

切换启用条件逻辑选项

之后,您需要向下滚动到 Enable Conditional Logic 选项并将其切换到 ON 位置。这将显示更多设置。

切换启用条件逻辑选项

您应该将规则设置为“如果付款方式为 PayPal,则处理费用”。

接下来,您需要单击“付款”选项卡的“条纹”部分,然后选中“启用条纹付款”框。

选中“启用条纹支付”框

如果您愿意,您可以添加付款说明并选择通过电子邮件发送收据。之后,您需要将启用条件逻辑开关切换到打开位置,以便您可以为此付款选项创建规则。

切换启用条件逻辑选项

您需要配置规则,使其显示“如果付款方式是信用卡,则处理此费用”。

如果您想通过信用卡接受定期订阅付款,则可以向下滚动到订阅部分并进行配置。

条纹订阅

完成后,您需要单击顶部的保存按钮并退出表单构建器。

将订单添加到您的 WordPress 网站

您的具有多种付款方式的在线订单现已准备就绪,您可以将其添加到您网站上的任何 WordPress 页面。

要添加您的表单,只需编辑帖子或页面或创建一个新的。然后,单击页面右侧的加号+并在您的WordPress 编辑器中添加一个 WPForms 块。

添加 WPForms 块

之后,您需要单击 WPForms 块中的下拉菜单,然后选择您的订单。完成后,请确保保存或发布页面。

现在,您可以通过单击屏幕顶部的“预览”按钮来查看您的表单。

预览订单

我们希望本教程能帮助您了解如何允许用户在您的 WordPress 表单上选择付款方式。

您可能还想查看我们为小型企业挑选的最佳虚拟商务电话号码应用程序的专家,以及如何选择最佳商务 VoIP 提供商的分步指南。