首页 » 博文 » wpbeginner » 最佳教程 » 如何在 WordPress 网站上轻松接受信用卡付款

如何在 WordPress 网站上轻松接受信用卡付款

您想在您的 WordPress 网站上轻松接受信用卡付款吗?

默认情况下,WordPress 不提供信用卡付款选项,但有很多插件和工具可以帮助解决这个问题。

在本文中,我们将分享 2 种在 WordPress 网站上接受信用卡付款的简单方法。

如何在 WordPress 网站上轻松接受信用卡付款

为什么 WordPress 接受信用卡付款?

信用卡和借记卡是世界上最常见的在线支付形式。

如果您在WordPress 网站上销售产品或服务,接受信用卡付款非常重要。

接受信用卡付款将提高您的转化率并 减少购物车放弃率

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

用户通常不想建立一个带有购物车的成熟 在线商店 来接受信用卡付款。这很有意义,特别是如果您只销售单一产品或接受咨询或服务付款。

在这种情况下,您所需要的只是一个带有信用卡付款选项的简单在线订单。

话虽这么说,让我们看看如何在您的网站上接受银行卡付款。只需使用下面的链接跳转到您喜欢的方法。

方法1. 使用 WP Simple Pay 在 WordPress 中接受信用卡付款

对于这种方法,我们将使用WP Simple Pay,这是市场上最好的 Stripe 支付插件。使用 WP Simple Pay,您可以接受付款,而无需设置和使用复杂的电子商务插件。

WP Simple Pay 与 Stripe 信用卡处理平台集成。与所有支付处理商一样,Stripe 对每笔交易收取少量费用。不过,注册 Stripe 是免费的。

对于这种方法,我们将创建一个付款按钮,您可以将其添加到任何页面或帖子中。

我们将使用WP Simple Pay Lite,因为它 100% 免费。如果您需要更高级的功能,还有WP Simple Pay Pro。此版本提供更多自定义选项、拖放表单生成器和自定义付款收据电子邮件。

首先,您需要安装并激活 WP Simple Pay 插件。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活后,该插件将自动启动 WP Simple Pay 设置向导。要开始接受信用卡付款,请单击“让我们开始吧”按钮。

WP Simple Pay 设置向导

第一步是将 WP Simple Pay 连接到您的 Stripe 帐户。

如果您还没有 Stripe 帐户,请不要担心。设置向导将引导您逐步完成创建新帐户的过程。

首先,单击“与 Stripe 连接”按钮。

将 WP Simple Pay 连接到 Stripe

在下一个屏幕上,WP Simple Pay 将要求提供电子邮件地址

如果您已经注册了 Stripe,请确保输入链接到您的 Stripe 帐户的地址。

将 WP Simple Pay 连接到 Stripe

没有 Stripe 帐户?然后输入您要用于新 Stripe 帐户的电子邮件地址。

然后只需单击“继续”按钮即可。

WP Simple Pay 现在将检查是否有一个 Stripe 帐户链接到您的电子邮件地址。如果找到帐户,WP Simple Pay 将询问您的 Stripe 密码。

如果没有找到帐户,WP Simple Pay 将引导您完成 Stripe 注册过程。只需按照屏幕上的说明创建一个帐户,并将其连接到 WP Simple Pay。

创建免费 Stripe 帐户

连接 WP Simple Pay 和 Stripe 后,您就可以创建付款按钮了。

只需点击“创建付款表格”即可。

创建信用卡付款表格

您还可以通过前往WP Simple Pay » 添加新按钮来创建付款按钮。

创建新的 WP Simple Pay 表单

现在只需将鼠标悬停在“付款按钮”模板上即可。

然后,点击“创建付款按钮”。

创建信用卡付款按钮

现在,在“标题”字段中输入付款按钮的名称。

您的网站访问者不会看到该名称,因为它仅供您自己参考。

为您的付款按钮创建标题

您还可以在描述字段中添加更多详细信息。同样,WordPress 不会向您网站的访问者显示此信息,但它可以供您自己参考。

现在只需单击“付款”选项卡即可。

设置您的 Stripe 付款方式

