What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Can I hot link contact info in header and text of form?

    Asked by salamone on August 26, 2016 at 01:00 PM

    Gehringer Brothers Winery form. salamone@vip.net.  I wonder if I can make the email address and phone number and web site address "hot" on the form both in the header and in the text?

    and header and text in can
  • Profile Image
    JotForm Support

    Answered by david on August 26, 2016 at 02:44 PM

    Yes, both can be replaced with links instead of plain text.  For the header, replace your text with the following:

    http://pastebin.com/DWTfe6qE

    Replace the phone number text in your Text field with:

    http://pastebin.com/smg8G8MC

    Here is how the form would look and function with those changes made:

    https://form.jotform.com/62385645382968

    You can clone the form to your own account if you'd like:

    http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

  • Profile Image
    JotForm Support

    Answered by david on August 26, 2016 at 02:48 PM

    Apologies, for some reason my code for the header code jumbled.  Here is the correct code:

    http://pastebin.com/DWTfe6qE

  • Profile Image

    Answered by salamone on September 02, 2016 at 01:59 PM

    Great!

     

    Can you also make the email address in the text hot?  I see where you can link to a web site in the text html editor, but can you also link to an email address?  I want to also link the gbwines@me.com to the email in the text.  

     

    Thank you.

     

  • Profile Image
    JotForm Support

    Answered by david on September 02, 2016 at 02:15 PM

    The same code used in the header will work for the email address in the Text field. 

    <a target="_blank" href="mailto:gbwines@me.com" >gbwines@me.com</a>

    Here is a copy of the form with the email address and phone number from the test field updated to links:

    https://form.jotform.com/62385645382968

     

     

     

  • Profile Image

    Answered by salamone on September 02, 2016 at 03:19 PM

    Can I just adopt the changes that you made or do I have to make them myself?  Where do I insert the code for the text?  I see where to insert it for the header, but do not see a place to insert code for the text box.

     

    Thank you.

     

     

  • Profile Image
    JotForm Support

    Answered by david on September 02, 2016 at 03:24 PM

    Replace the text in the text field with the code:

    After you click "Complete" the code will show the link instead of the code text.

  • Profile Image

    Answered by salamone on September 02, 2016 at 03:31 PM

    Is there any way you can check to make sure I got it done correctly?  THANKS.

     

  • Profile Image
    JotForm Support

    Answered by david on September 02, 2016 at 03:32 PM

    Looks good.  Requests an email app to open the link.  You should be all set.

  • Profile Image

    Answered by salamone on September 02, 2016 at 06:53 PM

    Last bit:  is there any way to make all the links the same colour on that page?  On my screen they appear to be in two colours.  Perhaps you can tell me how to make them all one colour?  Can I choose a colour (to match the rest of my web site links) or at least make these links all the same on one page?

  • Profile Image
    JotForm Support

    Answered by liyam on September 03, 2016 at 01:49 AM

    Hello,

    You can insert this CSS code on your form:

    a:link, a:visited, a:hover, a:active {
       color: blue;
    }

    You can refer to this link if you need to know how to inject CSS codes in you form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    If you have questions, please let us know.