# JotForm Integration

HandL UTM Grabber / Tracker JotForm Integration step by step

# JotForm UTM tracking via iframe embed

HandL UTM Grabber V3 integrates with JotForm very easily.

After defining the variables in the form similar to the one below picture.

[![](https://docs.utmgrabber.com/uploads/images/gallery/2020-10/scaled-1680-/image-1603595141506.png)](https://docs.utmgrabber.com/uploads/images/gallery/2020-10/image-1603595141506.png)

Copy paste the embed code from JotForm to your WordPress

[![](https://docs.utmgrabber.com/uploads/images/gallery/2023-06/scaled-1680-/image-1686687137871.png)](https://docs.utmgrabber.com/uploads/images/gallery/2023-06/image-1686687137871.png)

It will be something like this: simply copy and paste this into your WordPress editor or page builder.

```
<iframe id="JotFormIFrame-YOURJOTFORMID" title="Form" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allow="geolocation; microphone; camera; fullscreen" src="https://form.jotform.com/202977053711051" frameborder="0" style="min-width:100%;max-width:100%;height:539px;border:none;" scrolling="no" > </iframe> <script src='https://form.jotform.com/s/umd/latest/for-form-embed-handler.js'></script> <script>window.jotformEmbedHandler("iframe[id='JotFormIFrame-YOURJOTFORMID'", "https://form.jotform.com/")</script> 

```

After this code, copy and paste the code below. Ensure you replace `YOURJOTFORMID` with your form ID (as shown above).

```
<script>
setTimeout(() => {
	if (typeof(utms_js) == 'object'){
    	var ifr = document.querySelector("iframe[id='JotFormIFrame-YOURJOTFORMID'")
		var iframeParams = [];
		iframeParams.push( jQuery.param(utms_js) )
		var src = ifr.src;
		ifr.src = src + "?" + iframeParams.join('&');
	}
}, "500");
</script>

```

# JotForm JavaScript implementation

HandL UTM Grabber V3 integrates with JotForm very easily.

After defining the variables in the form similar to the one below picture.

[![](https://docs.utmgrabber.com/uploads/images/gallery/2020-10/scaled-1680-/image-1603595141506.png)](https://docs.utmgrabber.com/uploads/images/gallery/2020-10/image-1603595141506.png)

Click Publish &gt; Embed and copy the JavaScript code

[![](https://docs.utmgrabber.com/uploads/images/gallery/2020-10/scaled-1680-/image-1603595304342.png)](https://docs.utmgrabber.com/uploads/images/gallery/2020-10/image-1603595304342.png)

Before you paste the code in your WordPress editor. Wrap it with the `[handl_all_i]` just like shown below.

```
[handl_all_i]<script type="text/javascript" src="https://form.jotform.com/jsform/202977053711051?%s"></script>[/handl_all_i]

```

Another way of doing this is appending all the tracked parameters using `handl_all_i`

```
[handl_all_i]<div class="typeform-widget" data-url="https://yourdomain.typeform.com/to/xa12xas?%s" 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;"></div>[/handl_all_i]

```

NOTE: Make sure you've added question mark and %s after the link

You are all set and now can capture UTM and other parameters.