调至内容部分
创建账户或登录
Stripe 文档徽标
/
询问人工智能
创建账户登录
开始
付款
销售收入
平台和交易市场
资金管理
开发人员资源
API 和 SDK帮助
概览
关于 Stripe 支付
升级您的集成
支付分析
线上付款
概览查找您的用例Use Managed Payments
使用 Payment Link
Use a prebuilt checkout page
Build a custom integration with Elements
    概览
    Quickstart guides
    Stripe Elements
      Payment Element
      Express Checkout Element
      Address Element
      货币选择器组件
      Link Authentication Element
      Payment Method Messaging Element
      税号 Element
    Compare Checkout Sessions and PaymentIntents
    设计高级集成
    自定义外观样式
    管理支付方式
    收集额外信息
    构建订阅集成
    Dynamic updates
    添加折扣
    对您的付款征税
    兑换抵用金
    让客户用本地货币支付
    保存并检索客户支付方式
    发送收据和已付账单
    在您的服务器上手动批准支付
    单独授权和捕获付款
    具有 Checkout Sessions API Beta 更改日志的 Element
构建应用内集成
线下支付
Terminal
支付方式
添加支付方式
管理支付方式
用 Link 更快结账
支付场景
处理多种货币
自定义支付流程
灵活收单
编排
超越支付功能
成立公司
加密货币
智能体商务 (Agentic Commerce)
Financial Connections
Climate
了解欺诈
Radar 欺诈保护
管理争议
验证身份
美国
简体中文
首页付款Build a custom integration with Elements

Stripe Web Elements

使用预构建的用户界面组件创建您自己的结账流程。

Stripe Elements 是一组预构建的 UI 组件,用于构建您的 Web 结账流程。它作为 Stripe.js 的一项功能提供,是我们用于构建付款流程的基础 JavaScript 库。Stripe.js 在 Element 内对敏感付款详情进行令牌化处理,而无需让它们接触您的服务器。

  • 全球支付方式:访问全球 100 多种支付方式,包括 Apple Pay 等钱包。

  • 链接:通过让客户在结账时选择一个保存的支付方式,而不是输入支付信息,帮助他们更快结账。

  • 保存的支付方式:使用内置功能保存、复用和管理银行卡和银行账户。

  • 监管合规:Stripe 提供全球合规界面,并处理向买家显示授权和许可须知的要求。

  • 最新税表:具有内置错误处理功能的本地化表单。Stripe 会及时更新每个支付方式提供商的要求。

  • 地址收集:使用任何支付方式收集全部或部分账单地址。

  • 外观定制:自定义 Element 的外观和样式,使其符合您网站的设计风格。

  • 其他功能:其他功能,例如 CVC 重新收集和控制接受的银行卡品牌。

探索演示版

开始

如果在下面看不到您的 Element,可在 Stripe.js API 参考中找到更多信息。

Payment Element
安全接受使用一种或多种支付方式(包括信用卡)的付款。
Express Checkout Element
显示流行的钱包,例如 Apple Pay、Google Pay 和 PayPal。
Link 身份验证元素
Link 会自动填充您客户的付款和送货详细信息,以减少摩擦并提供轻松安全的结账体验。
Address Element
收集地址信息并显示 Link 保存的地址。
支付方式消息元素
自动通知客户可用的“先买后付”方案。
仅 Checkout Session API
货币选择器元素
通过 Adaptive Pricing 让客户以本地货币支付付款。
仅 Checkout Session API
税号 Element
为发票和增值税退税收集企业税号。

兼容的 API

Stripe 提供两种与 Elements 兼容的核心支付 API,便于您灵活接受客户的各种支付方式。可以将这些 API 集成到 Stripe 的预构建支付界面中。根据您选择的结账流程结构和所需的控制程度,这些 API 适用于不同的用例。我们建议在大多数用例中使用 Checkout Session。

  • 使用 Checkout Sessions API 完整模拟客户结账流程,涵盖购买的行项目、账单与送货地址、适用税率以及优惠券或折扣等信息。通过 Checkout Session,您可创建订阅、利用 Stripe Tax 功能计算税率,并通过单一集成方式发起付款。

    使用 Checkout Sessions API 构建结账页面。

  • 使用 Payment Intents API 仅构建支付步骤模型,实现更精细的控制。与需要行项目详细信息的 Checkout Session API 不同,只需传入想要收取的最终金额。适用于希望手动计算最终金额的高级支付流程。使用 Payment Intents 时,如果希望使用 Stripe 计算适用税费,须使用 Stripe Tax API 构建单独的集成;如果希望使用 Stripe 创建订阅,须使用 Subscription API 构建单独的集成。

    使用 Payment Intents API 构建一个高级集成。

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