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

Recommended

安全接受使用一种或多种支付方式（包括信用卡）的付款。

Express Checkout Element

Recommended

显示流行的钱包，例如 Apple Pay、Google Pay 和 PayPal。

Link 身份验证元素

Link 会自动填充您客户的付款和送货详细信息，以减少摩擦并提供轻松安全的结账体验。

Address Element

收集地址信息并显示 Link 保存的地址。

支付方式消息元素

自动通知客户可用的“先买后付”方案。

Checkout Session API only

货币选择器元素

通过 Adaptive Pricing 让客户以本地货币支付付款。

兼容的 API

Stripe 提供两个与 Element 兼容的核心支付 API，让您可以灵活地接受客户的各种支付类型。您可以将这些 API 集成到 Stripe 的预构建支付界面中。虽然我们建议大多数用户使用 Checkout Session，但它们提供的用例略有不同，具体取决于您选择如何构建结账流程以及所需的控制程度。您可以使用 Checkout Session API 构建结账页面，也可以使用 Payment Intents API 构建高级集成。

Checkout Sessions API 允许您对客户的结账流程进行建模。这包括其购买中包含的行项目、账单地址和收货地址、适用税率以及优惠券或折扣。通过 Checkout Session，您可以创建订阅、使用 Stripe Tax 计算税率以及发起付款。
Payment Intents API 允许您对支付步骤进行建模。与要求行项目详情的 Checkout Sessions API 不同，您只需传递想要收取的最终金额。这适用于付款流程，例如会话外付款。如果希望使用 Stripe 来计算适用的税费或创建订阅，则必须分别集成 Stripe Tax API 或 Subscriptions API。

Checkout Session 包括客户信息、配送、税收、折扣、优惠券和支付集成，而 Payment Intent 仅处理支付集成。