Mastering Payment Form Integrations with JotForm

Last Update: July 13, 2017

Sending online payments is here to stay. Fortunately, collecting online payments is one of the strongest parts of our service and the reason why so many people choose to use JotForm. It is no longer a tedious process to set up a payment form. In fact, you don’t have to write a single line of code with our powerful payment integrations.


We allow accepting payments securely and efficiently. The payment data is not stored on our servers and is safely protected with 256-bit SSL encryption when submitting to the payment gateway services. We do not charge any commissions. Any transaction fees are entirely based on the payment service you choose. We are 


JotForm is a PCI DSS compliant service. We have PCI Service Provider Level 2 certificate. We'd happy to provide certificate to any users who would need it for their payment gateway. Just contact our support team. 


Available payment integrations.


There are so many choices. What should I use?


Well, it depends on what you are looking for.


If you would like to accept online credit and debit card payments directly from your form without redirecting to the payment gateway provider's site, then you should choose among PayPal Pro, Stripe and Authorize.Net integrations.


If an online payment is not needed at all, use the Purchase Order tool. Sometimes you want to receive payments by check, or just provide your form users with a tool to calculate the total for the service they might purchase.


Although not a payment integration, professional invoicing is available with FreshBooks. This integration can be used in conjunction with the other payment tools. Collect payments with PayPal, and create an invoice with FreshBooks all within the same form!


The most popular choices for JotForm users are PayPal, Stripe, Authorize.Net and Purchase Order.


Available payment form types


JotForm covers a wide array of payment structures. In just minutes you can set up any one of the following payment options in your form.

Single product
Multiple products
Recurring payments
Fixed and variable donations payments
Calculated amount based on user selections and inputs

Check out this article to see basic payment form examples.


Common Configuration Options


Adding email order confirmations


You can setup an email Autoresponder on form to automatically send a form user an email confirmation after they have submitted the form. Email templates are fully customizable.




Coupons, Taxes and Shipping


Payment tools support configuration of Coupons, Taxes and Shipping. These configurations are optional and available at the end of the payment widget setup process.





Adding unique order numbers

 There are multiple options available, but using the Unique ID autoincrement widget is the most common. It can be used to assign unique IDs to every submission received.

To learn more about the Unique ID widget, you can check this guide: How to Add Custom Unique IDs to your Form Submissions 






Calculated amount based on user selections and inputs


Sometimes you want to have real time, dynamic payment forms. In this case, we can use the Form Calculation widget to calculate the total amount based on user selections and inputs. Then, we can use the calculated amount on the form payment tool.


To illustrate this, let’s create a very basic form example. In this example, we assign our prices (calculation values) to Radio Button items and add a Text Box input for an optional additional donation. These to gifs illustrate how to set this up. You can also check this guide on how to assign calculation values: How to Assign Calculation Value 




Once the calculation part is done, we pass the calculated amount to the form payment tool. You can refer to this guide for more details about this: How to Pass a Calculation to a Payment Field




Created form:


Implementing stock limit option

There is no built-in inventory option available, but we have two workarounds:
  1. If you are selling one item per submission order, then you can set a submissions limit on form. The form will be simply disabled once the number of allowed submissions is reached.




b. If this is a multi-item form, it is possible to use multiple Inventory widgets in combination with Form Calculation widget and one of the Payment Tools. The Inventory widget fields will be used as separate products and then calculated together with the Form Calculation widget. See the screenshots below:


b.1. First, we recreated the products we're selling using the Inventory widget.stock_option.png


b.2. We then added a Form Calculation widget that will calculate the total value of the products selected in the Inventory widgets.



b.3. This is how my formula is setup for the sample subscription products that we have. Basically, the form calculation widget fetches the quantity selected in the Inventory widget so we need to multiple it on its actual price value.





To pass the total calculated value to the payment integration's total field, you can follow this guide: How to Pass a Calculation to a Payment Field 




Loading product images in lightbox


We display small form products images by default, but you can easily make them clickable (enlargeable). Just drag and drop a Product Lightbox widget to your form and you are all set.


This is how it would look on form.





Authorize only payments


Are you interested in two-step payments? It is possible to authorize payment and capture it later with an “authorize only” integration type. The authorize only payments are supported by PayPal, Stripe and Authorize.Net. To learn more about this feature, you can check this guide: How to Enable Payment Authorization





Using gateways that can emulate Authorize.Net


If you want to use a payment processing service that is not currently supported but can emulate Authorize.Net, then you may still be able to use it with JotForm. The following services support Authorize.Net emulation, so we can send the transactions to them.

  1. eProcessing Network


To do so, open up the payment field’s properties, and select the emulator option.





Chucky (November 10, 2015 at 02:06 AM)

images are not showing in this user guide.

View Answer

dianeberg (May 03, 2016 at 11:35 AM)

We use Blue Pay - do you know if this can be added to take payments?

View Answer

IAPT (June 30, 2016 at 02:48 AM)

How can I use coupons on custom payments?

View Answer

grade4pagasa (August 02, 2016 at 09:23 AM)

link given under Implementing stock limit option for scenario b (inventory widgets with form calculation) says for not found.

View Answer

breadsbybreadshop (October 07, 2016 at 08:22 PM)

Hello. I set up my form with the Inventory and Form Calculation widget. How do I pass that information over to Paypal to process the payment?

View Answer

GBSDeStart (January 21, 2017 at 03:26 PM)


I am located in Belgium, which payment tool would be the most suitable? I would like my clients to be redirected to the payment website immediately and not needing a credit card or PayPal account.

View Answer

tyl (March 07, 2017 at 09:33 AM)

Hi Guys
Just inserted stripe into my form and connected and verified with my stripe account successfully, created the product and bingo....perfect, except for one annoying thing, in the payment section it has an option for a Coupon....can I remove this as we dont do coupons! Here is my website page


View Answer

malltop (March 10, 2017 at 03:35 PM)

Do you not integrate with Edgil? Thx

View Answer

Send Comment