如何在您的电子商务网站上设置 WooCommerce Apple Pay?

已发表: 2022-02-13

您的支付网关直接影响客户的购买决定。 提供的付款方式越多,销售额就越多。 在理想情况下,您会选择一个对访问者来说尽可能简单的选项。 因此,您将消除公司与潜在销售之间的障碍。 苹果品牌因其高品质和安全性而越来越受欢迎。 整合您的在线商店可能会为您带来更多好处。 为了充分利用这一趋势,您应该将 Apple Pay 支付网关添加到您的 WooCommerce 商店。 这就是为什么在本文中,我们将向您介绍 Apple Pay 支付的背景,并向您展示如何在您的电子商务网站上设置 WooCommerce Apple Pay 支付方式。

目录
[显示隐藏]
  1. 苹果支付是什么?
  2. Apple Pay 需要什么?
  3. 如何设置 WooCommerce Apple Pay 支付选项?
    1. 第 1 步:为 WooCommerce 设置 Stripe
      1. #1st:安装并激活 Stripe for WooCommerce 插件
      2. #2nd:在 WooCommerce 中启用 Stripe
      3. #3rd:创建一个 Stripe 账户
      4. #4:获取 Stripe API 密钥
      5. #5th: Link Stripe 使用 API 密钥
    2. 第 2 步:在 Stripe 中启用 Apple Pay 付款
      1. #1:激活 WooCommerce Apple Pay 按钮
      2. #2nd:WooCommerce Apple Pay 按钮故障排除
    3. 第 3 步:测试 Apple Pay 是否正常工作
  4. 最后的想法,

苹果支付是什么?

Apple Pay 是一种数字钱包和移动支付系统,它为您增加了另一种从在线商店接收付款的方法。 与其他移动支付网关和汇款应用程序(如 Venmo、Amazon Pay 和 Google Pay)一样,Apple Pay 系统为客户提供了一种更简单、更方便的支付方式,允许直接从他们的设备进行安全购买。

woocommerce-apple-pay-1

简而言之,Apple Pay 的工作方式与信用卡类似,只是支付信息保存在用户的设备(通常是手机)中,因此他们无需拿出信用卡进行面对面或在线支付。

Apple Pay 用户连接他们的借记卡和信用卡,并将它们保存在 iPhone 上的 Wallet 应用程序中。 如果在线或实体店接受 Apple Pay,付款可以在几秒钟内处理完毕。

因此,Apple Pay 是您的客户向您付款的另一种方式,因此无论您经营主要的 WooCommerce 商店还是附属商店,在您的网站上提供该功能都至关重要。

Apple Pay 需要什么?

对于那些想在您的 WooCommerce 商店中选择 Apple Pay 付款方式的人,他们需要:

  • 使用 Safari 浏览器
  • 使用 Apple 设备(例如 iPhone、iPad、MacBook)
  • 在他们的设备上启用 Apple Pay

对于希望在您的商店中接受 Apple Pay 付款方式的店主,除了 WordPress 网站之外,您还需要添加以下元素:

  • WooCommerce 插件可让您的网站成为电子商务商店。
  • 用于 WooCommerce 插件的 Stripe 添加付款方式。
  • 一个条纹帐户。

如何设置 WooCommerce Apple Pay 支付选项?

在本教程中,我们将确保您在 WordPress 网站上安装了 WooCommerce 插件。 因此,要接受 Apple Pay 付款,您可以从以下步骤开始。

第 1 步:为 WooCommerce 设置 Stripe

有许多支持 Apple Pay 的插件,例如 Stripe WooCommerce、Authorize.net、Cyber​​Source、Moneris 和 Square 插件的支付插件。 在本文中,我将向您展示使用 Stripe for WooCommerce 在您的商店中设置 Apple Pay 支付,因为它提供了合理的套餐和直观的设置过程。

#1st:安装并激活 Stripe for WooCommerce 插件

在 WordPress 仪表板中,单击Plugins > Add New ,搜索 Stripe for WooCommerce 插件。

woocommerce-apple-pay-2

然后,点击立即安装 > 激活

woocommerce-apple-pay-3
woocommerce-apple-pay-4

#2nd:在 WooCommerce 中启用 Stripe

在您的 WordPress 仪表板中,单击WooCommerce > 设置 > 付款

woocommerce-apple-pay-6

滚动到页面底部以找到 Stripe Credit Cards 支付选项。 您可能会注意到标题中带有 Stripe 的其他一些字段,但暂时忽略它们; 您必须首先启用基本的 Stripe Credit Cards 功能。

打开条纹信用卡开关。 然后,根据为您显示的按钮,单击设置或管理。

woocommerce-apple-pay-7

#3rd:创建一个 Stripe 账户

如果您还没有 Stripe 帐户,您现在应该创建一个 Stripe 帐户。 为此,您需要一个企业帐户来从 Stripe 获取您的 API 密钥。

woocommerce-apple-pay-8

您需要做的就是在公司网站上填写所有必需的信息,包括您公司的名称和银行账户信息。

#4:获取 Stripe API 密钥

在这个阶段,您应该获得您的 Stripe 帐户密钥。 在 Stripe 仪表板中,单击Developers > API keys

woocommerce-apple-pay-9

然后,您将能够查看您的可发布密钥和密钥。 复制这些值。

woocommerce-apple-pay-10

之后,将这些值粘贴到 API 凭据部分。 保存更改

接下来,从 Stripe 仪表板中,单击添加端点,在 WooCommerce 中复制 webhook 端点并将此值粘贴到 Stripe 中的端点 URL。

