-
trainmed2Asked on July 27, 2024 at 7:45 AM
-
Sheena JotForm SupportReplied 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.
Reach out again if you need any other help.
-
trainmed2Replied 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 SupportReplied 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>
Give it a try and let us know if you need any help.
-
trainmed2Replied 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:
-
Angelica JotForm SupportReplied 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:
I noticed that the URL entered in the code is different on the website that you cannot access.
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.
-
trainmed2Replied 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