How to Create Multiple Payment Forms

  • IlAntonio
    Domanda del 28 agosto 2023 alle ore 09:55

    Salve sono Daniela, avrei bisogno di un'informazione.

    Ho creato un modulo di iscrizione per una gara benefica il cui ricavato sarà devoluto interamente ad una onlus e avrei bisogno della seguente informazione.

    È possibile far scegliere a chi si registra se pagare online o in contanti presso la sede dell'associazione? O è necessario fare due form differenti?

    Altra domanda: per quanto riguarda il pagamento online c'è modo di collegare direttamente l'iban bancario dell'associazione al form per il pagamento, in alternativa quale strada potremmo percorrere?


    Grazie a presto

    Daniela

  • Anna Jotform Support
    Risposta del 28 agosto 2023 alle ore 12:29

    Hi Daniela,

    Thanks for reaching out to Jotform Support. Unfortunately, our Italian Support agents are busy helping other Jotform users at the moment. I'll try to help you in English using Google Translate, but you can reply in whichever language you feel comfortable using. Or, if you'd rather have support in Italian, let us know and we can have them do that. But, keep in mind that you'd have to wait until they're available again.

    Now, let me answer your questions one by one, I will put the translated version here:

    Is it possible for those who register to choose whether to pay online or in cash at the headquarters of the association? Or is it necessary to make two different forms?

    • You will have to make two payment forms and then embed them into the main form because it is not possible to put two payment integrations on one form. Let me show you how:

    1. In the Form Builder of the Main Payment Selection form, click the Add Form Element on the left side of the page.

    2. Add a Single Choice field that the users can use to choose the payment method of their choice.

    How to Create Multiple Payment Forms Image 1 Screenshot 110 Screenshot 10

    3. Go to the Widgets tab and add two or more Iframe Embed Widgets depending on how many payment methods you want to add.

    How to Create Multiple Payment Forms Image 2 Screenshot 121 Screenshot 21

    4. Create two separate Payment forms with different payment merchants or login credentials.

    How to Create Multiple Payment Forms Image 3 Screenshot 132 Screenshot 32

    5. Once you are done setting up the Payment forms, in the orange navigation bar at the top of the screen, click on Publish.

    6. Click on Quick Share on the left side of the screen.

    7. Click the Copy Link button and go back to your Main Payment Selection form.

    8. Select the Iframe Embed Widget and click the Wand icon.

    9. Paste the copied Form URL under the Frame URL and click the Update Widget button.

    How to Create Multiple Payment Forms Image 4 Screenshot 143 Screenshot 43

    10. On the Main Payment Selection form, make sure to delete the Submit button since the users will submit their form on the embedded forms and not on the Main Payment Selection form.

    How to Create Multiple Payment Forms Image 5 Screenshot 154 Screenshot 54

    11. In the Form Builder of the Main Payment Selection form, select the Iframe Embed widgets and click the Gear icon.

    12. Go to the Advanced tab and toggle the Hide field button to ON.

    How to Create Multiple Payment Forms Image 6 Screenshot 165 Screenshot 65

    13. Now we will set up the conditions for the Single Choice fields. In the orange navigation bar at the top of the screen, click on Settings.

    14. Click on Condition on the left side of the screen.

    15. Select the Show/Hide Field.

    How to Create Multiple Payment Forms Image 7 Screenshot 176 Screenshot 76

    16. Add these conditions where the specific Iframe Widget will show depending on the user's choice.

    How to Create Multiple Payment Forms Image 8 Screenshot 187 Screenshot 87

    How to Create Multiple Payment Forms Image 9 Screenshot 198 Screenshot 98

    You can also check out this guide on How to Create a Basic Multiple Payment Form. Check out the screencast below for the result:

    How to Create Multiple Payment Forms Image 10 Screenshot 209 Screenshot 109

    You can clone these demo forms if you want to test them. You can check out this guide on How to Clone an Existing Form From a URL.

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