Jotform + Stripe = Beautiful Payment Forms in Minutes

Jotform + Stripe = Beautiful Payment Forms in Minutes

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 such as Authorize.net. These things can take weeks and cause a lot of headache.

Your other option is to use a payment gateway such as PayPal or Google Checkout. The problem with those options is that they don’t look very professional, and you do not have much control over the process.

Stripe is one of the most disruptive companies of 2012. They 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 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 own servers. This makes it so powerful. You don’t have to worry about the server side.

Today, we are very excited to announce integration with Stripe. You can now create professional looking credit card payment forms in minutes.

Image of Jotform's Stripe Integration

Using Jotform’s Stripe integration you can create one time Stripe payment forms, donation forms and even recurring billing forms.

So, what does a form integrated with Stripe look like. Here are some example forms:

cookie order form preview

View FormClone Form

subscribe to cooke magazine form preview

View FormClone Form

support cookie for love foundation form preview

View Form– Clone Form

Stripe’s rates are great: They charge 2.9% of your transaction fee plus 30 cents per transaction. No setup fees, no monthly fees, no card storage fees, no hidden costs: you only get charged when you earn money.

One downside is that Stripe is currently only available in United States and Canada. But, they are working on providing their service on other countries as well. If Stripe is not available on your country yet, you can make a request for your country.

Youtube Embed Poster: nfZ-x7M8M5c

How to Integrate Your Form with Stripe

1. First, open your form on the Form Builder. Then, open Payment Tools toolbox on the left side and drag and drop Stripe to your form.

form elements section screenshot: payemnts tab shows stripe selected

2. On the Integration wizard, click on Connect with Stripe. You can click on Additional Gateway Settings to customize the integration even better.

stripe integration settings

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 for single payment product(s) or recurring payments for a subscription? Or, are you going to collect donations? Do you want to Create a Customer after Submission or Charge 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 expanded

4. Next, enter your products.  You have the option to create Coupons, establish a Shipping Fee or Tax.

payment settings, products tab

5. All set. You can now test your form and start selling your products.

That’s it. Give this integration a try and let us know how it turns out in the comments below.

AUTHOR
Aytekin Tank is the founder and CEO of Jotform, host of the AI Agents Podcast , and the bestselling author of Automate Your Busywork. A developer by trade but a storyteller by heart, he writes about his journey as an entrepreneur and shares advice for other startups. He loves to hear from Jotform users. You can reach Aytekin from his official website aytekintank.com.

Send Comment:

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

Comments: