How to add multiple payment methods to the form?

  • phopenmarket
    Asked on June 19, 2024 at 3:53 AM
    is it possible to add multiple payment methods to the form
  • Israel JotForm Support
    Replied on June 19, 2024 at 3:57 AM

    Hi Franz,

    Unfortunately, there's no direct option to use multiple payment integrations simultaneously in one form. But we do have a workaround for this. You can use our iFrame embed widget to embed the second payment form within your main form, and use show/hide conditional logic to make it appear only if the user selects that option. This way, the embedded form will show up in the main form only when needed. Let me show you how to set it up:

    1. First, we'll create a form for the additional Payment option:

    • On your My Forms page, click on Create Form and Start From Scratch.
    • In Form Builder, click on the Add Form Element menu on the left side of the screen.
    • Under the Payment tab, choose the other Payment Integration that you want to use.

    How to add multiple payment methods to the form? Image 1 Screenshot 50

    2. Now, let's add the iFrame Embed widget:

    • With your form open in Form Builder, click on the Add Form Element menu on the left side of the screen.
    • Under the Widgets tab, click on the iFrame Embed widget and drag and drop it to your form.
    • In the Widget Settings, under the General tab, paste the Frame URL of the other form.

    How to add multiple payment methods to the form? Image 2 Screenshot 61

    . Finally, let's create the Condition:

    • With your form open in Form Builder, click on the Settings tab in the orange navigation bar at the top of the page.
    • In the menu on the left side of the page, click on Conditions.
    • Click on Add New Condition and then select the Show/Hide field.

    How to add multiple payment methods to the form? Image 3 Screenshot 72

    • Now, create conditions like the ones below:

    1643111257 61efe359bf791 Screen Shot 202 Screenshot 63 Screenshot 83

    How to add multiple payment methods to the form? Image 4 Screenshot 94

    Now, you'll be able to have more than one Payment option on your form. Here's the Demo Form you can test it out and check out this guide about how to clone the form here.

    We also have a guide on How to Create a Basic Multiple Payment Form.

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

  • phopenmarket
    Replied on June 19, 2024 at 3:59 AM

    thank you! how can i clone the demo form
  • Israel JotForm Support
    Replied on June 19, 2024 at 4:07 AM

    Hi Franz,

    As for your other question, I've moved that to a new thread. You can check that out here.

    Let us know if there's anything else we can help you with.


 
Your Answer