如何设置 WordPress Stripe Webhook（无需 WooCommerce）

已发表: 2023-10-11

有没有想过如何集成 WordPress Stripe webhook 以实现流畅的在线支付流程？

通过利用 Stripe webhooks 的功能，您可以加强支付游戏并确保无缝的用户体验。

本教程将教您如何快速将 Stripe webhook 与 WPForms 集成，使您的网站与 Stripe 活动保持同步。

使用 WPForms 设置 Stripe Webhook

如何设置 Stripe Webhooks（无需 WooCommerce）

您可以使用 WPForms 的本机 Stripe 集成轻松设置 Stripe webhooks。请按照以下步骤开始：

在本文中

1.安装并激活WPForms
2. 将 Stripe 连接到您的 WordPress 网站
3. 手动设置 Stripe Webhook
4. 在 Stripe 中创建 Webhook 端点
5. 利用增强的支付功能

1.安装并激活WPForms

WPForms 使您可以轻松地在网站上创建表单。它与 Stripe 和其他支付平台配合使用，使其成为最好的 WordPress 支付插件之一。

此外，免费的 WPForms 插件可以轻松地将您的订单与 Stripe 连接起来，每笔交易象征性地收取 3% 的费用 + Stripe 费用。

所有许可证级别（包括 WPForms Lite 客户）都可以使用 webhook 与 Stripe 进行双向连接，这比 WooCommerce 更简单、更省时。

如果您想取消额外费用，可以升级到 WPForms Pro，从长远来看可以节省成本并获得更多高级功能。

WPForms homepage

一旦您选择了 WPForms 版本并准备好继续，请在您的 WordPress 网站上下载并激活该插件！

伟大的！现在，是时候设置 Stripe 与 WPForms 的连接并启用 Stripe webhooks 将您的网站与 Stripe 活动同步。

2. 将 Stripe 连接到您的 WordPress 网站

首先，您需要在 WordPress 仪表板左侧菜单中打开WPForms » 设置。从那里，单击“付款”选项卡。

WPForms payments tab

如果您想更改网站上使用的货币，请在继续之前从下拉菜单中选择所需的货币。

Payment currency selection

一旦您准备好将 Stripe 支付集成到您的平台中，请向下滚动并单击蓝色的Connect with Stripe按钮。

Connect with Stripe

之后，您需要输入您的 Stripe 登录详细信息，以便将您的 Stripe 帐户与 WPForms 连接起来。如果您没有 Stripe 帐户，现在可能是创建一个帐户的好时机。

WPForms Stripe account

完成 Stripe Connect 向导中的所有步骤后，您将被重定向回站点的管理区域。在这里，您应该在Connection Status旁边看到一个绿色的复选标记。

Stripe connection status

注意：当您将站点连接到 Stripe 时，Webhook 将自动配置。它将在后台尝试多次自动配置。

但是，在极少数情况下，自动配置可能不适用于您的帐户。因此，WPForms 将显示字段以进行手动设置。

要手动设置 Stripe Webhook，您需要在 Stripe 仪表板中创建一个端点，并将配置密钥复制到 WPForms。

3. 手动设置 Stripe Webhook

为此，请导航至 WordPress 站点左侧菜单中的WPForms » 设置。单击“付款”选项卡。

接下来，向下滚动直到到达标记为Stripe 的区域。首先，从此处切换启用 Webhooks选项。

enable webhooks option

然后，在页面底部，单击“保存设置” 。该页面现在将刷新，您应该能够看到用于进一步 Webhooks 配置的其他字段。

webhooks field

您可以使用您的 Stripe 帐户创建一个新端点，该端点将为您提供这些字段所需的数据。

注意：实时和测试模式需要单独设置。使用测试模式的Webhooks 测试 ID和Webhooks 测试密钥字段。

使用实时模式的Webhooks Live ID和Webhooks Live Secret字段。确保您网站的模式与 Stripe 的设置相匹配。

然后，您可以通过访问*domain*/wp-admin/admin.php?page=wpforms-settings&view=payments&webhooks_settings实时和测试同步模式之间切换。

4. 在 Stripe 中创建 Webhook 端点

登录您的 Stripe 帐户并从新选项卡访问您的 Stripe 仪表板，以便您稍后可以返回到 WPForms 设置页面。

当您登录 Stripe 帐户时，页面右上角将出现测试模式切换按钮。

Stripe dashboard test mode

注意：如果您处于测试模式，则应将开关打开，如果您处于实时模式，则应将其关闭。

要继续，您需要导航到“开发人员”选项，该选项位于页面的右上角。

Stripe dashboard developers option

打开“开发人员”页面后，只需导航到“Webhooks”选项卡并单击它即可。

webhooks tab Stripe dashboard

接下来，单击 Webhooks 页面中的添加端点图标以创建新的 Webhook 端点。

add an endpoint

这将打开“监听 Stripe Webhook 事件”页面，您必须在其中填写必要的信息来设置 Webhook。

Stripe events page

现在，返回WPForms » 设置 » 付款。到达那里后，通过单击复制图标复制Webhooks 端点。

copy webhooks endpoint

复制Webhooks 端点后，转到您的 Stripe 帐户并将其输入端点 URL字段。

endpoint url in Stripe account

然后，将出现“收听”和“版本”选项。让它们不受干扰，然后单击“+ 选择事件”按钮。

select events button

要完成事件选择，请选中“选择所有事件”选项，然后单击“添加事件”按钮。

Stripe add events

完成后，请向下滚动到页面底部，然后单击“添加端点”按钮。

Stripe add endpoint

设置 Webhook 后，您会发现 Webhook 的 ID 显示在页面的右上角。只需单击它即可复制。

Stripe copy webhook id

返回WPForms » 设置 » 付款并将 Webhook ID 粘贴到Webhooks Live ID区域。

paste webhooks live id

之后，返回您的 Stripe 帐户，找到“签名密钥”部分，然后单击“显示”选项。

Stripe reveal signing secret

当签名密钥被公开后，复制其值并将其粘贴到 WPForms 设置中的Webhooks Live Secret字段中。

webhooks live secret

接下来，单击“保存设置” ，您就完成了配置！您的付款状态现在将在 WPForms 和 Stripe 之间实时同步。

5. 利用增强的支付功能

一旦您准备好通过 Stripe 和 WPForms 接收付款，您就可以执行各种操作，而无需频繁访问 Stripe 仪表板。

例如，您可以通过转到WPForms » 付款并选择概述选项卡来访问 WordPress 仪表板中的所有 WPForms 付款。

您可以通过单击图表下方的选项来更改图表显示的内容并快速查看您最感兴趣的数据，例如：

付款总额
总销售额
退款总额
新订阅
订阅续订
兑换优惠券

WPForms payments summary graph

此外，您可以使用付款表顶部的下拉菜单根据各种条件过滤付款，其中包括：

所有类型：付款类型，包括一次性付款和订阅付款。
所有网关：用于处理和批准支付交易的支付方式，包括 PayPal Standard、PayPal Commerce、Stripe、Square 和 Authorize.net。
所有订阅：基于订阅的付款的当前状态，可能是以下状态之一：活动、已取消或未同步。

wpforms payment filter options