Stripe Elements is Stripe's set of prebuilt payment building blocks that a developer adds to your own checkout page, so the card form, wallet buttons and address fields look like part of your site. There's no separate charge for Elements: it's part of Stripe Payments pricing, which is 2.9% + 30 cents per successful domestic card transaction on Stripe's US pricing as of October 2026.
The catch is that Elements is a developer toolkit, not a no-code product. Someone has to write the code that creates the payment on your server and places the form on your page. If you can't code and don't have a developer, Stripe's Checkout or Payment Links are the better fit. And the headline 11.9% revenue figure on Stripe's Elements page is Stripe's own average, not a promise for your shop. These are Stripe's US prices; UK, Australian and Canadian readers will see other numbers on their local Stripe site.
Who needs Stripe Elements, and who doesn't
Elements makes sense when you want a checkout that looks and behaves like the rest of your site, and you have a developer to build it. Stripe's pitch is control: you choose the elements you need and match them to the look and feel of your site with CSS-level styling. One customer quoted on Stripe's page, Scribble, puts the use case well: it wanted checkout to feel cohesive with the rest of its product, without recreating payments from scratch.
It doesn't make sense if you sell a handful of products, run a small service business, or want to take payments this afternoon. Checkout gives you a ready-made payment page Stripe hosts for you, and Payment Links need no website at all. If that's you, start with my guide to Stripe Payment Links instead.
Each element and its job
Stripe lists five main elements, as of October 2026:
| Element | What it does, per Stripe |
|---|---|
| Payment Element | One UI for cards, wallets and local payment methods |
| Express checkout element | One-click buttons for Apple Pay, Google Pay, Amazon Pay, PayPal and Link |
| Address element | Collects and validates billing and shipping addresses |
| Payment method messaging element | Promotes buy now, pay later options before checkout |
| In-app payment element | Builds checkout flows inside your mobile app |
The Payment Element is the one most businesses start with. Stripe says it comes with input masking, styling, error handling and client-side validation for cards built in, plus accessibility features and autofill. The address element, Stripe says, can help reduce the risk of shipping goods to the wrong location and apply the right sales taxes more accurately. The messaging element works out which buy now, pay later plans are available, writes a localised description and matches your page's styling.
Payment methods through one integration
Stripe's Elements page says you can reach 40+ payment methods through a single integration, and that the Payment Element gives access to 100+. The methods Stripe shows include cards, ACH Debit, Apple Pay, Google Pay, Amazon Pay, Afterpay/Clearpay, Affirm, Klarna, iDEAL, Alipay, Konbini, OXXO, Boleto, Bancontact, Przelewy24, EPS, MobilePay, and SEPA, Bacs and BECS Direct Debit. Stripe says AI models surface the relevant methods to each customer, so each shopper sees the options that fit them.
That's where Elements earns its keep for businesses selling abroad. ValueMyStuff, quoted on Stripe's page, says it turned on iDEAL, Bancontact, EPS and Giropay instantly as it moved into new markets, without waiting on engineering time.
What Link adds
Link is Stripe's saved-details checkout. Customers can choose to save their payment details at any Link-supported site across the Stripe network, and Link fills them in next time. On a new site or device, they get a one-time code to confirm it's them. Stripe says businesses with a large repeat customer base have seen returning-user conversion rise by an average of 14%, and that checkout is 3x faster than for non-Link customers. Both are Stripe's own figures.
Reading Stripe's conversion claims
Stripe says businesses using the Payment Element saw 11.9% more revenue on average. One customer, OnJam, says it migrated to Elements in less than a day with a single developer and saw a 6% increase in checkout conversion. Those are useful signals, but they're an average and one company's result. Your own lift depends on your products, your customers and how clunky your current checkout is.
Want AI doing the heavy lifting in your marketing?
I build the systems that handle the boring 80 percent, so you get your week back. Done properly, with the human kept in.
How a developer builds with Stripe Elements
- Create a PaymentIntent on your server.
- Mount the Payment Element on your checkout page with React or JavaScript.
- Style it with the Appearance API, which uses variables and rules to match your fonts, colours and spacing.
- Confirm the payment and handle the result.
For mobile apps, Stripe offers iOS, Android and React Native SDKs. If you run a platform that pays out to other sellers, Elements sits alongside Stripe Connect, which handles the platform side.
My verdict
If you've got a developer and your checkout is part of your brand, Elements is the Stripe option I'd pick: you get Stripe's tested payment form inside your own page design. If you haven't, don't force it. Checkout gives you a ready-made page with the wallets your customers expect, and you can move to Elements later when the business justifies the build. Either way, the card rate's the same, so this is a choice about control, not cost. For the full list of what Stripe charges per transaction, see this Stripe fees guide.
Frequently asked questions
What is Stripe Elements?
Stripe Elements is a suite of prebuilt payment UI building blocks, such as the Payment Element and the address element, that developers add to their own checkout and style to match the site.
Is Stripe Elements free?
There's no separate fee for Elements. It's part of Stripe Payments pricing, which is 2.9% + 30 cents per successful domestic card transaction on Stripe's US pricing as of October 2026.
What's the difference between Stripe Elements and Checkout?
Checkout is a prebuilt payment page Stripe hosts for you. Elements are components a developer builds into your own page, so you get more control over the design but you need to write code.
Which payment methods can Stripe Elements show?
Stripe says 40+ payment methods through a single integration and access to 100+ through the Payment Element, including cards, Apple Pay, Google Pay, Klarna, Affirm, iDEAL and SEPA Direct Debit.
Does Stripe Elements work in mobile apps?
Yes. Stripe has an in-app payment element, plus iOS, Android and React Native SDKs for building mobile checkout flows.
What is Link in Stripe Elements?
Link is Stripe's accelerated checkout. Customers save their payment details once and Link fills them in on any Link-supported site, with a one-time code on a new site or device.
