如何在 WordPress 中集成支付网关

已发表: 2020-02-05

您想集成支付网关并轻松获得在线支付吗?

构建应用程序或网站可能是一件繁琐且昂贵的事情。 许多在线平台可以帮助您免费创建网站,但是集成支付网关呢?

好吧,默认情况下,WordPress 没有提供任何允许您进行任何交易的付款选项。 幸运的是,WordPress 中有大量插件可以帮助解决这个问题。 在本文中,我将向您展示如何将支付网关集成到您的网站中。

在您的 WordPress 网站中集成付款

有时用户不想在他们的支付处理系统中设置一个成熟的购物车。 如果您销售的产品数量有限,或者这可用于接受中小型企业和咨询/服务的付款,这是有道理的。

要为这些在线业务和咨询/服务集成可能的支付网关,您可以使用带有信用卡支付选项的在线订单。 以下是在不向您的网站添加购物车的情况下实现这一目标的方法。

Step1:安装优质插件

由于我们要使用 WPPayForm,首先,在您的网站上安装并激活 WPPayForm 插件。 要了解有关如何安装 WordPress 插件的分步指南的更多信息。

[WPPayForm免费版允许您使用Stripe支付网关,专业版允许您额外使用PayPal支付网关。]

WPPayForm 是 WordPress 中最轻量级的支付表单构建器之一。 该插件的精简版允许您将 Stripe 集成为您网站上的支付网关,而专业版允许您另外使用 PayPal。

1个新的NT BG

WPPayForm

Stripe 和 PayPal 付款通过定期付款和其他强大功能变得更简单

现在下载

您可以通过以下方式安装 WPPayForm:

  • 登录到您的管理仪表板。
  • 选择插件从侧面菜单中单击添加新的。
  • 单击上传按钮。
  • 从下载的包中上传wppayform.zip文件。
  • 单击激活插件按钮。

Step2:激活WPPayForm

完成安装后,您必须相应地激活插件。 对于免费版本,您只需单击一下即可激活插件。 对于专业版,请按照以下步骤操作:

  • 通过单击以下两种方式启动许可过程 — 一种是 [侧边栏 WPPayForm 激活许可]或 [侧边栏 WPPayForm 设置许可激活许可或上面的通知]
  • 找到许可页面后,只需将您的许可密钥放在输入字段中,然后按Active WPPayForm按钮即可激活许可。

如果您丢失了许可证密钥,您可以随时从 wpmanageninja 仪表板中检索它。

Step3:配置支付方式和币种

安装并激活 WPPayForm 插件后,您需要设置 Stripe 和 PayPal API 密钥。 如果您还没有设置,您可以通过注册您的 Stripe 和 PayPal 帐户来进行设置。

[需要注意的一点: PayPal 集成是一项专业功能,仅允许使用专业版 WPPayForm 插件的用户。 ]

在这篇文章中,我将向您展示可以使用免费版本整合的 Stripe 集成。

条纹设置

要使用 WPPayForm 设置 Stripe,您需要进入 WordPress 管理面板。 然后点击WPPayForm → Settings → Stripe Settings

集成支付网关 - 条纹集成 - WPPayForm

在 Stripe 设置页面中,您将获得两种带有单选按钮的模式。 第一个是测试模式,下一个是实时模式。 强烈建议您在完成付款表单设置之前保持测试模式。 当您处于测试模式时,任何数字都可以用作 Stripe 提供的测试卡号和付款方式。

收集 API 密钥 - WPPayForm

为了设置Stripe支付表单,您需要登录到您的 Stripe 帐户。 从仪表板转到开发人员部分。 您将从API密钥部分页面获取您的 Stripe 帐户的Publishable 密钥和 Secret 密钥。 您将同时看到测试模式实时模式的 API 密钥。 在这里,我正在演示 Stripe 的Live Mode配置。

集成支付网关 - WPPayForm

现在,通过打开一个新选项卡来打开您的 WordPress 管理仪表板。 接下来,将 Stripe API 密钥从您的 Stripe 帐户复制并粘贴到 WPPayForm Pro 设置页面的 Stripe 设置中。

这意味着您可以首先复制您的 Publishable 密钥(以“pk_test”开头),切换到您的 WPPayForm 管理选项卡,然后将其粘贴到相应的文本框中。

然后,同样应适用于密钥(以“sk_test_”开头)。

输入您正在做的公司名称,您可以使用结帐徽标选项在您的付款表单上设置结帐徽标。

