Elements

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

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

全名
Jana Malá
国家
美国
地址
街道地址
Card
Afterpay
Klarna
卡号
1234 1234 1234 1234
有效期
月份/年份
安全码
CVV
提交订单
邮件地址
jana.mala@example.sk
国家
荷兰
iDEAL
SEPA Debit
iDEAL 银行
ING 银行
完成结账
姓名
Jana Malá
国家
中国
邮编
城市
地区
地址
街道地址
Alipay
Card
支付 €450.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
支付 ¥450.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 在前端、设计和分析方面的整体经验,让您在支付上少花时间,把更多时间花在您的产品上。

价格

知道支付目的

更多集成选项

探索我们的其他支付集成

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

Stripe Checkout

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

仅 API

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

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

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