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

    How to create a clickable URL on the form from a prepopulated field?

    Asked by CMHForms on June 29, 2017 at 12:38 AM
  • Profile Image
    JotForm Support

    Answered by Chriistian on June 29, 2017 at 01:24 AM

    To add a field that contains a URL (link) value, please see the image below:

    1. Add Short Entry Text.

    2. Click the gear icon to open the short entry text properties.

    3. Under the Advanced tab, scroll down to see Default value and apply the URL link you want to add.

    Regards.

  • Profile Image

    Answered by CMHForms on June 29, 2017 at 01:44 AM
    It is not a hard-coded value but a value passed as a parameter to the form.
    Regards,
    Anish
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on June 29, 2017 at 02:35 AM

    If you mean you want to pass a value to the field using URL parameters, please take a look at this guide: Prepopulating Fields to Your JotForm via URL Parameters.

    Hope this helps.
    Regards.

  • Profile Image

    Answered by CMHForms on June 29, 2017 at 04:43 AM
    No I do not mean that.
    See the Link field in the https://form.jotform.us/71722016784153 form.
    It is being passed as a parameter from the form
    https://form.jotform.us/71721353184150
    I need the link field to be displayed as a clickable URL. Also, the
    parameter value is not populating correctly.
    ...
  • Profile Image
    JotForm Support

    Answered by Jim_R on June 29, 2017 at 05:46 AM

    From how I understood it, the Link Field at the bottom of this form 71722016784153 is being passed as a parameter from this form 71721353184150, correct?

    Can you give us your complete prepopulated URL so we can use it as an example?

  • Profile Image
    JotForm Support

    Answered by Jim_R on June 29, 2017 at 05:59 AM

    BTW, here's a quick example of how I would approach this suppose I have this prepopulated URL:

    https://form.jotformpro.com/71792849178979?textbox=https%3A%2F%2Fwww.jotform.com%2F 

    1. I'll keep the Link Field Textbox as is.

    2. I'll add a Form Calculation Widget where I will generate the URL.

    Related guide: How-to-Add-a-Widget-to-your-Form 

    3. Then, I'll add a Text Field that will make it clickable.

  • Profile Image

    Answered by CMHForms on June 29, 2017 at 01:43 PM
    The sample URL is https://www.jotform.com/edit/3745146794229594918.
    It is formed as below:
    https://www.jotform.com/edit/?{id}
    ...
  • Profile Image
    JotForm Support

    Answered by ashwin_d on June 29, 2017 at 03:38 PM

    Hello CMHForms,

    I believe the format which you are using seems to be wrong. You do not have to add "?" in the edit link URL. Please use the following URL:

    https://www.jotform.com/edit/{id}

    Thank you!

  • Profile Image

    Answered by CMHForms on June 29, 2017 at 04:44 PM
    Thanks.
    That was a typo. The parameter passing is as below:
    From form:
    https://form.jotform.us/71721353184150
    Parameter:
    https://form.jotform.us/71722016784153?parent119[first]={input5:first}&parent119[last]={input5:last}&parent1={email}&parent169={cellphone}&homePhone={homePhone}&address[addr_line1]={address:addr_line1}&address[city]={address:city}&address[state]={address:state}&address[postal]={address:postal}&link=https://www.jotform.com/edit/{id}
    To Form:
    https://form.jotform.us/71722016784153
    ...
  • Profile Image
    JotForm Support

    Answered by Jim_R on June 29, 2017 at 06:30 PM

    Thank you - Have you given my suggestion a try? I'll break it down below for your convenience:

    1. Edit your target form 71722016784153

    2. Right below the Link Field, add a Form Calculation Widget.

    3. Then, below the Form Calculation Widget, add a Text Field.

    4. Once you have the needed fields added, set the formula of the widget as shown below:

    To get that same format, type them in this manner:

    - Type <a target="_blank" href=" then press TAB

    - Click ADD FIELD and select the Link Field

    - It will be added with a black background, click it to toggle it to a brown background

    - Continue typing " > then press TAB

    - Click ADD FIELD and select the Link Field

    - It will be added with a black background, click it to toggle it to a brown background

    - Type </a> then press TAB

    Related guide: How-to-Manipulate-Text-String-with-Conditions-and-Calculation 

    In the end, the formula should look similar to the screenshot above.

    5. Once done, just set your Text Field to show the generated URL from the Form Calculation Widget.


  • Profile Image

    Answered by CMHForms on July 02, 2017 at 01:43 PM
    I cannot see the entire screenshot. It is cut off on the right. Could you
    resend please? Thanks.
    ...
  • Profile Image
    JotForm Support

    Answered by Jim_R on July 02, 2017 at 02:57 PM

    There's a chance you're only viewing the images straight from your email client. Try opening the thread on your browser instead by clicking the link below:

    https://www.jotform.com/answers/1186884

    For your convenience, here are the direct links for the first and second screenshot.