Adding multiple payment method on form?

  • kranai
    Asked on March 1, 2016 at 3:20 AM

    Hi

     

    Just noticed and tested that when I select Payment mode by Cheque and submit the form still goes to Paypal payment screen.

    How do I avoid this.

    When the buyer pays by cheque all he need to do is to provide us with the Cheque number and send the cheque to us via normal mail. He should see "Thank you message" and end the transaction and return to what he was doing before submission of form.

    Looks like the submit button is somehow link to the jumping to the PayPal payment page.

     

    Best Rgds

    Kish

  • Charlie
    Replied on March 1, 2016 at 3:43 AM

    This is because the form is actually tied on the payment integration, if the payment integration total has a value of greater than 0, then it will automatically direct the user to the payment gateway. The radio button "Cheque" is not tied on the payment integration.

    If you need to add multiple payment method in your form, you can check this guide: http://www.jotform.com/help/182-How-to-Create-a-Basic-Multiple-Payment-form 

    If that is quite confusing, you can try this approach that I have. Here's my cloned form: https://form.jotform.com/60601743066955.

    1. First, I'll add two Form calculation widget that will served as separate final totals for "Cheque" and "Paypal/Credit Card". That form calculation widget will not have any formula or value on it.

    Adding multiple payment method on form? Image 1 Screenshot 70

    2. We will directly assign calculation values on them using conditional logic and ONLY based on the payment method selected:

    Condition #1: IF "Mode of Payment" is equal to "Paypal/Credit Card" then insert "Cost of Event" to "Final Total (Paypal)".

    Condition #2: IF "Mode of Payment" is equal to "Cheque" then insert "Cost of Event" to "Final Total (Cheque)".

    Adding multiple payment method on form? Image 2 Screenshot 81

    3. Now change the "Get Amount from" value to "Final Total (Paypal)". 

    Adding multiple payment method on form? Image 3 Screenshot 92

     

    4. I will also create a conditional logic where I will only display the payment integration total IF the mode of payment method is set to "Paypal/Credit Card".

    Adding multiple payment method on form? Image 4 Screenshot 103

    5. This is what happens now, you'll see in the screencast below that when you change the mode of payment, the default value of the two totals that we have changes. Let's say if the payment method is "Cheque", the total for the "Final Total (Cheque)" becomes 7.2 and the value for "Final Total (Paypal)" becomes zero. 

    Adding multiple payment method on form? Image 5 Screenshot 114

     

    The user won't be redirected to Paypal IF the payment total in the integration is set to "0". I also strongly suggest that you disable the "Auto Fill" feature in your payment integration if you are prepopulating values:

    Adding multiple payment method on form? Image 6 Screenshot 125

     

    You can easily clone my form to have that version in your account. Let us know if you need further adjustment on this.

  • kranai
    Replied on March 1, 2016 at 7:19 AM

    Hi

    I am following your example...how do you get the INSERT ....INTO when u are doing the Condition...I can only see the DO options....

  • Charlie
    Replied on March 1, 2016 at 8:31 AM

    Here's how to do it:

    1. Click "Condition", choose "Update/Calculate Field".

    Adding multiple payment method on form? Image 1 Screenshot 30

     

    2. Now in the "DO" statement, choose "Calculate a field's value". Here you can add the "Cost of Event" by clicking the "Add Field" button.

    Adding multiple payment method on form? Image 2 Screenshot 41

    3. Now output the value in your appropriate final total field. Repeat the same step in the other final total that you have.

     

    Let us know if that works.

  • kranai
    Replied on March 1, 2016 at 9:30 AM

    Hi

    okay got..it..

    Now need some adjustments:

    1. The two boxes that we created are on two different lines can these be placed on the same line?

    Meaning Total for PayPal and Total for Cheque...Please make the input field box half the size...it is long at  the moment.

    2. Also wherever 7.2 appears can I have the '$" appear before that?

    3. Can you please check if the reset button works that way it should work...when I tried to reset the form I find some weird numbers appear in some of the boxes...can u check that its behaving correctly.

     

    thanks

    kish

  • Huberson
    Replied on March 1, 2016 at 11:29 AM

    Hello,

    Can you please specify exactly the form you want to make these changes to ?

    1. To position fields in a form you can view this guide: http://www.jotform.com/help/328-How-to-Position-Fields-in-JotForm

    2. You can add "$" to a calculation field by adding it before the values  from Conditional with 'UPDATE/CALCULATION FIELD'.

    Adding multiple payment method on form? Image 1 Screenshot 20

     

    Thanks!

  • kranai
    Replied on March 1, 2016 at 2:20 PM

    Hi

    The form that needs to change is "Insight Academy Registration Form"

    Thanks

    kish

  • jonathan
    Replied on March 1, 2016 at 4:00 PM

    I found the form http://www.jotform.me/form/60454628430453

    Allow me more time to apply the changes on a demo form. I will get back shortly.

  • jonathan
    Replied on March 1, 2016 at 4:17 PM

    Please test my demo form https://form.jotform.com/60606453153955

    Adding multiple payment method on form? Image 1 Screenshot 20

    The Reset button do work.

    Let us know of your feedback. If good, we can apply the changes to your form as well.

    Or you can just clone the demo form

     

  • Charlie
    Replied on March 2, 2016 at 1:38 PM

    I'm checking your form and cloned it in my end, but the changes we have suggested are not anywhere to be found. There's no two separate total fields for Cheque and Paypal.  

    Adding multiple payment method on form? Image 1 Screenshot 20

     

    Please note that the changes we are showing are being implemented on a copy of the form in our own account, we do not usually make changes directly on our users account to avoid unnecessary changes on your forms.

    Another way that we can share our works is by letting you clone our forms and have a copy of it in your account, you can do that by following this guide: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL.

    Please do review and follow the suggestions that we have shared on our previous posts so that you can make direct changes to your form. We will then help you further on the additional changes that you would like to do.

  • kranai
    Replied on March 3, 2016 at 11:15 AM

    Hi Charlie

    Re: Insight-Academy Registration Form

    Apologies...I did the changes you requested and saw it working in my preview but somehow when I looked at it again today these changes are no where to be seen. I guess it wasn't saved properly.

    Anyway I have also included all the changes plus was able to get the '$' sign in as well. Only issue now after all above changes and ccs code that was included below 

    li#id_20 {

        width : 500px;

    }

    and change the 'right' property from '-140px' to '15px':

    #id_20 .form-description {

        right : 15px;

    }

    still cannot get the hover text over the department field working. In addition, now the designation filed and department fields are now on separate lines....I want them on same line...I tried shrinking no option which means it is in shrink state but was force to go on another line after I insert the above CSS code.

    Please advise above.

    rgds

    kish

     

  • Huberson
    Replied on March 3, 2016 at 12:05 PM

    Hi Kish,

    If your concern is regarding the 'designation' field and department field not being on the same line, simply change the li#id_20 width as follow:

    li#id_20 {

        width : 400px!important;

     

    }

    It should allow both fields to display on the same line. Also the hover text for the department field seems to display properly. 

    Please view the clone: https://form.jotform.com/60624943065961

  • kranai
    Replied on March 3, 2016 at 12:22 PM

    Hi

    okay that is sorted...now u look at hover text on Street Address (there are 2 occurrence) hover text is overlapping the filed...is this a cause of concern if somebody typing the text and the hover will not go away as it is suppose to display if mouse is on Address field.

     

    rgds

    kish

     

  • Charlie
    Replied on March 3, 2016 at 12:33 PM

    Hi kish,

    I see that the follow up concern you have is now different with the original thread that we have here. Usually we advise our users to open separate threads for each question that they have, that would help us to focus better and avoid the thread discussion to be too long. I went ahead and opened a separate thread regarding the hover text you mentioned. Please refer to this link instead: http://www.jotform.com/answers/786624. We will address it accordingly. Thank you for your understanding.

  • kranai
    Replied on March 3, 2016 at 12:42 PM

    Hi

    I am aware of the of different question different thread...my follow up question is on the same issue of hovering text,,,,and adjusting to get it correct. How can this be different from what was asked earlier...it the same issue,,,,

  • Charlie
    Replied on March 3, 2016 at 12:54 PM

    I understand. Actually, the original thread here is about adding multiple payment on the form, we answered the other questions related to it so that to avoid confusing you. However, the follow up questions you have is more related to the hover text and not on the payment methods. It would be best to have it on a separate thread so that we can avoid the thread being too long and for us to easily focus on specific problems. I have already answered your inquiry on this thread link: http://www.jotform.com/answers/786624. If you have follow up questions regarding that matter, please do post it there. Rest assure that we will handle it accordingly. Thank you for your understanding and apologies for the inconvenience.