How to Add a Button with a Link?

  • trainmed2
    Asked on July 27, 2024 at 7:45 AM
    I also need to add a bottom or a link in the final score massage asking the participant to subscribe or register
  • Sheena JotForm Support
    Replied on July 27, 2024 at 7:47 AM

    Hi trainmed2, 

    Thanks for reaching out to Jotform Support. Adding a button link to your form is easy. Let me show you how:

    • Copy the code below:
    <p style="text-align: center;"><a style="background-color: black; padding: 10px; border-radius: 6px; color: white; text-decoration: none; display: inline;" href="https://www.jotform.com" target="_blank" rel="noopener noreferrer">Click Here</a></p>


    • In Form Builder, click on the Add Form Element menu on the left side of the page and drag-drop a Paragraph field onto your form.
    • Click on the Edit icon on the right side of the Paragraph field.
    • In the Paragraph field toolbar, click on the Source Code icon. Then, paste the code above into the Source Code box.
    • Change the link https://www.jotform.com to the link you want to use. And, if you want to change the text on the button, change the words Click Here in the code above to what you want it to say.
    • Click on OK and then on Save. And that’s it, you’re done.

    SSfIi8vMQRLizgNmIowbCH 4UaCkyg1wQ1KBnC6h Screenshot 10

    Reach out again if you need any other help.

  • trainmed2
    Replied on July 27, 2024 at 8:57 AM

    Thanks a lot Sheena,

    This great and helpful, I need to add the bottom in the thank you massage asking clients to subscribe

    how can I do so?


    Best regards

    Muaz Galal

  • Sheena JotForm Support
    Replied on July 27, 2024 at 9:21 AM

    Hi Muaz,

    You can copy the same code above and insert it in your Thank You Page. Let me show you how:

    • In Form Builder, in the orange navigation bar at the top of the page, click on Settings.
    • In the menu on the left side of the page, click on Thank You Page.
    • Click on Source Code, and paste the code below:
    <p style="text-align: center;"><a style="background-color: black; padding: 10px; border-radius: 6px; color: white; text-decoration: none; display: inline;" href="https://www.jotform.com" target="_blank" rel="noopener noreferrer">Click Here</a></p>


    How to Add a Button with a Link? Image 1 Screenshot 20 Give it a try and let us know if you need any help.

  • trainmed2
    Replied on July 27, 2024 at 11:36 AM

    Thank Sheena,

    It worked perfect, only I need to redirect to a certain url in my site. I tried to change the url in the code with the url but it gives dead url

    see below

    <p style="text-align: center;"><a style="background-color: black; padding: 10px; border-radius: 6px; color: white; text-decoration: none; display: inline;" href="https://www.trainandmed.com" target="_blank" rel="noopener noreferrer">Click Here</a></p>


    if click i receive this:

    How to Add a Button with a Link? Image 1 Screenshot 20

  • Angelica JotForm Support
    Replied on July 27, 2024 at 12:19 PM

    Hi Muaz,

    I tried the code and it worked fine on my end. Check the screencast below:

    How to Add a Button with a Link? Image 1 Screenshot 30

    I noticed that the URL entered in the code is different on the website that you cannot access.

    How to Add a Button with a Link? Image 2 Screenshot 41

    Can you try to delete and copy the code again and make sure that you put the correct website URL? If you run into the same issue again, can you share with us a screen recording of what’s happening so we can try to replicate it on our end? You can share the video recording on any public sharing platform like Google Drive or Dropbox, or you can simply use Loom to record the video and share the video link with us.

    Once we hear back from you, we'll be able to move forward with a solution.

  • trainmed2
    Replied on July 27, 2024 at 12:47 PM

    Hi Angelica,

    I worked fine, I was mistaken with the url

    Thanks a lot

    Best regards
    Muaz Galal