Available on | ❌ Free | ❌ Basic | ✅ Pro | ✅ Business |
Hidden Fields are a smart way to enhance the functionality and behavior of your involve.me funnels. You can try them out and see how they work in draft funnels, regardless of the plan you're in.
What Are Hidden Fields and How Do They Work?
Hidden fields are question/answer pairs that are saved by adding them to your URL.
It is usually used if you already have this data from your contacts and want to show it in the text, pre-fill a personal data field or save it without them realizing that it was there in the first place.
This is what your funnel's URL will look like if you add hidden fields (text in bold) to it:
https://your-organization.involve.me/funnel?first_name=Josh&trip=Paris
If you embed the funnel in your website, and use the website's URL, then the link will look like this instead:
https://yourwebsite.com/page?first_name=Josh&trip=Paris
How Hidden Fields Can Be Used
Personalize messages on any page using Answer Piping,
Save predefined used URL parameters like utm_source, fbclid etc,
Pre-fill or hide personal data if you already have that information,
Added to calculator formulas, which can then be used to set the payment amount,
Link two involve.me funnels or other tools together using data in buttons or redirects and populate hidden fields in the second funnel.
You can create intermediate results in a multi-step form or have users pick it up later when a step is completed. See more in the article: How to collect further data after a submission is completed.
Try out the hidden fields feature and learn to use it interactively:
How to Setup Hidden Fields
To start using hidden fields, open your funnel in the editor, click on the cogwheel icon in the top right corner to open the dropdown menu, then click on "Hidden Fields".
Click the "Add hidden field" button and choose if you want to create a predefined contact data info field, a custom parameter or a functional field.
Custom Field (Custom Parameter) - These can be defined freely by you (you can name them whatever you want) and save its value if they are passed through the URL. They are also available in Answer Piping once created. If you want to pass data from a question or create UTM parameters for example, choose this option.
Custom parameters need to be lowercase and are usually separated with underscores or dashes. For example "my field" should be entered as "my_field" or "my-field".
Functional Fields (Start with page) - Allows you to predefine the first page a participant sees.
Contact Data Fields - These are predefined fields that work the same way as the Contact Form content element. If the field is present in the URL you can choose to pre-fill the field in the Contact Form element or hide it. The "Hidden fields behavior" option can be found in the options of that element. The parameter name is the same for all language settings.
You can also customize the title, which will dictate how the hidden field is called in your funnel's analytics page and reports, and add a fallback as well.
Collected hidden fields show up in your analytics as questions (custom parameters) or as personal data (contact data fields).
Fallbacks
Fallbacks are especially useful if you have most of your participants details and you're pre-filling them via hidden fields, but for those cases where you don't have the details, a fallback will be used instead (if you set one).
A good example of this would be, when you're sending out emails to your participants and they start with "Hi (First Name)". If you don't have the participant's first name, but the fallback has been set to "there" then the email will start with "Hi there" instead.
Remote ID
The parameter "remote_id" is a special hidden field because you can use it to save a value without creating the hidden field for it in the first place in the editor.
Good to Know
The following should be kept in mind, when prefilling data for the following hidden fields:
Gender - The only accepted options are: male, female and not known.
Birthday - Only numbers are accepted and they must have the YYYY-MM-DD format.
Country - Country codes should be used here.
To pass values containing spaces or other special characters in the URL, make sure to encode them before you add them. So the text "I don't know!" encodes to be "I%20don%27t%20know%21" for the URL. You can use online tools like this to encode your strings. %20 is how space is written in a URL (since URLs are not allowed to contain actual spaces).
Pass Website URL Parameters to an Embedded Funnel
If you are embedding your funnel, you can pass hidden field data through parameters in the embed code. Simply use data-params in the div section of the embed code to add your parameters, and make sure to use commas to separate them (? and & are only used in URLs).
As an example, lets say you have two hidden fields called "field1" and "field2", this is how the data-params format should look like:
data-params="field1=value1,field2=value2"
Then when you add it into your embed code, it will look something like this:
<div class="involveme_embed" data-project="funnelname" data-params="field1=value1,field2=value2"><script src="https://example.involve.me/embed"></script></div>
Adding data-params to the embed code is optional however, as our script does the job if the parameters are present on the parent website URL. Data-params are best suited for cases where you want to have the hidden field filled "silently", or not based on your own URL parameter.
Pass a Calculator’s Result Over to Another Funnel via Custom URL Redirect
Passing data from one funnel to another is something you can do with the help of hidden fields and answer piping, and this includes passing calculator data, even if they're on the Thank You / Outcome pages where you add your URL redirect to.
Make sure to click here to learn how this works.