How to Integrate Stripe with your Form

October 19, 2021

Collecting credit card payments is hard for startups and small businesses on the web. You need to apply for a merchant account, make sure your servers are PCI-compliant, implement credit card sanity checks, and write server side code to integrate with a service.

Stripe turned this very painful task of collecting credit card payments into a matter of copy & paste. How did they accomplish this? How can you collect payments on your web pages without worrying about merchant accounts and PCI compliance for your servers? The answer is something called stripe.js.

It’s basically a small JavaScript library that connects your web page to Stripe’s web servers. The data is never sent to your servers. This is what makes it so powerful. You don’t have to worry about the server side. You can now create a professional-looking credit card Stripe payment form in minutes. Using Jotform’s Stripe integration, you can create one-time payment forms, donation forms, and even recurring billing forms.

How to Integrate Your Form With Stripe

  1. First, open your form in the Form Builder. Then, open the Payments toolbox on the left side of the page and drag and drop Stripe to your form.
Stripe Payment Gateway

2. In the Integration wizard, click on Connect with Stripe. You can click on Additional Gateway Settings to further customize the integration.

Connect with Stripe

3. Once you are connected, you can choose what you want to sell.

  • Is this a service or a product?
  • Is this going to be a single payment for a product or recurring payments for a subscription?
  • Or, are you going to collect donations?
  • Do you want to create a customer after submission or charge the customer immediately?
  • You might want to choose the type of decimal separator.
  • Do you want to let your user choose multiple products?
Additional Gateway Settings

4. Next, enter your products. You have the option to create coupons, establish a shipping fee, or add tax.

Create New Product

5. You’re all set. You can now test your form and start selling your products. Give it a try and let us know how it turns out in the comments below.

Here are some example forms:

Stripe’s rates are great, they charge 2.9 percent of your transaction fee plus 30 cents per transaction. There are no setup fees, no monthly fees, no card storage fees, no hidden costs, you only get charged when you earn money. Stripe is available in 32 countries, but they are working on providing their service in other countries as well. If Stripe is not available in your country yet, you can make a request for your country.

Was this guide helpful?
Contact Support:

Our customer support team is available 24/7 and our average response time is between one to two hours.
Our team can be contacted via:

Support Forum:

Contact Jotform Support:

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.