从这里您可以通过付款按钮决定收取多少钱。

继续并将此数字输入到“一次性金额”字段中。

设置一次性付款

WP Simple Pay 默认使用美元货币。

如果您想接受任何其他货币的付款,请前往WP Simple Pay » 设置。然后您可以选择常规»货币选项卡。在这里您将找到更改默认货币所需的一切。

接下来,滚动到“按钮文本”部分。

这是 WordPress 将在您的按钮上显示的文本。默认情况下,WP Simple Pay 使用“立即付款”作为其按钮标签。

要更改此设置,只需在按钮文本字段中输入一些新文本即可。

创建按钮标签

在此部分中您还可以更改按钮处理文本。

这是 WP Simple Pay 在处理访问者的付款信息时向访问者显示的文本。

设置“按钮处理”文本

WP Simple Pay 使用WordPress 主题的按钮样式作为“默认”按钮样式。

另一种选择是使用“蓝色条纹”样式,它使用渐变和圆角。

条纹蓝色按钮样式

当您进行这些更改时,您可能需要检查您的付款按钮对访问者的外观。

要预览成品,请单击“预览”按钮。

预览您的 WP Simple Pay 按钮

一旦您对预览中看到的内容感到满意,就可以将该按钮添加到您的 WordPress 网站了。

为此,请单击“发布”按钮。

发布您的信用卡付款按钮

现在,您可以将按钮添加到 WordPress 网站上的任何页面或帖子以接受信用卡付款,包括您的产品页面和登陆页面。您还可以将该按钮添加到站点的任何小部件就绪区域。

您所需要的只是 WP Simple Pay 自动创建的一段短代码。

要获取此代码,只需找到“表单短代码”字段即可。然后单击其“复制”按钮。

复制信用卡付款短代码

您现在可以将此短代码粘贴到任何页面、帖子或小部件区域。有关如何放置短代码的更多详细信息,您可以参阅我们有关如何在 WordPress 中添加短代码的指南。

粘贴此短代码后,您的付款按钮将出现在您的 WordPress 网站上。

在开始接受付款之前,最好测试一下您的按钮。

WP Simple Pay 默认在测试模式下创建新的付款按钮。您的网站在测试模式下不会处理任何信用卡付款。

要确认 WP Simple Pay 当前是否处于此模式,请查看 WordPress 仪表板最顶部的工具栏。你应该说“测试模式”。

WP Simple Pay的测试模式

如果您转到添加此按钮的页面或帖子,您还应该在按钮正下方看到“测试模式”。

如何在 WordPress 中轻松接受信用卡付款

在测试按钮时,有一个问题。

Stripe 默认不显示测试付款!幸运的是,有一个简单的解决方法。

要查看测试数据,只需在新选项卡中登录 Stripe 仪表板即可。然后单击“付款”选项卡。

Stripe 支付仪表板

接下来只需单击右上角的“开发人员”滑块。

Stripe 仪表板现在将更新以显示“测试数据”横幅。所有测试付款现在都会显示在您的 Stripe 仪表板中。

使用 Stripe 和 WordPress 测试信用卡付款

现在您已准备好测试按钮了。

最简单的方法是切换回您的 WordPress 网站。然后前往您添加按钮以接受信用卡付款的页面。

您现在可以单击此按钮。然后只需按照屏幕上的说明提交测试付款即可。发送测试付款后,切换到 Stripe 仪表板。您现在将在仪表板中看到您的测试付款。

现在您已经检查一切都运行顺利,是时候让您的按钮退出测试模式了。

只需转到WP Simple Pay » 付款表格。然后,您可以将鼠标悬停在付款按钮上,然后单击“编辑”链接。

如何在 WordPress 中轻松接受信用卡付款

在左侧菜单中找到“付款”选项卡,然后单击。

最后,选中“付款模式”区域中的“实时模式”框。

将 WordPress 信用卡付款按钮退出测试模式

不要忘记单击屏幕顶部的“更新”按钮来保存更改。

现在,您可以访问您的网站以查看实时付款按钮。

方法2. 使用 WPForms 在 WordPress 中接受信用卡付款

