User Guide

Mastering Payment Form Integrations with JotForm

Last Update: September 10, 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.

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

Available Payment Integrations:

πŸ”˜ PayPal Payments Standard

πŸ”˜ PayPal Express Checkout

πŸ”˜ PayPal Payments Pro

πŸ”˜ Stripe

πŸ”˜ Authorize.Net

πŸ”˜ Dwolla

πŸ”˜ Braintree

πŸ”˜ Square

πŸ”˜ 2Checkout

πŸ”˜ ClickBank

πŸ”˜ WorldPay UK

πŸ”˜ WorldPay US

πŸ”˜ Onebip

πŸ”˜ Purchase Order Tool

πŸ”˜ PayJunction

πŸ”˜ BluePay

πŸ”˜ eWay

πŸ”˜ WePay

πŸ”˜ First Data

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, Authorize.Net and other integrations with direct payment options.

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.

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

πŸ”˜ Coupons, Taxes and Shipping

πŸ”˜ Adding Unique Order Numbers

πŸ”˜ Calculated Amount Based on User Input

πŸ”˜ Implementing Stock Limit Option

πŸ”˜ Payment Authorization

πŸ”˜ Using Gateways that can Emulate Authorize.Net

A. Adding Email Order Confirmations | TOP ↑

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

B. Coupons, Taxes and Shipping | TOP ↑

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

C. Adding Unique Order Numbers | TOP ↑

There are multiple options available, but using the Unique ID 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

D. Calculated Amount Based on User Input | TOP ↑

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, we assign our prices (calculation values) to Radio Button items and add a Textbox input for an optional additional donation. This animated GIF shows 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

Finished Form: https://www.jotform.com/51095461738965

E. Implementing Stock Limit Option | TOP ↑

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 Submission Limit to your form. The form will be simply disabled once the number of allowed submissions is reached.

2. If this is a multi-item form, it is possible to use multiple Inventory Widgets in combination with the 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.

First, we recreated the products we're selling using Inventory Widgets:

Then, we added a Form Calculation Widget that will calculate the total value of the products selected in the Inventory Widgets.

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 multiply it with 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

Finished Form: https://www.jotform.com/62145467287968

F. Payment Authorization | TOP ↑

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

G. Using Gateways that can Emulate Authorize.Net | TOP ↑

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.

πŸ”˜ eProcessing Network

πŸ”˜ GoEmerchant

πŸ”˜ MerchantOne

πŸ”˜ PayJunction

πŸ”˜ USAePay

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

Comments and suggestions are welcome below. If you have a question, post it in our Support Forum so we can assist you.

8 Comments...

  • Chucky

    images are not showing in this user guide.

  • dianeberg

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

  • IAPT

    How can I use coupons on custom payments?

  • grade4pagasa

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

    http://form.jotformpro.com/form/41882856448974

  • breadsbybreadshop

    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?

  • GBSDeStart

    Hello

    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.

  • tyl

    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 https://www.theyachtlondon.com/memtest.html

    Cheers
    Paul

  • malltop

    Do you not integrate with Edgil? Thx

Send Comment