Elements

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

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

全名
Li Gong
国家
美国
地址
街道地址
Card
Afterpay
Klarna
卡号
1234 1234 1234 1234
有效期
月份/年份
安全码
CVV
提交订单
邮件地址
li.gong@example.com
国家
荷兰
iDEAL
SEPA Debit
iDEAL 银行
ING 银行
完成结账
姓名
Li Gong
国家
中国
邮编
城市
地区
地址
街道地址
Alipay
Card
支付 $450.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 种货币。请选择最适合您业务的集成方案。

多种在线接受付款的方式

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

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