Need two different payment options

  • Cross_DNA_Study
    Asked on January 18, 2022 at 2:40 AM

    I need to create a form to allow two different payment options. Either through Credit Card up to $1000 or Electronic check.

    So far I have not seen a way to do it.


    Thanks

  • Monte JotForm Support
    Replied on January 18, 2022 at 5:54 AM

    Hello Don_Redford,

    Thank you for contacting Jotform Support. I understood you'd like to add more than one integration to one Product List. Because of technical, it's possible in another way. If you create separate forms for each integration you'd like to use and merge all of them in the main form, it will be more practical. Please follow the steps and the screenshots/screencasts below:

    • For example, we assume you'd like to use PayPal and Purchase Order. Create two forms, one is for PayPal and the other is for Purchase Order. To do this, please use the Payments tab of the Add Form Element + menu.

    1641381329 61d57dd1ca235  Screenshot 10

    • Now, it's necessary to create the main form to embed the others. First, add a Single Choice field to the main form to list the payment methods.

    1641379547 61d576dba4e68 addpaymentmetho Screenshot 21

    • Then, embed the other forms by using the Iframe Embed widget. Please note that it's able to find the URL of forms on Publish tab. After embedding, hide them by right clicking and clicking on the Hide button.

    1641380627 61d57b130c32d embedpayments Screenshot 32

    • To view the payment method depends on the choice of the responder, it's needed to set a conditional logic. Please, open the Settings tab and click on Conditions in the menu on the left. Then, follow the steps below:

    1641381067 61d57ccb9f5b5 paymentsconditi Screenshot 43

    • As the final stage, please remove the Submit button in the main form.

    1641381590 61d57ed660888 removesubmit Screenshot 54

    If you need help, our guide will help you. Additionally, the example form I created for this thread is here to examine.

    Please let us know if you need further assistance.

  • Cross_DNA_Study
    Replied on January 18, 2022 at 1:05 PM

    Okay so to continue, Authorize.net on their site allows for ACH transfers or eCheck but it doesn't show that option when you add the payment option from them. I would like to use one payment vendor for both Credit Card and eCheck. I don't want to use two different vendors

  • Kat JotForm Support
    Replied on January 18, 2022 at 4:42 PM

    Hi there,

    Happy to help!

    We also have our eCheck Integration, which will utilize your Authorize.net credentials and process it through your Authorize.net account; however, as my colleague described above, our forms only allow for one payment integration each, so you would still need to have two separate forms: one form for Authorize.net and one form for the eCheck integration.

    So, you wouldn't be using two different vendors, but you would create two different forms to collect payments on and, if you wanted to give your respondents the choice to use eCheck or the Authorize.net payment form, you could create another form to direct them to the correct form as described in our guide on how-to-create-a-basic-multiple-payment-form

    Would this be a viable workaround for you?

  • Cross_DNA_Study
    Replied on January 19, 2022 at 2:07 AM

    Ok I tried that and this is what I got which looks stupid. It doesn't make a separate page. I used the iFrame imbedded.


    Here is the link


    https://form.jotform.com/220166677283158

  • Monte JotForm Support
    Replied on January 19, 2022 at 4:21 AM

    Hello Don_Redford,

    I checked your form. You have a main form that includes some questions such as full name and contact information, then the pages the payment options were embedded appear to depend on the choice on the fourth page. It's needed to submit both forms i.e. the main forms and the selected payment form; however, it's very hard to link the data of forms even you did it.

    Because of these reasons, it's helpful to reorder the questions and change the structure of forms. Please follow the steps and the screencasts below:

    • For the last step, change the layout of the form to Classic Form.
    • Make the Type of Donation question the first question of the main form.
    • Add the questions such as full name and contact information into the payment forms.
    • Optionally, it's possible to add the Page Break elements to separate the form into pages.
    • Remove the Submit button from the main form.

    1642583262 61e7d4de13909 restructure1 Screenshot 10

    • Please note that it's needed to review conditions and page controls for the new layout.

    1642584092 61e7d81cd5777 restructure2 Screenshot 21

    Please let us know if you need further assistance.