You’re invited to Typeforum 2024! 📣

Register now
Signup
 

Automatically populate Hidden Fields with Mailchimp

Automatically transfer data stored in your Mailchimp account to a form, removing the need for respondents to enter the same information again.

For example, let’s say you want to embed a form in a campaign email sent through Mailchimp. Instead of asking each respondent to enter their name and email address in your form (since this information is already stored in your Mailchimp account), you can pass them automatically to your form. Then, you can personalize your respondents’ experience in your form, for example, by greeting them by name.

So, how does it work? Hidden Fields in Typeform let you add known data, like contact information and where responses came from (Facebook, Twitter, etc.), to your form URL. This data can then be viewed in the Results panel of your Typeform account without requiring respondents to enter it again.

By combining Hidden Fields with Mailchimp's merge tags, you can automatically generate a unique form URL for each person. This URL can include their contact details or any other data you're passing over.

Finally, you can use Recall Information to add an extra personal touch to your form, for example by greeting your respondents by name.

New to Hidden Fields? Learn more here.

Not sure where to start with Mailchimp's merge tags? Get up to speed here.

Need a refresher on Recall Information? Explore more here.

Here's a step-by-step guide on how to set up this workflow. You can either scroll down to read the full guide or click on the section that interests you most to jump straight there.

Adding Hidden Fields and merge tags

Add the code to Mailchimp

View your responses in the Results panel

Add an extra personal touch to your form with Recall Information.

Adding Hidden Fields and merge tags

1. When you’ve finished creating the perfect form, it’s time to add Hidden Fields to track respondents’ names and email addresses (or any other known information you want to pass over to your form). Click the Logic tab, choose Personalize with data, and select Hidden Fields

2024-07-17_12-38-43 (1).gif

 

HC_Note_new.png
Note! If you’re going to embed your form in your Mailchimp email (instead of just adding the URL), make sure that your form’s first question is one of the following question types: Multiple Choice, Picture Choice, Opinion Scale, Net Promoter Score®, Rating, Ranking, Matrix, Dropdown, Yes/No, Short Text, Long Text, Number, Phone Number, Email, Website, or Statement.
Additionally, your form shouldn’t include a Welcome Screen, or you won’t be able to embed the form in an email.

2. In our example, we’ll select the email and name Hidden Fields to add them to our form. You can create your own Hidden Fields by clicking Add new field. When you’ve added all the Hidden Fields you need, click Save.

2024-04-10_14-17-13.png

3. Next, go to the Share panel...

2024-04-10_14-19-42.png

4. ...and hit Publish so that the Hidden Fields get added to your form link.

2024-05-29_13-47-35.png

5. Choose the Embed in an email option.

2024-05-29_13-50-18.png

6. Now we'll add Mailchimp merge tags to our Hidden Fields values. In our example, we want to add merge tags for first name and email so we’ll add the tags *|FNAME|* and *|EMAIL|* to our Hidden Fields under the Advanced tab in the right-hand sidebar.

2024-05-29_13-52-38.png

Here’s a full list of Mailchimp’s merge tags.

These merge tags act as placeholders for the first names and email addresses of users in our Mailchimp list. So when we send out the email campaign, each recipient gets a unique form URL that includes their first name and email address.

HC_Note_new.png
Note! Internet Explorer encodes the link from Mailchimp in a way that makes accents and special characters (common in names in many languages) look strange in that browser. To avoid names being misspelled in Internet Explorer (Hernández instead of Hernández, for instance), you can modify the merge tag by adding “URL:” before the name of the tag.

2024-05-29_13-54-57.png

7. Next, click Start embedding.

2024-05-29_13-56-47.png

8. …and click Copy to copy the code to your clipboard. This code already includes the Hidden Fields and merge tags you added.

2024-03-06_12-18-39.png

Add the code to Mailchimp

1. To add the form to your Mailchimp email, choose the Code option and drag and drop it to where you want it to appear in your email.

2024-03-06_17-16-34.png

2. Paste in the code you copied from Typeform. This code already includes the merge tags you added in Typeform, so you're ready to go!

2024-03-07_12-05-32.png

3. Now, when we send out this email campaign to our mailing list, and the Mailchimp contact clicks to fill in the form, the URL will automatically be populated with their name and email address so we know who filled in the form.

2024-03-07_12-12-38.png

If you want to add a form URL to your Mailchimp email instead of embedding it, simply paste the URL and replace the string of xxxxx in the Hidden Fields with merge tags, like this:

2024-03-11_15-26-34.png

View your responses in the Results panel

You can view the Hidden Field values by going to the Results panel and clicking on the Responses tab.

2024-03-07_12-29-04.png

Add an extra personal touch to your form with Recall Information

When you’ve set up Hidden Fields, use recall information in your form to greet respondents by name in a question or End Screen. To do this, just hit the @ sign and choose the name Hidden Field option.

2024-04-10_14-35-44.png

Tap into our community knowledge