Elements

构建您的像素级完美的支付体验

用 Stripe 的全套丰富 UI 构建块设计安全的支付体验,完美匹配您的网站并帮助您驱动转化率。

全名
Maria Pereira
国家
美国
地址
街道地址
Card
Afterpay
Klarna
卡号
1234 1234 1234 1234
有效期
月份/年份
安全码
CVV
提交订单
邮件地址
maria.pereira@example.pt
国家
荷兰
iDEAL
SEPA Debit
iDEAL 银行
ING 银行
完成结账
姓名
Maria Pereira
国家
中国
邮编
城市
地区
地址
街道地址
Alipay
Card
支付 €450.00

可自定义组件

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

已进行转化优化

通过内置的可访问性、错误消息、输入屏蔽、自动填充等,节省开发时间并消除用户困惑。

解锁新的市场

通过单一集成,利用 18 种支付方式触达更多用户。从管理平台中轻松管理支付方式。

帮助保持支付安全

Stripe 的平台满足行业认证标准,可帮助您的公司降低合规负担。

预构建的嵌入式组件

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

使用我们的全套优化的模块化 UI 组件,无缝收取支付详情、客户地址并提供手机钱包等等。

内置支付逻辑

Stripe 的 Payment Element 具有屏蔽、样式化、错误处理功能,且可在客户端进行输入验证,确定卡片是否可用。它还支持 18 种支付方式,无需额外集成,而且可动态显示最能提高转化的支付方式。

  • 银行卡
  • Giropay
  • ACH 借记
  • Google Pay
  • Afterpay / Clearpay
  • Affirm
  • iDEAL
  • Alipay
  • Klarna
  • Apple Pay
  • Konbini
  • BECS 直接借记
  • OXXO
  • Bancontact
  • Przelewy24
  • Boleto
  • SEPA 直接借记
  • EPS
  • Sofort
  • BACS 直接借记
Card
ACH bank debit
Card number
1234 1234 1234 1234
Expiration date
MM/YY
Security code
CVV
Pay US$175.00
SOFORT
Card
giropay
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
用银行卡支付
用支付宝支付
卡信息
6200 0000 0000 0005
有效期
12/24
卡安全码
123
支付 JP¥45,000
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

更多集成选项

探索我们的其他支付集成

如果 Elements 不适合您,可考虑用 Stripe Checkout 更快开始,或使用我们的纯 API 集成来获得完全控制。

Stripe Checkout

用我们预构建的转化得到优化的托管支付页面分分钟开始。

仅 API

从头设计您的定制 UI 并使用我们的 javascript 库,或仅使用我们的 API 来驱动支付。

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

创建账户,开始收款——不需要合同或银行详情。也可以联系我们,为您的业务量身制定最合适的套餐。