首页 » elementor » academy » Building an online store with WooCommerce » 用Woocommerce建立一个网上商店 [08] 设置PayPal Stripe

用Woocommerce建立一个网上商店 [08] 设置PayPal Stripe

在任何在线商店中以安全且用户友好的方式进行付款的能力至关重要。在 WooCommerce 商店中,有多种方式可以从您的客户处收取款项,并且 WooCommerce 为您提供了多种选择。

如果您在插件存储库中执行快速搜索,您会看到有多个第 3 方选项可供选择。

在我们的课程中,我们将首先探索内置的 PayPal Standard 选项,然后我们将继续集成免费的 WooCommerce Stripe 插件。

在我们开始配置我们的 PayPal 设置之前,请首先确保您有一个有效的 PayPal 商业帐户。

导航至“WooCommerce > 设置 > 付款”,然后选择“设置”按钮开始。如您所见,我们提供了几个选项来配置和链接我们的 PayPal 帐户。

您还会在几个选项旁边看到这些方便的工具提示,将鼠标悬停在这些选项上会显示有关该选项的更多信息。

请注意,下面的一些设置是可选的,例如 IPN 电子邮件通知和身份令牌。我们将启用它们并带您完成有关如何配置它们的步骤,因为所有商店的设置都略有不同,我们希望涵盖所有基础。

首先,我们将启用 PayPal Standard。

接下来,我们可以选择修改结帐页面上显示的标题和描述。我们将保留它们用于我们商店的原样。

现在我们需要输入我们的 PayPal 电子邮件地址。输入后请务必仔细检查,因为不正确的电子邮件地址将不允许您的网站成功连接到 PayPal。

在高级选项下,我们可以启用 PayPal 沙盒帐户。沙盒帐户允许您执行测试交易并使用此功能,您需要注册一个开发者帐户。

如果您遇到任何交易问题,调试日志是一个有用的工具,如果您的商店运行正常,请务必将其关闭。

我们将启用 IPN 电子邮件通知。当从 PayPal 收到指示退款、退单和取消的即时付款通知时,这将发送通知。

如果您的主要 PayPal 电子邮件与上面输入的 PayPal 电子邮件不同,您可以在此处输入您的 PayPal 帐户的主要收件人电子邮件。我们将此留空,因为我们的没有什么不同。

现在我们将输入我们的 PayPal Identity 令牌。这将允许在不需要 PayPal IPN 的情况下验证付款。我们将在新选项卡中打开我们的 PayPal 帐户,然后导航至“帐户设置”>“网站付款”。选择网站首选项选项旁边的更新链接。

启用自动退货,然后在退货 URL 字段中添加商店的感谢页面链接。添加后,选择保存。

现在启用支付数据传输并复制身份令牌。返回您的网站仪表板并将您的令牌粘贴到该字段中。

接下来,您可以根据需要修改发票前缀。

您可以选择让 WooCommerce 将运输详细信息发送到 PayPal 以创建运输标签而不是计费。我们将为我们的商店启用此功能。

接下来我们有一个地址覆盖选项。PayPal 会验证地址,因此此设置可能会导致错误。我们建议将其保持禁用状态,但它可用于防止地址信息被更改。

付款操作选项允许您指定是希望立即获取付款还是仅授权付款。如果您选择授权他们,一旦订单状态更新为正在处理或已完成,客户将被收取费用。

在图像 URL 字段中,我们可以设置一个徽标以显示在 PayPal 结帐页面上。请注意此图片应为 150×50 像素。

最后我们有了 API 凭据。

我们必须在此处填充三个字段,它们是:

API 用户名
API 密码
API 签名

要查找此信息,请转到您的 PayPal 帐户并导航至“帐户设置”>“API 访问”>“更新”。

在此页面上向下滚动,直到您看到 NVP/SOAP API 集成(经典)并选择管理 API 凭据。

确保选择“请求 API 签名”并选择“同意并提交”以生成您的 API 凭据。

在每个凭证上,选择显示,然后复制并粘贴到您的网站仪表板中。

完成此操作后,只需保存您的设置,您的商店就可以接受 PayPal 付款了。

我们将在商店中启用的下一个支付处理器是 Stripe。请首先确保您已经使用所有相关银行和业务信息设置和配置了一个 Stripe 帐户。

