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 让客户以本地货币支付付款。

税号 Element

为发票和增值税退税收集企业税号。

兼容的 API

Stripe 提供两个可与 Elements 兼容的核心支付 API。对于大多数集成场景，我们推荐使用 Checkout Sessions API。

• 使用 Checkout Sessions API 来构建您的结账流程。Checkout Sessions 可覆盖与 PaymentIntent 类似的应用场景，包括使用 price_data 的基础支付，或包含行项目、税费、折扣、配送、订阅服务或 Adaptive Pricing（该功能仅适用于 Checkout Sessions）的完整结账流程。

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

• Payment Intents API 是一个仅建模支付步骤的底层 API。您需要传入最终金额，并自行构建所有结账逻辑，包括税费计算、折扣、配送、订阅和货币兑换。仅当您希望深度掌控结账状态并自行构建这些功能时，才应使用 PaymentIntent。

  通过 Payment Intents API 从零开始构建定制化集成。