Elements
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
支付 MYR450.00

可自定义组件

选择您需要的 Elements 并用 CSS 级样式工具匹配您网站的外观样式。

为更优转化率打造

利用内置功能如无障碍访问、错误提示、输入掩码、自动填充等,省去开发时间,避免用户操作上的复杂性。

解锁新市场

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

帮助保持支付安全

Stripe 的平台满足行业认证标准,可减轻您公司的合规负担。

可定制的模块化组件

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

我们提供经过优化的组件化 UI 套件,助您轻松收集支付信息和客户地址、提供移动支付钱包选项等。采用 Stripe Payment Element 的商家,其收入平均增长了 11.9%。

内置支付逻辑

Stripe 的 Payment Element 具有屏蔽、样式化、错误处理功能,且可在客户端进行输入验证,确定卡片是否可用。它还允许您访问 100+ 多种支付方式,并向您的客户动态展示 40 多种最相关的支付方式——即使您在 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-ready 解决方案
  • 轻松 PCI 验证

定价

定价简洁透明

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

已包含

在 Stripe Payments 的费用内

选择您的路径

开启收款的其他选项

Stripe 的所有支付 UI 都可让您立即获取 40+ 种支付方式,支持 35+ 种语言和 135+ 种货币。不妨选择最适合您业务的集成。

Payment Links

可分享的支付链接

最快的收款方式——无需代码

  • 通过电子邮件、短信或任何其他渠道分享链接
  • 接受一次性付款、经常性付款或可随心付的款项
  • 把您的链接变成二维码或者一个可嵌入的购买按钮
Checkout
Checkout

预构建支付表单

经优化的结账页面可带来更高转化率,帮助您加速业务启动

  • 嵌入您的网站或重定向到一个 Stripe 托管的页面
  • 定制颜色和字体,使其匹配您的品牌元素
  • 轻松添加经常性付款和 Stripe Tax 功能

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

创建账户,就可以开始收款——无需签署合同,也无需提供银行信息。也欢迎您联系我们,获取我们为您业务设计的定制套餐。