# Elementor Form UTM Tracking Integration Set up Elementor forms with HandL UTM Grabber to capture UTM parameters, GCLID, FBCLID, referrer, and landing page data in hidden fields for lead attribution. # Native Elementor Form Support - HandL UTM Grabber Guide ## UTM attribution overview This guide explains Native Elementor Form Support - HandL UTM Grabber Guide. 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. This is our preferred way of collecting UTMs into your Elementor Form. #### First add your field just like any other field to your form [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/scaled-1680-/image-1633048773201.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/image-1633048773201.png) #### Go to Advanced and select "parameters" under HandL UTM Grabber menu [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/scaled-1680-/image-1633048814656.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/image-1633048814656.png) #### Click parameter and enter the parameter name you want to track into the form field [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/scaled-1680-/image-1633048848685.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/image-1633048848685.png) That's it! # Elementor UTM Tracking Integration ## UTM attribution overview This guide explains Elementor UTM Tracking Integration 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. ### This documentation has been obsoluted, please use [Native Elementor Form Support](https://docs.utmgrabber.com/books/elementor-integration/page/native-elementor-form-support) #### **1. Click 'Post' and 'Add New'** [![1-Click post and add new.png](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/scaled-1680-/1-click-post-and-add-new.png)](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/1-click-post-and-add-new.png) #### **2. Click 'Edit with Elementor' Button** [![2- Click edit with elementor.png](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/scaled-1680-/2-click-edit-with-elementor.png)](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/2-click-edit-with-elementor.png) #### **3. Search 'Form'** [![3- Search Form.png](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/scaled-1680-/3-search-form.png)](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/3-search-form.png) #### **4. Click 'Add Item' Button** [![4-Click Add item.png](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/scaled-1680-/4-click-add-item.png)](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/4-click-add-item.png) #### **5. Select the Type as 'Hidden' and Give a name for Label** [![5- Select the type as Hidden and give a label name.png](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/scaled-1680-/oFA5-select-the-type-as-hidden-and-give-a-label-name.png)](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/oFA5-select-the-type-as-hidden-and-give-a-label-name.png) #### **6. Click 'Advance', Give a name to Custom ID and then Click 'PUBLISH' button** ##### 🥳Now You are ready! [![6- Give a name to custom ID place and then click publish.png](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/scaled-1680-/6-give-a-name-to-custom-id-place-and-then-click-publish.png)](https://docs.utmgrabber.com/uploads/images/gallery/2020-08/6-give-a-name-to-custom-id-place-and-then-click-publish.png) # Add cookie support to Elementor Pro for UTM Tracking Consent ## UTM attribution overview This guide explains Add cookie support to Elementor Pro for UTM Tracking Consent with HandL UTM Grabber. It helps you respect consent choices while preserving UTM parameters for compliant WordPress attribution and keep the marketing context needed for accurate reporting across forms, bookings, signups, and sales. ## This method has been officially deprecated and archive only. Please use [Native Elementor Form Support](https://docs.utmgrabber.com/books/elementor-integration/page/native-elementor-form-support) In case Elementor Pro doesn't capture UTMs as it is supposed to. You can try this reliable method that allows Elementor Pro to grab the UTMs from COOKIES. ### Install the cookies module First of all, download the [cookies.php](https://docs.utmgrabber.com/attachments/2) file from the attachment (left sidebar) and upload it to `wp-content/plugins/elementor-pro/modules/dynamic-tags/tags` ### Acitvate cookies module Go and edit the `wp-content/plugins/elementor-pro/modules/dynamic-tags/module.php:52` and add Cookies in the get\_tag\_classes\_names function's array [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-07/scaled-1680-/image-1626234322463.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-07/image-1626234322463.png) ### Set your field to read the value from Cookies. Go to your form you'd like to edit, select Default Value as "Cookies" under "Advanced". And then enter the the parameter name in the text field as shown below. [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-07/scaled-1680-/image-1626234431455.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-07/image-1626234431455.png) You can use any parameter name listed here [Native WP Shortcodes](https://docs.utmgrabber.com/books/102-getting-started-for-handl-utm-grabber-v3/page/native-wp-shortcodes) # ActiveCampaign hidden fields to appear in Elementor Form - HandL UTM Grabber Guide ## UTM attribution overview This guide explains ActiveCampaign hidden fields to appear in Elementor Form - HandL UTM Grabber Guide. It helps you pass lead attribution into your CRM, email platform, or marketing automation workflow and keep the marketing context needed for accurate reporting across forms, bookings, signups, and sales. By default Elementor doesn't list to map hdden fields in Elementor Form You can't map your form field to a hidden field in Elementor... [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/scaled-1680-/image-1633046919566.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/image-1633046919566.png) You can resolve this in two ways 1. change all the custom parameters from ActiveCampaign to text from hidden. They will immediately will be mappable. 2. edit elementor code (single line edit) wp-content/plugins/elementor-pro/modules/forms/classes/activecampaign-handler.php:131. Add hidden => 'text' as shown in the image. [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/scaled-1680-/image-1633047001335.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/image-1633047001335.png) After you are done either of those, you will be able to map the fields just fine (see the image)... [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/scaled-1680-/image-1633047082354.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/image-1633047082354.png) # Appending UTM variables using Text Editor in Elementor with HandL UTM Grabber ## UTM attribution overview This guide explains Appending UTM variables using Text Editor in Elementor 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. Simply add a class attribute `utm-out` to the your text editor... [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/scaled-1680-/image-1634446717213.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/image-1634446717213.png) And the class variables `utm-out` will append UTMs to every single hyperlink within that text editor. [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/scaled-1680-/image-1634446768090.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/image-1634446768090.png) # Appending UTMs to the selective Buttons in Elementor with HandL UTM Grabber ## UTM attribution overview This guide explains Appending UTMs to the selective Buttons in Elementor 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. Simply add the magical `utm-out` class attribute to the button as custom attributes as `class|utm-out` [![](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/scaled-1680-/image-1634447014876.png)](https://docs.utmgrabber.com/uploads/images/gallery/2021-10/image-1634447014876.png) # Elementor UTM Tracking Integration with Mailchimp ## UTM attribution overview This guide explains Elementor UTM Tracking Integration with Mailchimp with HandL UTM Grabber. It helps you pass lead attribution into your CRM, email platform, or marketing automation workflow and keep the marketing context needed for accurate reporting across forms, bookings, signups, and sales. First, implement as shown here in the [Native Elementor Form Support](https://docs.utmgrabber.com/books/elementor-integration/page/native-elementor-form-support). After doing so, enable MailChimp and proceed with the mapping as shown below: [![](https://docs.utmgrabber.com/uploads/images/gallery/2023-09/scaled-1680-/image-1695846969842.png)](https://docs.utmgrabber.com/uploads/images/gallery/2023-09/image-1695846969842.png) # Syncing the form data to your CRM via Webhook - HandL UTM Grabber Guide ## UTM attribution overview This guide explains Syncing the form data to your CRM via Webhook - HandL UTM Grabber Guide. It helps you pass lead attribution into your CRM, email platform, or marketing automation workflow and keep the marketing context needed for accurate reporting across forms, bookings, signups, and sales. After setting up your Elementor Form with HandL UTM Grabber based on the [documentation](https://docs.utmgrabber.com/books/elementor-integration/page/native-elementor-form-support), the next step is to send this data to your CRM. One method is using a webhook service like Zapier or Integromat (Make). 1. Select "Webhook" under the Action After Submit menu in Elementor. ![Webhook Step 1](https://docs.utmgrabber.com/uploads/images/gallery/2024-07/image-1722447852509.png) 2. A new menu item, "Webhook," will appear in the Edit Form section. Click "Webhook" to configure it. ![Webhook Step 2](https://docs.utmgrabber.com/uploads/images/gallery/2024-07/image-1722447894984.png) 3. Copy and paste your Zapier or Make URL into the designated field. Once the form is submitted, your selected service will receive the payload, including all the UTM data collected.