添加所需信息后,不要忘记单击“保存设置”按钮。 然后 WPPayForm 将与您的 Stripe 帐户相关联。

第四步:创建付款表格

现在,您已经配置了带有 WPPayForm 插件的支付网关。 接下来,您需要创建一个支付表单,将其放置在您的网站上,作为进行交易的网关。 要了解有关插件中可用的表单配置类型的更多信息,请访问我们的演示站点。

为了实现它,让我们从仪表板转到位于左侧边栏中的WPPayForm 。 点击位于仪表板右上角的添加新表单按钮。

单击按钮后,将出现一个弹出窗口,其中包含一些预定义的表单,您可以在那里使用许多预定义的表单模板。

出于演示目的,我将从头开始。 让我们从空白开始。 单击新建空白表单框。

单击“新建空白表单”框后,您将被带到插件的“表单字段”选项卡。 在这里,您将获得三个不同的部分,分别名为Product FieldsPayment Method FieldsGeneral Fields

要首先集成您的支付网关,您必须配置产品字段部分。

产品领域部分

产品领域 - WPPayForm

现在,选择位于右侧边栏面板中的产品字段。 接下来,点击支付项目,然后它会打开一堆支付项目选项和提交按钮来设置和指定您要销售的产品。

在此阶段,您将找到设置产品标签、名称、产品价格的选项。 您也可以将多个项目添加到列表中。

首先,为字段标签提供必要的文本(例如:足球),然后您可以启用或禁用所需的字段。

然后,从付款选择选项中选择单个项目

接下来,在这里,您可以更改价格,默认情况下会显示价格为 10.00,这可以根据您的产品进行配置。 然后,您可以选择在表格顶部显示产品名称和价格。 您可以通过单击启用或禁用该选项。 然后单击更新按钮。

通用字段部分

通用输入字段 - WPPayForm

稍后,转到常规字段并单击客户名称、单行文本和客户电子邮件输入字段。 您只需单击或使用拖放即可添加这些输入字段。

在这个阶段,自定义单行文本输入字段,要实现它,请点击字段右侧的向下箭头图标。

然后,您将看到一个面板将展开,其中包含一组选项。

字段标签占位符中键入一些演示文本,如果需要,请将此字段设为必填。 要检查这一点,请为输入字段提供默认值。 单击更新按钮以完成自定义。

添加和自定义所有字段后,您需要单击“更新字段”按钮。

付款方式字段

付款方式字段 - WPPayForm

现在,是时候为这个表单设置付款方式了。 要做到这一点,请转到右侧边栏中的“付款方式字段”选项。 然后单击Card Elements Stripe选项。 您可以通过 Stripe 使用任何信用卡或借记卡进行交易。 单击它后,付款面板部分将添加到表单中。

然后,点击向下箭头图标以展开支付面板部分。 有几个选项可用,您可以提供新的字段标签或保留现有的标签。

接下来,从 Checkout 显示样式选项的单选按钮中单击Embedded Checkout Field 。 您还可以启用邮政编码验证。 现在单击更新按钮。

请记住,单击更新按钮只会更新该字段。 要保存整个表单以及字段,您必须单击“更新字段”按钮。

现在,看看您现在创建的付款表单的预览。

创建第一个付款表格后,您必须将其发布在您的网站上,以便客户可以为您提供的相应产品或服务向您付款。

Step5:嵌入支付表单

如何嵌入付款表格 - WPPayForm

为了将付款表单添加到您的站点,您需要将创建的付款表单嵌入到您喜欢的特定页面上。 为此,只需在相应页面上插入(该特定形式的)短代码。

您将在插件仪表板中看到表单列表以及简码。

现在,复制简码,打开页面并将简码粘贴到其中。 您可以在页面的任何文本区域中使用此简码。

将短代码嵌入到某个页面后,它将在该页面上显示付款表格。

这是带有预览外观的页面输出。

现在,您已准备好在您的网站上使用支付网关。 您还可以使用该表格从您的消费者那里获得产品和服务的报酬。

这是您可以使用网站上的 WPPayForm 插件集成支付网关的方式。

最后的话

在您的网站上设置适当的支付网关至关重要。 建立一个为您的用户完全优化的生态系统可以为您的电子商务网站做很多事情。 您的网站对支付网关越友好,您就越能顺利获得付款。

但是,使用 WordPress 支付网关插件可能是您达到目的的最佳选择。 按照上述步骤,您可以了解如何在您的网站上集成支付网关。

如果您对该主题仍有任何疑问,请告诉我,我很乐意以最好的方式与您合作。