Elements

打造像素级完美的支付体验

使用 Stripe 丰富的 UI 组件套件,设计与您的网站完美契合的安全支付体验,助力提升转化率。

全名
Aleeya Lancester
国家
美国
地址
街道地址
Card
Afterpay
Klarna
卡号
1234 1234 1234 1234
有效期
月份/年份
安全码
CVV
提交订单
邮件地址
aleeya.lancester@example.com
国家
荷兰
iDEAL
SEPA Debit
iDEAL 银行
ING 银行
完成结账
姓名
Aleeya Lancester
国家
中国
邮编
城市
地区
地址
街道地址
Alipay
Card
支付 RM450.00

可定制组件

选择您需要的 Element,并通过 CSS 级别的样式设置,使其与您网站的外观风格保持一致。

专为提升转化率而优化

借助内置的辅助功能、错误提示、输入掩码和自动填充等功能,节省开发时间并消除用户的困惑。

开拓新市场

只需单次集成,即可通过 40 多种支付方式触达更多用户。从管理平台中轻松运行 A/B 测试并管理支付方式。

助力保障支付安全

Stripe 平台符合行业认证标准,有助于减轻企业的合规负担。

可定制模块化组件

强大的构建块,助力优化网页端和移动端转化率

使用我们经过优化、可组合的 UI 套件,无缝收集付款详情和客户地址,提供移动钱包等多种功能。使用 Stripe Payment Element 的企业平均实现了 11.9% 的营收增长。

内置支付逻辑

Stripe 的 Payment Element 具有屏蔽、样式化、错误处理功能,且可在客户端进行输入验证,以接受银行卡支付。它还通过 Adaptive Pricing 实现本地化定价,支持接入 100 多种支付方式,并运用 AI 模型为客户智能推荐相关支付方式——即使在 Stripe 之外处理银行卡支付也是一样。

  • 银行卡
  • ACH 借记
  • Google Pay
  • Afterpay / Clearpay
  • Affirm
  • iDEAL
  • 支付宝
  • Klarna
  • Apple Pay
  • Konbini(便利店支付)
  • Amazon Pay
  • BECS 直接借记
  • OXXO
  • Bancontact
  • Przelewy24
  • Boleto
  • SEPA 直接借记
  • EPS
  • Bacs 直接借记
  • MobilePay
Card
ACH bank debit
Card number
1234 1234 1234 1234
Expiration date
MM/YY
Security code
CVV
Pay US$175.00
Klarna
Card
PayPal
Name
Alistair Hanton
Land oder Region
Deutschland
Zahle €90.00
Card
Klarna
Clearpay
Card number
1234 1234 1234 1234
Expiration date
MM/YY
Security code
CVV
Pay £235.00
Boleto
Cartão
CPF/CNPJ
123.456.789-00
Nome
Jane Diaz
Pague R$160.00

看看我们的其他 Elements

底层由我们构建,体验由您来设计

全面掌控每一个体验细节

我们功能丰富的 API 和代码库,让您兼得预构建组件的简便性和自定义 UI 的自由度。使用 React 或 JavaScript 构建理想的网页端集成方案,或使用我们的 iOSAndroidReact Native SDK 打造丝滑的移动端支付流程。

Card
Apple Pay
卡号
1234 1234 1234 1234
有效期
月份/年份
安全码
CVV
国家
美国
邮编
12345
Card
Google Pay
卡号
1234 1234 1234 1234
有效期
月份/年份
安全码
CVV
国家
美国
邮编
90210
Card
Apple Pay
卡号
1234 1234 1234 1234
有效期
月份/年份
安全码
CVV
国家
美国
邮编
90210

完全定制

CSS 属性自定义字体、颜色、间距,等等。

代码更少,错误更少

别在支付上重复造轮子

打造为提升转化率而优化的支付体验并非易事。Elements 让您能够充分利用 Stripe 在前端、设计和数据分析领域的全方位经验,从而大幅缩减在支付上耗费的时间,将更多精力投入到核心产品开发中。

UI 优化

  • 客户端输入验证
  • 输入掩码
  • 针对特定卡种的 CVC 提示
  • 内置辅助功能 (ARIA)
  • 通过浏览器和身份验证服务自动填充

适配移动端

  • 响应式布局
  • 动态数字键盘
  • 移动端友好导航
  • 内置银行卡扫描功能
  • Apple Pay
  • Google Pay

本地化体验

  • 全角/CJK 数字符号
  • 本地化错误提示
  • 从右至左的语言
  • 智能支付方式选择
  • 动态邮编收集

简化合规流程

  • 使用 AES-256 标准加密卡号
  • 符合 SCA 要求的解决方案
  • 轻松完成 PCI 验证

定价

费用清晰透明

Stripe Elements 包含在 Stripe 的综合定价中,让您能够接受信用卡、借记卡、移动钱包等支付方式。

已包含

在 Stripe Payments 中

选择适合您的路径

开始收款的其他选项

Stripe 的所有支付 UI 均可让您即刻支持超过 40 种支付方式、35 种语言和 135 种货币。请选择最适合您业务的集成方案。

多种在线接受付款的方式

准备好开始了吗?联系我们或创建账户

创建账户并开始接受付款,无需签订合同或提供银行信息。或者,联系我们,为您的企业量身定制专属方案。