调至内容部分
创建账户
或
登录
Stripe 文档徽标
/
询问人工智能
创建账户
登录
开始
付款
销售收入
平台和交易市场
资金管理
开发人员资源
概览
关于 Stripe 支付
升级您的集成
支付分析
线上付款
概览查找您的用例Managed Payments
使用 Payment Link
构建结账页面
    概览
    快速开始
    自定义外观样式
    收集额外信息
    收税
    动态更新结账流程
    管理产品目录
    订阅
    管理支付方式
    让客户用本地货币支付
    添加折扣、追加销售和可选商品
    设置未来付款
    支付过程中保存付款详情
      访客
    在您的服务器上手动批准支付
    付款后
    具有 Checkout Sessions API Beta 更改日志的 Element
    从传统 Checkout 迁移
    迁移 Checkout 来使用 Prices
构建高级集成
构建应用内集成
支付方式
添加支付方式
管理支付方式
用 Link 更快结账
支付接口
Payment Links
结账
Web Elements
应用内 Element
支付场景
处理多种货币
自定义支付流程
灵活收单
编排
线下支付
Terminal
超越支付功能
成立公司
加密货币
Financial Connections
Climate
了解欺诈
Radar 欺诈保护
管理争议
验证身份
首页付款Build a checkout page

支付过程中保存付款详情

了解如何接受付款并保存客户的付款详情以备将来购物时使用。

注意

通过 Elements 和 Checkout Sessions API 支持的已保存支付方式仅限银行卡。不支持其他已保存的支付方式,例如银行账户。

启用保存的支付方式

注意

全球隐私法复杂而微妙。在实施存储客户支付方式详情的功能之前,请与您的法律团队合作,确保其符合您的隐私和合规性框架。

要允许客户保存其支付方式以供将来使用,请在创建 Checkout Session 时指定 saved_payment_method_options.payment_method_save 参数。

保存支付方式时提供 Customer。传递现有的 customer,或者新建客户,将 Checkout Session 的 customer_creation 设置为 always。

Command Line
cURL
Stripe CLI
Ruby
Python
PHP
Java
Node.js
Go
.NET
No results
curl https://api.stripe.com/v1/checkout/sessions \ -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:"
\ -d "line_items[0][price]"=
{{PRICE_ID}}
\ -d "line_items[0][quantity]"=2 \ -d mode=payment \ -d ui_mode=custom \ -d customer_creation=always \ -d "saved_payment_method_options[payment_method_save]"=enabled

创建 Checkout Session 后,使用响应中返回的客户端私钥来构建结账页面。

在 initCheckout 上传递额外的 elementsOptions,以使 Payment Element 为您显示同意收集复选框。

checkout.js
const checkout = await stripe.initCheckout({ fetchClientSecret, elementsOptions: { savedPaymentMethod: { enableSave: 'auto', } } });

复用以前保存的支付方式

每个保存的支付方式都关联到一个 Customer 对象。在创建 Checkout Session 之前,请对您的客户进行身份验证,并将相应的 Customer ID 传递到 Checkout Session。

Payment Element 会自动重新显示之前保存的支付方式,供您的客户在结账时使用。

Command Line
cURL
Stripe CLI
Ruby
Python
PHP
Java
Node.js
Go
.NET
No results
curl https://api.stripe.com/v1/checkout/sessions \ -u "
sk_test_BQokikJOvBiI2HlWgH4olfQ2
:"
\ -d "line_items[0][price]"=
{{PRICE_ID}}
\ -d "line_items[0][quantity]"=2 \ -d mode=payment \ -d ui_mode=custom \ -d customer=
{{CUSTOMER_ID}}

在 initCheckout 上传递额外的 elementsOptions,以使 Payment Element 重新显示之前保存的支付方式,供您的客户在结账时使用。

checkout.js
const checkout = await stripe.initCheckout({ fetchClientSecret, elementsOptions: { savedPaymentMethod: { enableSave: 'auto', enableRedisplay: 'auto', } } });

可选构建您自己的已保存支付方式用户界面

此页面的内容有帮助吗?
是否
  • 需要帮助?联系支持。
  • 加入我们的早期使用计划。
  • 查看我们的更改日志。
  • 有问题?联系销售。
  • LLM? Read llms.txt.
  • Powered by Markdoc