Elements

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

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

全名
Mila Furrer
国家
美国
地址
街道地址
Card
Afterpay
Klarna
卡号
1234 1234 1234 1234
有效期
月份/年份
安全码
CVV
提交订单
邮件地址
mila.furrer@example.ch
国家
荷兰
iDEAL
SEPA Debit
iDEAL 银行
ING 银行
完成结账
姓名
Mila Furrer
国家
中国
邮编
城市
地区
地址
街道地址
Alipay
Card
支付 CHF450.00

可自定义组件

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

已进行转化优化

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

解锁新的市场

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

帮助保持支付安全

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

预构建的嵌入式组件

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

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

内置支付逻辑

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

  • 银行卡
  • Giropay
  • ACH 借记
  • Google Pay
  • Afterpay / Clearpay
  • iDEAL
  • Alipay
  • Klarna
  • Apple Pay
  • Konbini
  • BECS 直接借记
  • OXXO
  • Bancontact
  • Przelewy24
  • Boleto
  • SEPA 直接借记
  • EPS
  • Sofort
Card
ACH bank debit
Card number
1234 1234 1234 1234
Expiration date
月份/年份
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
月份/年份
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 在前端、设计和分析方面的整体经验,让您在支付上少花时间,把更多时间花在您的产品上。

价格

知道支付目的

更多集成选项

探索我们的其他支付集成

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

Stripe Checkout

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

仅 API

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

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

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