Automatically populate Typeform URL parameters with Klaviyo data

Automatically transfer data stored in your Klaviyo account to a typeform, so respondents don't have to enter information you already have.

For example, let's say you want to embed a typeform in a campaign email sent through Klaviyo. Instead of asking each respondent to type in their name and email address, you can pass that data automatically from Klaviyo into your form — and then use it to personalize their experience, such as greeting them by name.

Here's how it works. URL parameters in Typeform let you attach known data, like contact details or where a response came from, to your form URL. By combining URL parameters with Klaviyo's personalization tags, you can generate a unique form URL for each recipient, populated with their profile data, event data, or anything else you're passing from Klaviyo. You can then use Recall Information to display that data in your form, and the values also appear in your Typeform Results panel.

New to any of these concepts? It's worth reviewing them first:

Here’s a step-by-step guide on how to set up this workflow.

Adding URL parameters and Klaviyo personalization tags

  1. When you’ve finished creating your form, add the URL parameters you want to use to track respondents’ names, email addresses, or any other known information you want to pass into your form. Click the Workflow tab, then click the + below Pull data in.

 

HC_Note_new.png
Note! When embedding a form in an email the form must start with 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. Forms with a Welcome Screen can't be embedded in an email.
  1. In our example, we’ll use the first_name and email URL parameters. You can create your own URL parameters by clicking Add new parameter. When you’ve added all the URL parameters you need, click Save.

  1. Make your form live by clicking the Share/Publish edits button. This also adds the URL parameters to your form link.

  1. Then, go to the Share panel.

  1. Choose the Embed in an email option.

  1. Now we'll add Klaviyo personalization tags to our URL parameters values. In our example, we want to add personalization tags for first name and email so we’ll add {{ person.first_name }} and {{ person.email }} to our URL parameters under the Advanced tab in the right-hand sidebar.

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

HC_Note_new.png
Note! If some contacts don't have a first name saved in Klaviyo, add a fallback so your form greeting doesn't show up blank. Just add a default value to the tag, like {{ person.first_name|default:'there' }} — Klaviyo will use "there" for anyone missing that property.

Learn more about Klaviyo personalization tags.

  1. Next, click Start embedding.

  1. Click Copy to copy the code to your clipboard. This code already includes the URL parameters you added.

Add the code to Klaviyo

  1. To embed the typeform in your Klaviyo email, open your email or flow message in Klaviyo.

  1. Add an HTML block by dragging and dropping it to where you want it to appear in your email and paste in the code you copied from Typeform. This code already includes the personalization tags you added in Typeform, so you're ready to go!

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

Prefer to link to your form rather than embedding it? You can simply paste your typeform URL into your Klaviyo email and swap out the placeholder characters for Klaviyo personalization tags to capture respondent data.

View your responses in the Typeform Results panel

You can view the URL parameter values by going to the Typeform Results panel and clicking on the Responses tab.

Add an extra personal touch to your form with Recall information

When you’ve set up URL parameters, use Recall Information in your form to greet respondents by name in a question or Ending.

To do this, type @ and choose the relevant URL parameter.

Was this article helpful?

Have more questions? Submit a request

Tap into our community knowledge

Find answers

Can’t find what you’re looking for?

Contact support