How can I add a button that will take someone to another page?

  • Profile Image
    dtsherrel
    Asked on November 07, 2017 at 07:22 PM

    I want to add a button that will redirect to another webpage when clicked. How do i do this in Jotform, or can I?

  • Profile Image
    Mike
    Answered on November 07, 2017 at 09:09 PM

    Thank you for contacting us.

    If you would like to redirect user to another page upon a form submission (Submit button click), you can set up a Thank You Page Redirect.

    Related guide:

    Setting up the Thank You Page

    If your goal is different, please kindly provide us with more details.

  • Profile Image
    dtsherrel
    Answered on November 08, 2017 at 09:43 AM
    Our church uses a pay acceptor that is not on your list. They are not
    willing to change for my event. I need to be able to put a button on my
    form that will take me to https://pushpay.com/pay/fumcburleson where people
    who are attending the event can make a payment. I like your form, but
    without this button, I can't use it.
    Dan Sherrel
    817-690-5840
    ...
  • Profile Image
    Kevin_G
    Answered on November 08, 2017 at 11:30 AM

    You cannot add a button to redirect to that link, but you could add the link and style it to look like a button. 

    Here are the steps: 

    1. Add a text element to your form: 

    15101584811.png

    2. Edit the source code and add the following HTML code: 

    <a id="customLink" target="_blank" href="https://pushpay.com/pay/fumcburleson" rel="nofollow noopener" rel="noopener noreferrer">Pay Now</a>

    You may change the "Pay Now" text to any that you want.

    15101585512.png

    3. Inject the following CSS code to your form in order to give the link a button style: 

    a:link, a:visited {

        background-color: gray;

        color: white;

        padding: 14px 25px;

        text-align: center;

        text-decoration: none;

        display: inline-block;

    }

    Do note that you may change the dimensions as well as the background color. This guide will help you injecting the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Please note that this button will not submit your form and it will only redirect your users to the desired link. Your users will still need to click on the Jotform form submit button in order to have the submission saved. 

    I hope this helps.