Stripe on Framer.

Framer has no payments of its own, but Stripe connects in a few minutes. Here are the three ways to do it, from a single buy button to a shop with a cart, with the steps for each.

Start with the simplest Shop with a cart

Stripe Payment Links

Best for one to three products, a service or a subscription. Free apart from Stripe fees. No cart.

In the Stripe Dashboard, open Payment Links and create a link for your product with its price.
Copy the link (it starts with buy.stripe.com).
In Framer, select your button and set its link to the copied address.
Set a confirmation page in the payment link, for example a thank-you page on your Framer site.
Test with Stripe's test mode first, then repeat the steps with a live link.

Buy-button plugins

Best when you want your Stripe products inside Framer without copying links by hand. Still one product per checkout.

Plugins such as StripeKit read your products from Stripe and place buy buttons on the canvas. Each button opens Stripe Checkout for that one product. Check the plugin's page for its current price and whether live payments need a paid version.

A checkout with a cart

Best for a real shop: customers add several products and pay once. This needs a small server, because a cart has to be checked against the real prices before Stripe takes the payment.

Your Stripe, your money.

Connect your Stripe account once in a Stripe window, no keys to copy. Payouts, refunds and taxes stay in your account.

0 %

commission on your sales

Connect Stripe

One click in the plugin. Test mode is always free.

Sync products

Products in the Framer CMS become Stripe products, with prices read from Stripe, not from the browser.

Get paid

Customers pay on Stripe Checkout with card, Apple Pay, Google Pay and the methods your account offers.

That is how our checkout plugin works: $9.90 per site and month, no commission, your own Stripe account. Other cart plugins charge a share of each sale or a monthly fee above a sales limit. All options side by side: Framer ecommerce.

Three rules for any way you pick

Secret keysNever paste a Stripe secret key (sk_...) into Framer, not even in a code component. Everything in a published Framer site is public.
PricesThe price that counts must come from Stripe, not from the page, or a visitor could change it in the browser.
Test modeRun a full test purchase with the test card before you switch to live.

Questions about Stripe and Framer

Want it set up for you? Work with us.

Does Framer have a built-in Stripe integration?

No. Framer has no native payments. You connect Stripe with a link, a plugin or a checkout service.

Can I sell subscriptions with Stripe on Framer?

Yes, with Stripe Payment Links: a payment link can be set up for a recurring price, and Stripe handles the billing.

Is it safe to use Stripe on a Framer site?

Yes, as long as customers pay on Stripe's own checkout page and no secret Stripe key ever goes into the Framer project. Keys that start with sk_ belong on a server only.

Which payment methods work?

Whatever your Stripe account offers on Stripe Checkout, for example cards, Apple Pay and Google Pay, and local methods such as TWINT in Switzerland where Stripe supports them.

Can I test before going live?

Yes. Use Stripe's test mode and the test card 4242 4242 4242 4242 with any future date. Switch to live keys or live links only when everything works.