How to Integrate Stripe with Your Form

May 25, 2022

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.

Here’s how you can integrate your form with Stripe:

  1. Click the Add Form Element button in the Form Builder.
  2. Go to the Payments tab.
  3. Search and select Stripe.
  1. Select the Mode in the Payment Settings panel.*
  2. Click the Connect button and connect your Stripe account.

*Change Live Mode to Test Mode if you want to test your payment form. Test Mode does not process actual payments.

  1. Select the Payment Type. To learn more, see “Order Form Types”.
  2. Expand the Additional Gateway Settings section for more options.
  3. Finally, click the Continue button to save the changes.

Stripe’s rates are great, they charge 2.9% of your transaction fee plus 30 cents per transaction. There are no setup fees, no monthly fees, no card storage fees, and 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.

If you have any questions, feel free to write a comment below.

See also:

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.


  • randolph nunez