How to Embed a Stripe Payment Form on Your Website

Jan 3, 2024

When you're looking to set up a payment form to sell a product or service, Stripe Checkout is a quick and easy way to make this happen. Stripe now even gives you the ability to create simple payment links for those without a website.

One thing that may be bugging you though is that the actual checkout page is hosted by Stripe. So when a customer clicks your payment button or link on your website, they're sent to Stripe.com for the actual checkout form. After they complete the transaction they're sent back to your website.

It looks like something like this:

This isn't a huge deal but isn't quite ideal. It's now possible to host the checkout on your own sub-domain. If you still want more control over the design and experience you'll have to use Stripe Elements. The problem is, your typical set up would require a full-stack web application with backend server code to process the transaction. If you're using Stripe for a SaaS startup and you already have a full-stack web application you've created then this isn't a big deal. If you're using Stripe just to sell services or digital products then it's definitely going to be a hassle.

For selling digital products, you're probably better off just using something like Podia. For selling services, a Stripe integration with Typeform might be better, or you can use a tool called Formspree.

You can see their guide for creating a Custom Stripe Form with no server code here.

You just follow that guide to sync your Formspree form to Stripe, embed your form on your website, and style it to match your site! That's basically it.

You could also probably achieve something similar with Jotforms but Formspree is a cheaper more custom solution for this.

One minor downside to this Formspree/Stripe Elements setup  is that it doesn't work with Apple Pay or Google Pay. As somebody who uses Apple Pay a lot, this is kind of a bummer. The easiest way to get Apple Pay functionality is just to use Stripe Payment Links.

Unlock The Power of Google Ads

Unlock The Power of Google Ads

Join our newsletter to learn all of the latest Google Ad tips & tricks.