如果您想创建一个简单的付款按钮,那么上面显示的 WP Simple Pay 方法是一个不错的选择。

但是,有时您可能需要通过创建付款表单来从访问者那里收集更多信息。

这意味着您需要一个灵活且强大的表单生成器插件。

WPForms最好的 WordPress 联系表单插件。您可以使用它快速将任何类型的表单(包括付款表单)添加到您的 WordPress 网站。

WPForms 甚至拥有大量付款和信用卡模板,可以帮助您快速入门。

WPForms 的付款模板

在本教程中,我们将使用WPForms Pro版本,因为它允许您访问 Stripe Pro 插件。这个功能强大的插件可让您使用流行的 Stripe 支付网关在 WordPress 中接受信用卡付款,无需额外的交易费用。

您还可以使用 WPForms 接受Square、Authorize.net 和 PayPal 的信用卡付款。我们推荐 Stripe,因为我们用它作为支付处理器。

注意:还有一个免费版本的 WPForms,允许您通过 Stripe 接受付款。但是,通过表格付款需额外支付 3% 的费用。

首先,您需要安装并激活WPForms Pro。如果您需要帮助,请参阅我们有关如何安装 WordPress 插件的指南。

激活 WPForms 后,前往WordPress 仪表板中的WPForms » 设置。

WPForms 的专业设置

您现在可以在“许可证密钥”字段中输入您的许可证密钥。您将在您的WPForms 帐户中找到此密钥。

激活核心插件后,就可以安装 Stripe 插件了。

在 WordPress 仪表板中,转到WPForms » Addons

WPForms 的 Stripe 插件

只需滚动直到找到 Stripe 插件。

然后单击其“安装插件”按钮。

安装 Stripe 插件

接下来转到WPForms » 设置

然后,单击“付款”选项卡。

WPForms 的付款设置

默认情况下,WPForms 将以美元收取付款。

如果您希望接受其他货币付款,只需打开“货币”下拉列表并从列表中进行选择。

更改 WPForms 的货币设置

下一步是将 WP Simple Pay 连接到您的 Stripe 帐户。

要建立此连接,请滚动到“连接状态”部分。然后只需单击“与 Stripe 连接”按钮。

将 WordPress 连接到 Stripe 支付

这将打开一个新选项卡。您现在可以按照屏幕上的说明创建新的 Stripe 帐户,或将 WPForms 连接到您现有的 Stripe 帐户。

成功连接到 Stripe 后,就可以创建付款表单了。为此,请转到WPForms » 添加新内容

创建新的 WordPress 表单

您现在可以在“为您的表单命名”字段中输入表单的名称。

您的网站访问者不会看到该名称,因此仅供您参考。

为您的信用卡付款表指定标题

WPForms 具有不同的模板,因此您可以快速入门并构建各种表单。由于我们正在创建付款表单,因此您可能需要在“搜索模板”字段中输入“付款”或“信用卡”。

这将显示标题中包含“付款”或“信用卡”一词的所有模板。

为 WordPress 选择信用卡付款形式

要仔细查看模板,只需将鼠标悬停在该模板上即可。

然后单击“查看演示”按钮。

预览信用卡付款模板

WPForms 现在将在新选项卡中显示此模板。

当您找到要使用的设计时,单击“使用模板”按钮。在本教程中,我们将使用信用卡付款表单模板。

信用卡付款表格

您选择的 WPForms 模板现在将在新选项卡中打开,可供您自定义。

信用卡付款表中有一些字段,客户可以在其中输入姓名和电子邮件地址。它还具有“选择您的商品”部分,访问者可以在其中选择他们想要购买的商品。

自定义 WPForms 信用卡付款模板

您可以使用此部分为访问者提供产品或服务的选择。

另一种选择是让访问者定制单个产品。例如,您可能会提供不同尺寸或颜色的同一件 T 恤。

要自定义此部分,只需单击一下即可。WPForms 侧边栏现在将更新以显示此部分的所有设置。

要更改任何文本,只需删除默认文本,然后键入您要使用的单词或短语即可。例如,您可以删除“选择您的商品”并将其替换为“选择您的 T 恤尺码”。

