Pre populate recipient selection

  • brewerben
    Asked on July 6, 2016 at 4:06 PM

    I was wondering if it is possible to have a button from a page populate the recipient field.

    Example:

    We have 11 different people on our website and when you click the "contact person" button it goes to a page that has our form embedded into it.  The form has a dropdown at the top of who you would like to contact. All of the contact buttons do the same thing. You click "contact person" > it goes to the page with the form > then you have to select again who you want to contact from the dropdown. It is a little redundant. The easy but inefficient way to fix this would to just create a page for each contact and just link each button to a separate form. Then you have 11 different forms AND pages you have to deal with then. 

     

    I am wondering if there is a way to click the "contact person" button and it auto populate the recipient field when it goes to the form page.

    I hope this makes sense.

    Thanks.

  • David JotForm Support Manager
    Replied on July 6, 2016 at 6:06 PM

    That is not possible to accomplish with our tool. Also, this functionality needs to be coded from your webpage buttons. You might have to hire a front end developer if needed.

    They easy why you describe could be a good solution. You wont' handled eleven different forms, just the same form embedded in eleven different pages.

    1) Delete the Drop Down field, and replace it for a Text Box field found under the "Basic Fields" tab.

    2) You will need to get the name value of this new Text Box field to prepopulate a value: https://www.jotform.com/help/71-Prepopulating-Fields-to-Your-JotForm-via-URL-Parameters 

    Example: https://form.jotform.com/61876616012960?clickTo12=David%20Bonilla 

     

    3) Get your form's Iframe code: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code, and paste it in a text editor.

    4) In the "src" attribute, delete the URL, and paste the URL you have created with the prepopulated value:

    Pre populate recipient selection Image 1 Screenshot 20

    So, that would be the code you will embed on you first page, now simply redirect to this page from your first button.

    5) Repeat the same steps to for the other 10 pages.

    Hope this helps.