woocommerce-apple-pay-12

最后,复制 Stripe 中的 webhook secret 并将这个值粘贴到 WooCommerce 中。

woocommerce-apple-pay-13

然后,请记住单击保存更改以更新 WooCommerce 中的所有内容。

#5th: Link Stripe 使用 API 密钥

导航到新页面上的API 设置部分。

woocommerce-apple-pay-14

如果您准备好接受付款,请将Mode更改为Live 。 如果没有,请保持测试模式

Connect Stripe Account字段中,单击Click to Connect按钮。 这会将您带到一个新页面,您可以在其中登录您的 Stripe 帐户并将其连接到 WordPress。

WordPress 现在会将您带到第三方连接页面,如果您已登录,该页面会显示您的 Stripe 帐户。因此,如果 Stripe 提示您这样做,您必须登录您的帐户。

登录后,选择要链接到 WooCommerce 商店的 Stripe 帐户。

单击连接按钮。

woocommerce-apple-pay-15

您现在应该会看到一个绿色复选标记和一条消息,表明您的 Stripe 帐户已成功连接。

这会生成一个 Publishable Key 和一个 Secret Key,然后将它们添加到 WordPress 仪表板中的相应字段中。

注意:Stripe API 部分还显示相应的键。 这很重要,因为如果需要,您可以从 Stripe 仪表板获取密钥。 如果自动化过程失败,它也是重新生成密钥的好地方。

woocommerce-apple-pay-16

在 WooCommerce 付款页面上向下滚动以单击保存更改按钮。

这可确保您的 Stripe 密钥存储在 WordPress 中并准备好进行付款处理。

woocommerce-apple-pay-17

第 2 步:在 Stripe 中启用 Apple Pay 付款

#1:激活 WooCommerce Apple Pay 按钮

目前,Stripe 与您的 WordPress 网站的集成允许在客户完成商店的结帐流程时处理信用卡。

虽然这是添加 Apple Pay 按钮的必要步骤,但仍有一些步骤需要完成。

woocommerce-apple-pay-18

现在,您需要确保您确实拥有该域。 通常,您必须将验证文档上传到托管网站文件的一部分(它应该是apple-developer-merchantid-domain-association文件)。

woocommerce-apple-pay-15

但是,您几乎不必手动执行此操作。 只需转到Apple Pay部分,然后单击注册域按钮。

woocommerce-apple-pay-16

之后,您应该会看到一条消息,说明域已成功注册。

转到 Stripe 仪表板并单击设置 > 付款方式 > Apple Pay以确保一切正常。

woocommerce-apple-pay-17

您的域名应显示在 Web 域列表中。

woocommerce-apple-pay-18

验证域名后(自动或手动),您可以检查 Apple Pay 支付网关是否运行良好。

当客户通过配置了 Apple Pay 帐户的移动设备访问您的网站时,他们现在将在产品页面或结帐页面看到“使用 Apple Pay 购买”按钮。

woocommerce-apple-pay-19

#2nd:WooCommerce Apple Pay 按钮故障排除

如果您遇到错误或认为流程进展顺利,但您的网站上仍未看到 Apple Pay 按钮,请查看以下常见问题以解决您的问题:

  • 用户未使用支持 Apple Pay 的移动设备。 如果用户有 Apple Pay 帐户,Apple Pay 只能在手机上使用。 因此,我们建议将信用卡链接到 iPhone 上的 Apple Pay 应用程序,以测试并查看按钮在您自己的网站上的工作方式。
  • 该站点尚未上线 - 测试站点和实时站点的 API 密钥是分别生成的。 如果您处于 Stripe 测试模式,Apple Pay 按钮将不会出现,尽管 Stripe 会模拟交易。 你必须清醒。
  • 如果您在域前没有 SSL 证书和“https://”(不是 http://),Stripe 会阻止支付功能(尤其是 Apple Pay)。 要启用或安装 SSL,您可以从不同选项中选择任何 SSL,例如 Sectigo 通配符 SSL 证书(用于多个子域),用于支付详细信息和其他在线数据安全。
  • Stripe for WooCommerce 插件无法自动生成 Stripe API 密钥——尽管 Stripe for WooCommerce 插件通常可以解决问题,但您可能需要在 Stripe API 部分手动呈现它们。
  • 该插件无法确认所有权 - 如果是这种情况,请使用错误消息中提供的说明将验证文件上传到您的网站。

第 3 步:测试 Apple Pay 是否正常工作

完成所有操作后,您应该再次检查 Apple Pay 支付选项,看看它是否在您的 WooCommerce 商店以及客户的设备上完美运行。 为了获得最佳结果,您应该:

  • 在智能手机和计算机上打开 Safari 浏览器。
  • 访问您的网站并将您的一种产品放入您的购物车。
  • 您应该可以使用 Apple Pay 进行支付。 Apple Pay 是否未显示在您的设备上?
  • 进入结帐页面。

如果此过程顺利,您可以相信它也可以在您客户的设备上运行良好。 如果不是,请再次检查所有步骤并修复任何错误步骤,直到获得预期结果。

最后的想法,

WooCommerce Apple Pay 通过安全性、更多支付选项和更好的用户体验,肯定会让您、店主和客户受益。

将 WooCommerce Apple Pay 添加到您的网站是明智之举。 对于有经验的 WooCommerce 用户来说,这个过程似乎很容易,但是对于初学者来说可能会很复杂。 希望本文能帮助您成功为您的 WooCommerce 商店设置 Apple Pay 支付网关。 如果您发现它很难开始,您应该聘请开发人员来帮助您处理它。