buy-now-pay-later

先买后付（BNPL）

概述

先买后付允许购物者将购买金额拆分为 4 期免息分期付款，或选择更长期的融资方案。在结账时提供 BNPL，通常能将平均订单金额（AOV）提升 15–40%，并减少高价商品的结账弃单率。三大服务商——Klarna、Afterpay（在英国称为 Clearpay）和 Affirm——均提供 Shopify、WooCommerce 和 BigCommerce 原生集成，无需编写自定义代码即可安装。

何时使用此技能

• 当 AOV 在 $100–$3,000 范围内，分期付款能够有效提高转化率时
• 当分析数据显示客户因价格原因在付款步骤放弃结账时
• 当竞争对手提供 BNPL，且 BNPL 正逐渐成为该品类的常见预期时（时尚、电子产品、家具）
• 当为现有 Stripe 集成添加 BNPL 时（Klarna 和 Afterpay 可作为 Stripe 付款方式使用）

核心说明

第 1 步：确定你的平台并选择合适的 BNPL 方案

平台	推荐方案	备注
Shopify	通过 Shopify Payments 启用（内置 Klarna、Afterpay），或安装服务商的应用	Shopify Payments 内置 Klarna 和 Afterpay，无需额外集成；只需启用即可
WooCommerce	安装服务商官方 WooCommerce 插件	Klarna、Afterpay 和 Affirm 均提供官方 WooCommerce 插件
BigCommerce	从 BigCommerce App Marketplace 安装	三家服务商均提供 BigCommerce 原生应用
自定义 / 无头架构	通过 Stripe（Klarna、Afterpay）或服务商 SDK 启用	如果使用 Stripe，可在 Payment Intent 中启用为付款方式；无需单独的 SDK

服务商对比：

服务商	市场	模式	商家手续费	订单金额范围
Klarna	US、EU、UK	分 4 期付款 / 融资	~2.49% + $0.30	$10–$10,000
Afterpay	US、AU、UK、CA	分 4 期付款（6 周）	4–6%	$35–$2,000
Affirm	US、CA	按月分期付款	消费者年利率 5.99%–29.99%	$50–$17,500

建议：从 Klarna 或 Afterpay 开始——它们的平台支持范围最广，启用流程也最简单。对于高价商品（$1,000 以上），如果按月融资比拆分为 4 期更重要，可再添加 Affirm。

第 2 步：在你的平台上启用 BNPL

---

Shopify

选项 A：通过 Shopify Payments 启用（推荐）

1. 前往 Settings → Payments → Shopify Payments → Manage
2. 在 Wallets and payment methods 下，找到 Klarna 和 Afterpay 并将其打开
3. 点击 Save——符合条件的订单现在会在结账时自动显示 BNPL 选项
4. 如需在商品页面添加 BNPL 提示信息，请从 Shopify App Store 安装 Klarna On-Site Messaging 应用或 Afterpay On-Site Messaging 应用

选项 B：直接安装服务商的 Shopify 应用

• Klarna：从 Shopify App Store 安装 Klarna Payments
• Afterpay：从 Shopify App Store 安装 Afterpay
• Affirm：从 Shopify App Store 安装 Affirm

每款应用都会引导你创建账户，并自动将付款方式添加到结账流程中。

在商品页面添加分期付款提示信息（Shopify）：

安装 Klarna 或 Afterpay 应用后，前往 Online Store → Themes → Customize，将 BNPL 提示信息区块添加到商品页面模板中。此区块会在价格下方显示“分 4 期免息付款，每期 $X”。

---

WooCommerce

Klarna：

1. 从 WordPress.org 或 WooCommerce Marketplace 安装 Klarna Payments for WooCommerce 插件
2. 前往 WooCommerce → Settings → Payments → Klarna Payments，输入 Klarna API 凭据
3. 启用该支付方式，并配置要提供哪些 Klarna 产品（Pay Now、Pay Later、Slice It）
4. 如需在产品页面显示相关信息，请安装 Klarna On-Site Messaging for WooCommerce 插件并添加 Client ID

Afterpay：

1. 安装 Afterpay Gateway for WooCommerce 插件
2. 前往 WooCommerce → Settings → Payments → Afterpay，输入 Merchant ID 和 Secret Key（可从 Afterpay 商家门户获取）
3. 配置最低和最高订单金额，使其符合 Afterpay 的适用范围（$35–$2,000）
4. 启用站内消息组件，在产品页面显示分期金额

