# How to Track UTMs in Divi Contact Form

## UTM attribution overview

This guide explains How to Track UTMs in Divi Contact Form with HandL UTM Grabber. It helps you capture UTM source, medium, campaign, term, content, click IDs, referrer, and landing page data and keep the marketing context needed for accurate reporting across forms, bookings, signups, and sales.

#### Add the input fileds to your form

You can add as many fields as you like to your form and track them all. Here we only illustrate for utm_campaign. Check here for the list of parameters you can track [Native WP Shortcodes](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes).

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

#### Make sure the `Field ID` exactly matches with your parameter name

In this case, it is utm_campaign

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

the final step is to make sure that the required field under field options is set to no
[![](https://docs.utmgrabber.com/uploads/images/gallery/2022-07/scaled-1680-/image-1658848005398.png)](https://docs.utmgrabber.com/uploads/images/gallery/2022-07/image-1658848005398.png)

#### Hide the fields
Unfortunately, divi does not allow adding `hidden` elements to your form. But no worries, we can hide it using Divi. Simply add the following CSS rule under `Main Element`

```
display: none;
```

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

#### And that's it

You are ready to collect the data. Rest is handled by HandL UTM Grabber :) 

Proof that you are collecting the data from your form...

You can run the following JS line (in developer console) to print the content of your form without actually submitting the form. 
```
jQuery('form').serializeArray()
```

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