为 WordPress 创建信用卡付款表单

您还可以更改每件商品的价格。

为此,只需删除该项目的占位符编号即可。您现在可以在此字段中输入新金额。

将价格添加到您的 WPForms 信用卡模板

您还可以按照上述相同的过程更改 WordPress 用于占位符项目的文本。

默认情况下,此模板允许访问者在三个项目之间进行选择。如果您想添加更多选项,只需单击 + 图标即可。

这会添加一个新的“项目”,供您自定义。

将更多产品添加到您的信用卡付款表单中

要从此部分删除项目,请单击其“-”图标。

此选项现在将从您的信用卡付款表格中消失。

从您的信用卡付款表单中删除产品

接下来,该模板为访问者提供“陆运”或“快递”运输方式的选择。

要编辑此部分,只需单击一下即可。WPForms 侧边栏将更新以显示此部分的所有设置。

向 WordPress 添加运送选项

您可以按照上述流程更改占位符文本,并添加和删除运送选项。

您还可以更改每种运输方式的价格。如果您想提供免费送货,那么您只需将此价格设置为 0 美元即可。

另一种选择是完全删除此部分。

要从模板中删除任何部分,只需将鼠标悬停在该部分上即可。然后单击垃圾桶图标。

删除 WPForm 字段

接下来,您需要将 Stripe 信用卡字段添加到您的表单中。该字段将收集客户的付款信息。

要添加此字段,只需单击“添加字段”选项卡即可。

将字段添加到您的信用卡付款表单中

然后滚动到付款字段部分。

现在,您可以继续将 Stripe 信用卡字段拖到付款表单上的适当位置。

Stripe 信用卡领域

您可能希望向模板添加更多字段,以从访问者那里收集更多信息,例如他们的送货地址或电话号码。只需重复上述过程即可将新字段添加到您的表单中。

您还可以使用拖放更改这些字段的显示顺序。

现在您的表单已设置完毕,让我们为此表单启用付款。为此,您只需单击左侧菜单中的“付款”选项卡,然后选择“条纹”。

如何使用 WPForms 将信用卡付款表格记入贷方

之后,只需选中“启用 Stripe 付款”选项旁边的框即可。

您现在可以在“付款说明”字段中输入说明。此文本将出现在客户的信用卡对帐单上。

您还可以选择向您的客户发送电子邮件收据。要创建电子邮件收据,请打开 Stripe 付款收据下拉列表。然后您可以选择“电子邮件”。

创建付款收据电子邮件

WPForms 还允许您为表单设置智能条件逻辑。您可以在此处根据客户选择的选项选择显示或隐藏付款表单字段。

在此屏幕上,您还可以启用定期订阅付款并选择定期时间段。这对于创建订阅和销售会员资格非常有用。

创建定期信用卡付款

接下来,您需要启用 AJAX 表单提交才能使用 Stripe 信用卡字段。AJAX 表单提交允许客户无需重新加载整个页面即可提交表单。这可以改善客户体验。

要启用 AJAX 提交,只需转到“设置”»“常规”

AJAX表单提交设置

然后单击展开“高级”部分。

最后,选中“启用 AJAX 表单提交”框。

启用 AJAX 提交

当您对信用卡付款表单的外观感到满意时,就可以保存更改了。

为此,只需单击屏幕顶部的“保存”按钮即可。

保存您的信用卡付款表格

下一步是配置表单的通知。

每次客户填写付款表单时,WPForms 都会默认向您的 WordPress 管理员发送一封电子邮件。

有时您可能需要将这些电子邮件发送到不同的地址。您甚至可能想通知多个人

使用 WPForms 可以轻松做到这一点。要自定义电子邮件通知,请单击“设置”选项卡。然后选择通知。

创建信用卡付款通知

在此屏幕上,找到“发送至电子邮件地址”字段。默认情况下,该值设置为 {admin_email}。这是一个动态值,告诉 WordPress 使用WordPress 管理员电子邮件

