How to Add Two Payment Options on the Form

  • bettieskmbtraining
    Gefragt am 24. November 2023 um 16:56
    Kann man auch die Zahlungsvariante "auf Rechnung" hinzufügen? (So, dass der Kunde nicht automatisch bei Bestellung auf Paypal weitergeleitet wird sondern erst entscheiden kann, ob er sofort per Paypal oder lieber auf Rechnung (die er von mir nach Erhalt der Bestellung erhält) bezahlt?

    Vielen Dank!

    Mit freundlichen Grüßen

    BM

  • Anna Jotform Support
    Geantwortet am 24. November 2023 um 17:14

    Hi Bettina,

    Thanks for reaching out to Jotform Support. Unfortunately, our German 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 German, 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 help you with your question. If I understood what you’re asking, do you want to add two payment options to your form? Yes, this is possible but we have to create separate forms as you can only add one Payment Integration 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 90 How to Add Two Payment Options on the Form Image 1 Screenshot 101

    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 112 How to Add Two Payment Options on the Form Image 2 Screenshot 123

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

    How to Create Multiple Payment Forms Image 3 Screenshot 132 Screenshot 134 How to Add Two Payment Options on the Form Image 3 Screenshot 145

    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 156 How to Add Two Payment Options on the Form Image 4 Screenshot 167

    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 178 How to Add Two Payment Options on the Form Image 5 Screenshot 189

    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 1910 How to Add Two Payment Options on the Form Image 6 Screenshot 2011

    12. 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.
    13. Click on
    Condition on the left side of the screen.
    14. Select the Show/Hide Field.

    How to Add Two Payment Options on the Form Image 7 Screenshot 2112 How to Create Multiple Payment Forms Image 7 Screenshot 176 Screenshot 221315. 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 2314

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

    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 2516 How to Add Two Payment Options on the Form Image 8 Screenshot 2617

    Now, for the Invoice payment or any payment option that you want to add, on the second payment form that you created, you can add the Purchase Order Payment Integration instead. You can check out this related guide on How to Create a Payment Form with Purchase Order.

    Finally, 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. I want to mention that I made an adjustment on the second payment form to add a Purchase Order Payment Integration instead so that you can check.

    That's it. Let us know if you have any other questions.