Elements

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

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

全名
Jana Horáková
国家
美国
地址
街道地址
Card
Afterpay
Klarna
卡号
1234 1234 1234 1234
有效期
月份/年份
安全码
CVV
提交订单
邮件地址
jana.horakova@example.cz
国家
荷兰
iDEAL
SEPA Debit
iDEAL 银行
ING 银行
完成结账
姓名
Jana Horáková
国家
中国
邮编
城市
地区
地址
街道地址
Alipay
Card
支付 CZK450.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

用 Link 提高结账转化率

Link 可自动填充客户的支付和配送详情,打造了一种简单又安全的结账体验。

工作原理

客户可以选择在 Stripe 网络中支持 Link 的任意网站上保存其支付详情,然后在未来购物时 Link 会自动填充。当客户在新的网站或设备上使用 Link 时,他们会收到一个一次性验证码来验证其身份。

提高转化

打造无阻结账体验,降低购物车遗弃率——登录 Link 的客户转化率提高了 7% 以上。

加速结账

通过优化的 Link 体验,让客户 6 秒结账——比非 Link 客户快 4 倍。

看看我们的其他 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 来驱动支付。

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

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