您可以删除此动态文本并将其替换为任何其他电子邮件地址。只需在“发送至电子邮件地址”字段中输入新地址即可。

如果您想向多个人发送电子邮件,只需用逗号分隔每个地址即可。

创建电子邮件通知

您还可以编辑电子邮件。例如,您可能想要更改其副本和电子邮件主题。

创建这些电子邮件后,您需要确保它们被发送到收件人的电子邮件收件箱而不是垃圾邮件文件夹。

最好的方法是使用SMTP 服务提供商来提高电子邮件的送达率。有关更多详细信息,请参阅我们有关如何修复 WordPress 不发送电子邮件问题的指南。

您可能还想向您的客户发送单独的通知。例如,您可以确认他们的购买或向他们发送“谢谢”消息。每当客户提交付款表格时,WPForms 就会自动发送此电子邮件。

要向您的客户发送电子邮件,请单击“添加新通知”按钮。

创建新的 WPForms 通知

WPForms 将要求您提供此通知的名称。我们称之为“客户通知”。

之后,WPForms 将显示您可以自定义的所有通知字段。

如何在 WordPress 中轻松接受信用卡付款

为了确保 WPForms 将此通知发送到正确的地址,请单击“发送到电子邮件地址”选项旁边的“显示智能标签”链接。

然后只需选择“电子邮件”字段即可。这允许 WPForms 使用客户在提交付款时提供的电子邮件地址。

将智能标签添加到您的信用卡付款电子邮件中

您现在可以自定义通知电子邮件的其余部分。例如,您可能想要更改主题行或向电子邮件添加更多文本。

您还可以使用智能标签个性化电子邮件。例如,您可以添加客户的姓名或有关他们刚刚购买的产品的一些信息。

之后,您可以转到“确认”选项卡。

WPForms 使用“消息”作为默认选项。这意味着每次客户提交付款表单时,您的网站都会显示一条感谢消息。

创建付款确认消息

您可能更愿意显示特定页面或将客户重定向到另一个 URL,而不是显示消息。

要进行此更改,只需打开“确认类型”下拉列表即可。您现在可以从可用选项中进行选择。

更改付款确认设置

最后一步是将此表单添加到您的 WordPress 网站。

要将其添加到帖子中,只需打开您要编辑的博客帖子即可。

然后单击加号 (+) 图标。

WPForms WordPress 块

在出现的弹出窗口中,输入“WPForms”以查找正确的块。

单击 WPForms 块后,它将将该块添加到您的页面。

WPForms WordPress 块

在新块中,单击以打开下拉菜单。

您现在将看到使用 WPForms 创建的所有表单的列表。只需单击即可选择您的付款方式。

选择您的信用卡付款方式

如果您对表单的外观感到满意,则可以发布或更新页面。

现在您可以访问您的网站实时查看您的表格。您已准备好开始在 WordPress 网站上接受信用卡付款。

向 WordPress 添加信用卡付款

在 WordPress 中接受信用卡付款的额外方式

虽然 WP Simple Pay 和 WPForms 都是在 WordPress 中接受信用卡付款的最直接方式,但某些用户可能有不同的需求。

例如,您可能想开设一家在线商店来销售实体产品、销售电子书、销售在线课程,甚至接受捐赠。

在这些情况下,您可能需要针对您的特定用例的全功能解决方案:

  • MemberPress – 当您想要销售在线课程或会员资格时,这是一个很好的解决方案。它可以使用 Stripe 和 Authorize.net 接受信用卡付款
  • 轻松数字下载– 这非常适合销售电子书、音乐、软件等数字下载。EDD 允许您接受信用卡并在购物车上提供多种付款方式。
  • WooCommerce – 这是一个流行的WordPress 电子商务插件,可让您在线销售实体产品。WooCommerce 默认允许您接受信用卡付款。您还可以使用免费的Stripe Payment Gateway for WooCommerce插件,该插件具有附加功能。

我们希望本文能帮助您了解如何在 WordPress 网站上轻松接受信用卡付款。您可能还想查看我们的商业网站必备 WordPress 插件列表,或者查看我们的指南,了解如何以正确的方式创建电子邮件通讯

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top