FAQ: Developer Portal

You may have times in which you’d like to pass information from another service, such as a CRM system, into the form so you don’t have to ask your respondents questions you already have answers to. 😄 

To pass hidden fields from your website to an embedded typeform, you’ll need access to the code so you can edit our embed snippet. Thankfully, it's really easy to do! You can watch this video (06:31) or follow the steps below.

Please note that this doesn't currently work with Wix built websites, and the reason for this is explained by Wix here.

1. Access your website code and go to the place where you form is embedded:

​

2. Place the cursor after the URL text and add the following:

data-transferable-url-parameters="name-of-the-field"

3. Change the "name of the field part" for the name of your field. So if in your URL it shows as name like in this example:

​

4. Make sure you don't break the code. Pay attention to the syntax, every pair should be like this: name="value"

5. This is how the whole thing would look using our name=Tony example above:

Before:

----------

<div class="typeform-widget" data-url="https://form.typeform.com/to/t6YZgb" style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script> <div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;"> powered by <a href="https://admin.typeform.com/signup?utm_campaign=t6YZgb&utm_source=typeform.com-01D8JX5ZB0JZHVVXMR5KCMBWFX-premium&utm_medium=typeform&utm_content=typeform-embedded-poweredbytypeform&utm_term=EN" style="color: #999" target="_blank">Typeform</a> </div>

After

------

<div class="typeform-widget" data-url="https://form.typeform.com/to/t6YZgb" data-transferable-url-parameters="name" style="width: 100%; height: 500px;"></div> <script> (function() { var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) { js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })() </script> <div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;"> powered by <a href="https://admin.typeform.com/signup?utm_campaign=t6YZgb&utm_source=typeform.com-01D8JX5ZB0JZHVVXMR5KCMBWFX-premium&utm_medium=typeform&utm_content=typeform-embedded-poweredbytypeform&utm_term=EN" style="color: #999" target="_blank">Typeform</a> </div>

Have information you already know about your respondent? You can pass it in through a hidden field! To pass hidden fields from your website to a full page embedded typeform, you’ll need to have access to the code so you can edit our embed snippet.

Thankfully, it's really easy to do. You can watch this video that walks you through the process.

Please note that this might not work with some CMS such as Wix, the reasons differ from CMS to CMS but it's usually due to limitations that those site impose on the embeds.

Gargh! Not an error message! When setting up your Oauth, you’ll want to be sure you’re following the steps here with the required information exactly as stated. Adding additional information into the call can cause the request to fail. Additionally, if you’re working in a shared workspace, you’ll want to use the account information from the workspace owner rather than an invited team member.

We understand that keeping your data safe is extremely important. Our Developer Portal has a fantastic article here to walk you through securing your webhooks. We don’t have a static list of IPs that we can provide, so you’ll want to follow the steps in the article to secure your webhooks.