Products

Solutions

Resources

Elements

Build your pixel‑perfect payments experience

Use Stripe’s suite of rich UI building blocks to design a secure payments experience that perfectly matches your site and helps drive conversion.

Full name
Sarah King
Country
United States
Address
Street address
Card
Afterpay
Klarna
Card number
1234 1234 1234 1234
Expiration date
MM / YY
Security code
CVV
Submit order
Email address
sarah.king@example.com
Country
Netherlands
iDEAL
SEPA Debit
iDEAL Bank
ING Bank
Finish checkout
Name
Sarah King
Country
China
Postcode
City
Region
Address
Street address
Alipay
Card
Pay £450.00

Customisable components

Choose the Elements you need and match them to the look and feel of your site with CSS-level styling.

Optimised for conversion

Save development time and eliminate user confusion with built-in accessibility, error messages, input masking, autofill, and more.

Unlock new markets

Reach more users with 18 payment methods through a single integration. Easily manage payment methods from the Dashboard.

Help keep payments safe

Stripe’s platform meets industry certification standards to help reduce compliance burdens for your business.

Pre-built, embeddable components

Powerful building blocks to help optimise conversion across web and mobile

Use our suite of optimized and modular UIs to seamlessly collect payment details, customer addresses, offer mobile wallets, and more.

Built-in payments logic

Stripe’s Payment Element comes with masking, styling, error handling, and client-side input validation for card acceptance. It also supports 20 payment methods with no additional integration, and dynamically shows the payment methods most likely to improve conversion.

  • Cards
  • Giropay
  • ACH Debit
  • Google Pay
  • Afterpay / Clearpay
  • Affirm
  • iDEAL
  • Alipay
  • Klarna
  • Apple Pay
  • Konbini
  • BECS Direct Debit
  • OXXO
  • Bancontact
  • Przelewy24
  • Boleto
  • SEPA Direct Debit
  • EPS
  • Sofort
  • Bacs Direct Debit
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

Boost conversion at checkout with Link

Link autofills your customers’ payment and shipping details to deliver an easy and seamless checkout experience.

How it works

Customers can choose to save their payment details at any Link-supported site across the Stripe network, and Link autofills those details for future purchases. When customers use Link on a new site or new device, they receive a one-time code to verify their identity.

Improved conversion

Reduce cart abandonment by creating a frictionless checkout experience—Link increases conversion rates by over 7% for logged-in Link customers.

Speed up checkout

Enable your customers to check out in just 6 seconds with the optimized Link experience—9x faster than non-Link customers.

Meet our other Elements

Built by us, designed by you

Control every facet of the experience

Our versatile APIs and libraries let you combine the simplicity of pre-built components with the freedom of custom UIs. Use React or JavaScript to build your ideal web integration or our iOS, Android, or React Native SDKs to design a streamlined mobile flow.

Card
Apple Pay
Card number
1234 1234 1234 1234
Expiration date
MM / YY
Security code
CVV
Country
United States
Postcode
12345
Card
Google Pay
Card number
1234 1234 1234 1234
Expiration date
MM / YY
Security code
CVV
Country
United States
Postcode
90210
Card
Apple Pay
Card number
1234 1234 1234 1234
Expiration date
MM / YY
Security code
CVV
Country
United States
Postcode
90210

Full customisation

Use CSS properties to customize font, colour, spacing, and more.

We migrated to Stripe Elements in less than a day with a single developer. Since then, we’ve seen a 6% increase in conversion at checkout.

Liam Mclaney, Co-founder, OnJam

With Stripe Elements, we were able to instantly turn on iDEAL, Bancontact, EPS, and Giropay. As we rapidly enter new markets, it’s important that we’re able to scale new payment methods without being limited by engineering bandwidth.

Lindsay Simon, Chief Valuations Officer, ValueMyStuff

We wanted the checkout experience to feel cohesive with the rest of our product, but didn’t want to recreate payments from scratch. Stripe Elements made it super simple to achieve this.

Bridger Maxwell, Co-founder, Scribble

Integrating with Stripe Elements was surprisingly easy. Having Stripe handle localisation, formatting, and automatically displaying relevant local payment methods has made the user experience much better for our global customer base.

Dhiraj Nayak, CTO, 3D Usher

Less code, fewer errors

Don’t waste time reinventing the payments wheel

Building a conversion-optimised payments experience is hard. Elements lets you take advantage of Stripe’s collective experience across front-end, design, and analytics, so that you can spend less time on payments and more time on your product.

Pricing

Know what you’ll pay

More integration options

Explore our other payment integrations

If Elements doesn’t seem right for you, consider Stripe Checkout to get started even faster or our API-only integration for full control.

Stripe Checkout

Get started in minutes using our pre-built, hosted payment page optimised for conversion.

API-only

Design your custom UI from scratch and use our JavaScript library or just our APIs to power the payments.

Ready to get started? Get in touch or create an account

Create an account and start accepting payments – no contracts or banking details required. Or, contact us to design a custom package for your business.