TypeForm integration - Preferred (Advanced)

Enable UTM Tracking in Typeform

Create custom fields in typeform (Optional - only if you'd like to capture more than utm e.g. handl_url)

You can create the custom fields following the documentation here

<div id="handl-form-wrapper"></div>

<script src="//embed.typeform.com/next/embed.js"></script>

<link rel="stylesheet" href="//embed.typeform.com/next/css/popup.css" />

<script>

 window.tf.createWidget('<form-id>',{

 container: document.getElementById('handl-form-wrapper'),

 hidden: {

 utm_campaign: Cookies.get("utm_campaign"),

 utm_source: Cookies.get("utm_source"),

utm_medium: Cookies.get("utm_medium"),

utm_content: Cookies.get("utm_content"),

utm_term: Cookies.get("utm_term"),

handl_url: Cookies.get("handl_url"),

 },

 iframeProps: {

 height: 600,

 width: 800,

 }

 })

</script>

How to get form id of your form?

You can find from the public URL of your form:

https://form.typeform.com/to/

Or from admin panel URL:

https://admin.typeform.com/form//*