# Duda Website Builder

UTMSimple / UTM Tracker  
How to collect and track UTM variables via Duda step by step

# UTM Tracking in Duda Website Builder

#### Create your contact form

[![](https://docs.utmsimple.com/uploads/images/gallery/2022-03/scaled-1680-/image-1648012316438.png)](https://docs.utmsimple.com/uploads/images/gallery/2022-03/image-1648012316438.png)

#### Add your Form Fields

- Hide the field label
- And make all the fields as text (don't worry, they will be hidden by the script below
- Add our parameter name as placeholder **(This is very important)**. See the list of the parameters here [What can I track with UTMSimple?](https://docs.utmsimple.com/books/101-lets-start/page/what-can-i-track-with-utmsimple)

[![](https://docs.utmsimple.com/uploads/images/gallery/2022-03/scaled-1680-/image-1648012211290.png)](https://docs.utmsimple.com/uploads/images/gallery/2022-03/image-1648012211290.png)

#### Copy/Paste the script in Head HTML

[![](https://docs.utmsimple.com/uploads/images/gallery/2022-03/scaled-1680-/image-1648011996386.png)](https://docs.utmsimple.com/uploads/images/gallery/2022-03/image-1648011996386.png)

```
<!-- Global site UTM Simple Tracking Start-->
<script>
var handl_custom_params=[]
var handl_js = document.createElement("script");
handl_js.setAttribute("src", "https://track.utmsimple.com/utm.js?license=<License Key>"), document.head.appendChild(handl_js), 
handl_js.onload = function() {
	setTimeout(function(){
		all_values = HandL.getAll()
        all_params = HandL.params('all')
        all_params.map(function(x,y){
        	if (jQuery('*[placeholder="'+x+'"]').length > 0)
        		jQuery('*[placeholder="'+x+'"]').val(all_values[x]).attr('value',all_values[x]).parent().hide()
        })
	}, 500);
}; 
</script> 
<!--Global site UTM Simple Tracking End -->

```

#### Result

[![](https://docs.utmsimple.com/uploads/images/gallery/2022-03/scaled-1680-/image-1648012341106.png)](https://docs.utmsimple.com/uploads/images/gallery/2022-03/image-1648012341106.png)