Elements
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
支付 S$450.00

可自定义组件

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

已进行转化优化

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

解锁新的市场

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

帮助保持支付安全

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

预构建的嵌入式组件

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

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

内置支付逻辑

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

  • 银行卡
  • Giropay
  • ACH 借记
  • Google Pay
  • Afterpay / Clearpay
  • Affirm
  • iDEAL
  • 支付宝
  • Klarna
  • Apple Pay
  • Konbini
  • BECS 直接借记
  • OXXO
  • Bancontact
  • Przelewy24
  • Boleto
  • SEPA 直接借记
  • EPS
  • BACS 直接借记
Card
ACH bank debit
Card number
1234 1234 1234 1234
Expiration date
MM/YY
Security code
CVV
Pay US$175.00
Klarna
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
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 功能

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

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