WooCommerce 提供了一个免费插件,让我们可以将我们的商店与 Stripe 连接起来,所以让我们先安装它。

转到插件 > 添加新插件并搜索 Stripe。如您所见,首先出现的是官方 WooCommerce Stripe 插件,因此请继续安装并激活该插件。

如果我们现在回到我们的 WooCommerce 设置中的支付选项卡,您将看到 Stripe 现在存在并准备好供我们配置。Stripe 与许多不同的支付提供商集成,但对于我们的商店,我们只想允许客户使用信用卡或借记卡进行支付,因此我们将在此处配置第一个选项。

启用 Stripe,然后前往设置屏幕。

就像使用 PayPal 一样,我们可以修改结帐页面上显示的标题和描述。

Stripe 插件提供了两种连接 Stripe 帐户的方法。我们可以首先选择位于“Stripe Account Keys”区域的按钮来自动连接我们的账户并导入我们的账户密钥。或者,如果您愿意,可以手动登录到您的 Stripe 帐户以复制并粘贴这些密钥。

让我们选择“设置或链接现有的 Stripe 帐户”按钮并登录到我们的 Stripe 帐户。

从这里我们被要求选择我们的业务并连接……

片刻之后,您将被重定向到 WooCommerce 设置页面,如您所见,我们的实时密钥和密钥已自动填充。

接下来我们必须将我们的 Webhook 端点添加到我们的 Stripe 帐户。这样做可以确保我们能够收到有关交易的通知。

首先复制 Webhook 端点,然后在新选项卡中登录到您的 Stripe 帐户。

导航到 Developers > Webhooks 并选择“Add Endpoint”。将端点粘贴到字段中,然后在“要发送的事件”下选择“接收所有事件”,然后选择“添加端点”。

当我们在 Webhooks 页面上时,我们还可以获取我们的签名密码并将其输入到我们的网站仪表板中。

在“signing secret”下,选择“Click to reveal”并将此值粘贴到标题为“Webhook Secret”的字段中。

在我们继续之前,您会在 WooCommerce 设置页面中看到 Stripe 提供了一个测试模式选项,这些键不会自动填充,所以让我们现在添加它们。

在我们的 Stripe 帐户中,我们需要选中“查看测试数据”开关。现在我们可以复制并粘贴我们的测试可发布密钥和测试秘密密钥。我们还可以将 Webhook 端点添加到测试数据,最后是“Test Webhook Secret”。

在测试模式仍然启用的情况下,让我们保存到目前为止的设置,如果我们现在切换到我们的结帐页面并选择 Stripe 作为付款方式,则会出现一条通知,指示用户“测试模式已启用”,甚至提供一些有用的说明执行测试购买。

让我们切换回去,禁用测试模式并继续我们的 Stripe 设置。

我们可以将我们的信用卡表格设置为内联,这意味着日期和 CSV 字段不会分开。我们将启用此选项。

接下来,您可以控制显示在客户发票上的信息。我们只需输入“Bakersons”。

与 PayPal 配置一样,我们可以控制是否希望立即获取资金或何时将订单设置为处理或完成。

Stripe 还可以启用 Apple Pay 和 Google Pay 的支付按钮。如果您想在商店中启用这些功能,可以在此处进行。启用此选项后,您会看到一些额外的配置。您可以设置按钮的类型,以及主题和高度。

已保存的卡(如果启用)将允许用户在结帐时使用已保存的卡进行支付。银行卡详细信息保存在 Stripe 服务器上,而不是您的商店中。

最后我们可以启用调试消息的日志记录,如果您遇到交易问题,这会很有帮助。

保存您的更改,我们已经完成,您的商店现在已准备好接受 Stripe 付款。

如果我们现在访问我们的商店并进入结帐页面,您会看到我们的两个付款选项现已生效并可供我们的客户使用。

WooCommerce 提供与许多第三方支付提供商的出色集成,其中许多插件都得到专业支持并有详细记录。我们已经涵盖了两个主要的支付服务提供商,但一定要探索适用于您的商店的其他选项。

在下一课中,我们将了解如何自定义我们的电子邮件、创建优惠券和管理我们的订单。显示较少

发表评论

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

Scroll to Top