How can I add a button on a page ?

  • BBL0nlineForms
    Demandé le 5 août 2024 à 12:01
    How can I add a button on a page ? At the end, I'd like to add a button "Click here to know more about phishing" that would open a new tab with a website.
  • Reymae Jotform Support
    Répondu le 5 août 2024 à 12:23

    Hi BBLonlineforms,

    You can add a button on a page that would redirect you to another site by using the Paragraph field and add a link on it. It's easy to do. Let me show you how:

    1. While in Form Builder, click on the Add Form Element menu on the left side of the page.

    2. Under the Basic tab, scroll down the list and choose the Paragraph field.

    3. Now, just drag and drop it to your form.

    How can I add a button on a page ? Image 1 Screenshot 30

    4. Copy, this code:

    <a style="background-color: orange; padding: 10px; color: white; text-decoration: none; display: inline;" target="_blank" href="YOUR URL" >Link Button</a>

    5. Click the Paragraph field, and then click on the Pencil icon on the right side of the widget to open the edit text field.

    6. Paste the code into the field and insert your URL on the href="YOUR URL" part.

    7. That’s it. The code is automatically saved.

    How can I add a button on a page ? Image 2 Screenshot 41

    Give it a try and reach out again if you have any other questions.

  • BBL0nlineForms
    Répondu le 7 août 2024 à 05:06

    It worked ! Thanks a lot :)

    How can I add hexadecimal colour codes to my button thought ?

    Thanks again

  • Frédéric Jotform Support
    Répondu le 7 août 2024 à 05:28

    Hi BBLonlineforms,

    As I understand, in your form ID 242072399393060, you already changed, in the code shared by my colleague, the background-color parameter from orange to red. Instead of settings a color as word, this is as easy as setting the color directly in hexadecimal code, such as the following:

    <a style="background-color: #FF00FF; padding: 10px; color: white; text-decoration: none; display: inline;" target="_blank" href="YOUR URL" >Link Button</a>

    Where, for background color, the digits after the sharp character specify the hexadecimal values for Red Green Blue. In the example above, #FF00FF makes a pink color. You can have the hexa code for any color using this online tool.

    Give it a try and let us know how it goes.