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

  • dtsherrel
    Asked on November 7, 2017 at 7: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?

  • Mike
    Replied on November 7, 2017 at 9: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.

    How can I add a button that will take someone to another page? Image 1 Screenshot 20

    Related guide:

    Setting up the Thank You Page

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

  • dtsherrel
    Replied on November 8, 2017 at 9: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
    ...
  • Kevin Support Team Lead
    Replied on November 8, 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: 

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

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

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

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

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

    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.