Additional Button Option on a PayPal Form

  • bubbbab
    Asked on November 24, 2015 at 8:23 AM

    Hi there;

    I would like to add a button that takes the user to a URL to a PayPal integrated form. This is the form https://form.jotform.com/53192478944972

    So if they choose not to Pay By Credit Card or PayPal I would like to take  them to another URL http://ccfcctoronto.com/online_banks.htm

    Is this possible?

    Thanks

    Steve...

  • Ben
    Replied on November 24, 2015 at 10:32 AM

    If I understood you correctly, you would like to redirect your users to the page with the list of banks if they decide to use that as the payment option.

    I presume that you would have an option such as:

    1. PayPal
    2. Credit Card
    3. Other (Direct Bank Transfer)

    in which the 3rd entry needs to redirect them correctly.

    To do that, you should set up the conditional thank you page redirection. You can see how to do that on the following guide: Configuring Change Thank You URL after submission condition

    Do of course let us know if you have any questions along the way and we would be happy to assist with the same.

  • bubbbab
    Replied on November 24, 2015 at 1:54 PM

    Thanks for that. But this is a PayPal integrated form so doesn't that mean submit automatically takes the user to PayPal?

    I have a button on that form now that says Pay by PayPal or credit card. Both of those go to PayPal as the client uses PayPal Basic for credit cards as well. I would like to have a button that goes to another URL for email transfers which I have built into the site.

    Thanks again,
    Steve...

  • Ben
    Replied on November 24, 2015 at 3:11 PM

    This depends on the actual setup on the form and the setup that you wish to have at the end, but in general, if no product is selected on payment processor tool, after submission the thank you page should be shown - since nothing was selected to be paid for (of course if the payment tool is not set as required).

    In your case it is set as required, but you could still set it up to not be required through conditions if another option is selected - but - a button to take them to the page you have mentioned is possible to have as well, although it would not result in the submission being made.

    You can see what I mean Steve by checking this quick demo: https://form.jotform.com/53275531307957

    The option for PayPal is hidden unless PayPal is selected, while if the 3rd option is selected ( Direct Bank payment ) then the thank you page is turned into a redirection.

    Now as your form was transparent with white text, it is not possible to see text when going directly, so I have set the background as gray color, just so that you can check it out:

    https://form.jotform.com/53275531307957

    Do let us know if that would work for you, but setting up a button that can take your users away from the form while they are filling it out would be just as simple if not even simpler. If you would prefer to do that, do let us know and we would be happy to assist with the CSS code for that.

    In the meantime, I would recommend checking this guide out:

    How to Create a Basic Multiple Payment form

  • bubbbab
    Replied on November 24, 2015 at 4:45 PM

    Thank you Ben!  It's closer however the PayPal form is used to make the product selection and there is a LOT of conditional logic tied to that as well, so I guess I could recreate that using radio buttons and show it upon selecting electronic transfer.  Based on that I would have to re-enter all of the conditional logic as required for the radio buttons. Do I have it right?

     

    Thanks again!

    Steve...

  • Ben
    Replied on November 24, 2015 at 6:14 PM

    To do what was done on the form mentioned above, there are not many conditions to be recreated, but all other conditions might need to be recreated - depending on your setup and preferences.

    If the above would work for you - then you could clone it to your account quickly by following these steps instead: How to Clone an Existing Form from a URL

    Now, you could also modify the current conditions by adding OR instead of AND condition for rules.

    For example:

    If PayPal is equal to option 1 then show field 1

    could be set as:

    if PayPal is equal to option 1 OR electronic transfer is equal to option 1 then show field 1

    (instead of creating one more condition with the same show / hide setup)

    I am looking at the logic that you were going with when creating the setup, and I would like to suggest a different strategy to allow you less conditions and easier manipulation.

    Instead of this:

    Additional Button Option on a PayPal Form Image 1 Screenshot 40

    To create the same as such:

    Additional Button Option on a PayPal Form Image 2 Screenshot 51

    or

    Additional Button Option on a PayPal Form Image 3 Screenshot 62

    I am not quite sure how the conditions should work since I am seeing that all fields are set as hidden - which means that they will not be shown even if the conditions set them as shown - because fields hidden thorough the filed options / preferences are set as always hidden.

    I also think that this guide might help you if you are looking to show and hide several different fields one after the other: Show or Hide multiple fields at once using form collapse tool

    Again, if you would like to just have the link on your form to the electronic transfer page, it would be easy for us to give you CSS that would make the link look like the button, without the need for you to change any conditions (if you prefer that).

  • bubbbab
    Replied on November 25, 2015 at 6:46 AM

    Thank you once again Ben, I will look at those ways to streamline the conditional logic however when the field is set to hidden, the show condition does in fact show it.

    But for now, if I can add a button that would bypass the PayPal when selected and redirect to http://ccfcctoronto.com/online_banks.htm that would be excellent as an interim work around.

     

    Thanks you Ben

    Steve...

  • mert JotForm UI Developer
    Replied on November 25, 2015 at 10:20 AM

    Hi Steve,

    First of all, on behalf of my colleague, you are most welcome and yes, you can add a custom button which redirects users to another URL; but you can't bypass the Paypal transaction with that button. When users redirected to that URL; the data from the Paypal payment tool won't be transferred to new webpage.

     

    If you are still interested in creating a custom button, please follow the instructions:

    1) Add a "Text" field which is located under the "Form Tools" tab to your form.

    2) Then, you need to edit that field with the following HTML. On green marked area, you can set the target URL. Also, blue marked area represents the text on the button, you can adjust it. 

    <button><a target="_blank" href="http://ccfcctoronto.com/online_banks.htm" >Online Banks</a></button>

     

    To illustrate,

    Additional Button Option on a PayPal Form Image 1 Screenshot 20

     

    For further assistance, please don't hesitate to contact us.

    Thanks.

  • bubbbab
    Replied on November 25, 2015 at 2:12 PM

    Thanks Mert!

    So will the outcome of this be, that if they click the current submit button labeled "Pay By PayPal or Credit Card" they will go to the PayPal payment page and if clicking on the custom button they will not go there but go to that  Online Banks pages?  Also for the latter, would the contents of the form still be sent to the jotform server and appropriately emailed to the notification list?

    Thanks greatly!

    Steve...

  • Ben
    Replied on November 25, 2015 at 4:35 PM

    when the field is set to hidden, the show condition does in fact show it.

    This is actually a bug with conditions, which our developer just got notified about, but what should happen is that the fields are never shown if they are set as hidden, so it might get changed at some point (when it is fixed), unless it is decided to be left as it is.

    So will the outcome of this be, that if they click the current submit button labeled "Pay By PayPal or Credit Card" they will go to the PayPal payment page and if clicking on the custom button they will not go there but go to that  Online Banks pages?

    If they make a selection on the PayPal payment tool, they will be redirected to PayPal, but if you implement "a screen" as I had suggested which is shown first, asking them which payment processor they would like to use, they could decide which one of the two would be used.

    So if they select credit card, they would not be taken to PayPal to make a payment.

    Also for the latter, would the contents of the form still be sent to the jotform server and appropriately emailed to the notification list?

    If you use the link as mentioned above and the instructions on creating the same given by my colleague, then no, but you could always instruct the people to click on the link to make the payment and then continue with the form (for example, if you need them to include some detail as transaction ID, this would be possible).

    They would however need to get back to the form and submit it using its button.

    The only option here is the one I had mentioned earlier and above in this reply, to allow the users to check if they want to use one or the other and then continue from there, where if they opt to purchase over that link, they would be conditionally redirected to the page right after submission (so you get their data before the payment).

    Hope this helps Steve, but please, do let us know if you have any questions :)

  • bubbbab
    Replied on November 25, 2015 at 5:01 PM

    Again thanks Ben!

    Based on what you're saying about the conditional bug, I guess I should figure out a different way to apply conditions to get the results I'm currently getting.  I couldn't seem to get multiples hide conditions working right so I switched to forced hide and show on condition.  I don't think the client will be happy is this changes and the conditions stop working. I'll look at it again and see if I can do that.

    Also I don't think that I can have users coming back to a form once they leave it.  That seems like a top heavy user dependant process with possible failures built in.

    I would implement that suggested process but, I'm thinking that because the form is PayPal integrated, even if they check a separate Radio button for Online Banking, upon submit they would still go to the PayPal payment page.  Is this not true?

    What I may do to avoid using all of yours (Ben's) and Mert's time on this, is to create a second form without PayPal integration and set the Thank You page to be the Online Banking Page.

    With that said, Ben and Mert, thank you very much for your willingness to try your best to lead me through this.

    I've never before seen this high level of VERY COMPETENT online support. You're appreciated. 

     

    Respectfully,

    Steve...

  • Kevin Support Team Lead
    Replied on November 25, 2015 at 9:38 PM

    Hi Steve,

    First of all, on behalf of both my collegues you are very welcome.

    Now, we apologize for the issue related to the conditions, but as my collegue Ben suggested above,you should use the Form Collapse to Hide or Show multiple field at once.

    And yes, using the workaround provided above to pay after filling the form you avoid some issues or missing data in the submissions or missing submissions as well.

    I would implement that suggested process but, I'm thinking that because the form is PayPal integrated, even if they check a separate Radio button for Online Banking, upon submit they would still go to the PayPal payment page.  Is this not true?

    No,if you set the condition to redirect the user to the custom url if the option selected is Direct Bank Payment, they won't pay via PayPal, they will be redirected to the custom URL which is the List of your Banks.The user only will be redirected to PayPal only if the selected option is Pay with Paypal or Credit Card.

    And one more time, you are most welcome, and we are very glad to hear your kind words,we appreciate it.

    If you have more questions, let us know and we will be glad to assist you.

    Regards.