Affirm：

1. 安装 Affirm Gateway for WooCommerce 插件
2. 前往 WooCommerce → Settings → Payments → Affirm，输入 Public API Key 和 Private API Key（可从 Affirm 商家门户获取）
3. 设置最低订单金额门槛（Affirm 建议仅对金额达到 $50 及以上的订单显示）

---

BigCommerce

1. 前往 Apps → Marketplace，搜索 Klarna、Afterpay 或 Affirm
2. 安装服务提供商的应用并按照应用内设置向导操作——你需要提供服务商门户中的商家账户凭据
3. 该应用会自动在结账页面添加 BNPL 支付方式，也可以添加产品页面消息
4. 在应用设置中配置适用金额，使其符合服务商支持的范围

---

自定义 / 无头架构

通过 Stripe（推荐——无需单独的 SDK 即可启用 Klarna 和 Afterpay）：

// Server: include BNPL methods on the payment intent
const paymentIntent = await stripe.paymentIntents.create({
  amount: orderTotalInCents,
  currency: 'usd',
  payment_method_types: ['card', 'klarna', 'afterpay_clearpay'],
  metadata: { order_id: orderId },
});

在客户端使用 Stripe 的 PaymentElement——对于符合条件的订单金额，它会自动显示 Klarna 和 Afterpay 标签页，无需额外配置：

import { PaymentElement } from '@stripe/react-stripe-js';

function CheckoutForm() {
  return (
    <form>
      <PaymentElement options={{ layout: 'tabs' }} />
      {/* Tabs render: Card | Klarna | Afterpay based on eligibility */}
    </form>
  );
}

在产品页面添加分期消息（无头架构）：

Klarna 提供用于显示价格信息的 Web 组件。加载 Klarna 脚本并添加该组件：

<script async src="https://js.klarna.com/web-sdk/v1/klarna.js"
  data-client-id="YOUR_KLARNA_CLIENT_ID">
</script>


<klarna-placement
  data-key="credit-promotion-auto-size"
  data-locale="en-US"
  data-purchase-amount="9999">
  
</klarna-placement>

Afterpay 也提供类似的 Web 组件：

<afterpay-placement
  data-locale="en_US"
  data-currency="USD"
  data-amount="99.99"
  data-size="sm">
</afterpay-placement>

步骤 3：验证资格规则是否已生效

每家服务商都有最低和最高订单金额。平台应用和 Stripe 的 PaymentElement 会自动处理这些规则——仅当订单总额处于适用范围内时，才会显示 BNPL 选项。可通过以下方式验证功能是否正常：测试低于最低金额的订单（不应显示 BNPL）以及金额处于适用范围内的订单（应显示 BNPL）。

最佳实践

• 如果使用 Shopify，请通过 Shopify Payments 启用——无需额外集成，只需在支付设置中开启即可
• 在产品页面和购物车中显示分期消息——结账前显示 BNPL 消息，即使最终选择全额付款的客户也会因此提高 AOV
• 仅在符合资格的金额范围内显示 BNPL——对 $10 的订单显示 BNPL 会误导客户；平台应用会自动处理此规则
• 监控费用对利润率的影响——Afterpay 收取 4–6% 的费用，是标准银行卡手续费的 2–3 倍；启用前请确保利润率能够承受服务商费率
• 清楚展示条款——“4 期免息付款”必须准确无误；每家服务商对于如何描述其产品都有合规要求

常见问题

问题	解决方案
结账时未显示 BNPL 选项	检查订单金额是否在提供商的适用范围内；确认插件/应用设置中的 API 凭据对应正确的环境（正式环境还是沙盒环境）
订单金额不符合条件时仍显示 BNPL	在插件设置中设置最低/最高金额阈值；Stripe 的 PaymentElement 会自动执行此检查
商品价格随变体变化时，商品页面上的消息未更新	Klarna 和 Afterpay Web 组件会读取 data-purchase-amount 属性；价格变化时，请在 JavaScript 中更新此属性
客户对 BNPL 条款感到困惑	在消息小组件中链接到提供商的“运作方式”页面；每家提供商都有必须遵循的合规消息模板
BNPL 订单的争议率较高	BNPL 争议由提供商（Klarna、Afterpay）处理，而非由你的支付处理商处理；确保履行流程能够生成清晰的跟踪信息和送达确认

相关技能

• @stripe-integration
• @checkout-flow-optimization
• @paypal-integration
• @cart-logic