Payment Methods Setup: Adding multiple payment method with fees

Hi,

I need help setting up payment methods for our customers that would include a couple of options. One would be payment with a credit/debit card and would include a processing fee of 3.5 percent. The other would be payment via ACH with no fee added. What is the best way to do this?

Risa

Hi Risa,

Thank you for reaching out to Jotform Support. If I understood it correctly, you want a form with conditions wherein if they choose to pay via credit/debit card, you charge a processing fee, and if they use ACH, there is no fee. If so, this is possible; however, the form for paying using a credit/debit card with a processing fee will be different from the form integrated with an ACH payment.

You need to create separate forms for the payment, and then display multiple payment integrations in the same form by using the iFrame Embed widget, adding a Single Choice element, and applying the Conditions feature with the existing payment gateway. Let me show you how to set it up:

At first, let's add the iFrame Embed widget to your form:

1. In Form Builder, click on the Add Element menu on the left side of the screen.
2. Click on the Widgets tab, search for iFrame Embed and drag and drop it to your form.
3. In the menu on the right, under the General tab, paste the Frame URL of the other form which includes fields and the payment integration.
4. Next to the Iframe Embed widget, click on the Gear icon and change the Height option as you want.

Then, let's add a Single Choice element:

1. While in Form Builder, click on the Add Element menu on the left side of the screen.
2. In the menu on the left, under the Basic Elements menu, drag and drop a Single Choice element.
3. Change the label and the options so that users can choose the payment method.

Finally, we need to set up Show/Hide Field conditions. Let's do it:

1. In Form Builder, in the orange navigation bar at the top of the screen, click on Settings.

2. In the menu on the left side of the page, click on Conditions and choose the Show/Hide Field option.

3. Set up two conditions as you see below and click on Save.

After completing all the steps, you can display two payment methods on the same form. Keep in mind that if users fill out the form within the iframe widget, submissions will be collected in that form. Check out the screencast below to see how it'll work: 

You can also check out the detailed explanation in this How to Create a Basic Multiple Payment Form guide.

Give it a try and reach out again if you need any help.