How can I create a form with multiple payment options?

I also want to have the option to pay cash, or e-transfer, and still submit the order.

How can I leverage Square as a payment option, but also provide the option to Invoice the customer.

Hi Allen,

Thanks for reaching out to Jotform Support. It's not possible to have multiple payment integrations in one form. You must have separate forms for the Square payment and Cash payment. The workaround is to create a main form, and we will house the two forms via iFrame embed widget. But I’ll need a bit of time to work out the steps on how to achieve this. I’ll get back to you shortly.

Thanks for your patience, we appreciate it.

Hi Allen,

You can add one payment integration per form, but you can display multiple 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.

That’s a great point—offering flexible payment options like cash, e-transfer, or Square can really enhance the customer experience. When I deal with clients who need , I’ve found that providing multiple payment methods, including invoicing through Square, makes the process smoother and builds trust. It’s definitely worth exploring how to integrate that into your workflow!

Hi Allen,

You're totally correct. While allowing multiple payment integrations in a single JotForm isn't available at right now, we've gone ahead and escalated your request to our developers. Exactly when or if it's developed depends on their workload, how viable it is, and how many other users also request it. If there are any updates, we’ll circle back to this thread and let you know.

Thanks for your patience and understanding, we appreciate it.



Thank you for the replies I will follow up once it is complete.

One thing I was thinking was if I separate the ordering from the payment forms, and just pass the values to the payment options, then I don't have 2 sets of menu's to manage.

This would also allow you to alter where they choose to pay for the product, and you won't get them filling out one, then wanting to use another payment option.

Will try and get both working.

Thanks.

And yes, having multiple payment options available in a single form, using the same menu, is definitely preferred. Less confusion potential, and less overhead to manage the form.

Again, thank you for the input, and the options.