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

  • salamone
    Asked on August 26, 2016 at 1: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?

  • David JotForm Support
    Replied on August 26, 2016 at 2: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

    Can I hot link contact info in header and text of form? Image 1 Screenshot 20

    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

  • David JotForm Support
    Replied on August 26, 2016 at 2:48 PM

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

    http://pastebin.com/DWTfe6qE

  • salamone
    Replied on September 2, 2016 at 1: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.

     

  • David JotForm Support
    Replied on September 2, 2016 at 2:15 PM

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

    <a href="mailto:gbwines@me.com" target="_blank">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

     

     

     

  • salamone
    Replied on September 2, 2016 at 3: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.

     

     

  • David JotForm Support
    Replied on September 2, 2016 at 3:24 PM

    Replace the text in the text field with the code:

    Can I hot link contact info in header and text of form? Image 1 Screenshot 20

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

  • salamone
    Replied on September 2, 2016 at 3:31 PM

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

     

  • David JotForm Support
    Replied on September 2, 2016 at 3:32 PM

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

  • salamone
    Replied on September 2, 2016 at 6: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?

  • liyam
    Replied on September 3, 2016 at 1: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.