Contact Form 7 Integration

HandL UTM Grabber / Tracker How to collect and track UTM variables via Contact Form 7 step by step

Contact Form 7 Native Integration for Collecting UTMs

Contact Form 7 UTM Tracking

Overview

HandL UTM Grabber provides seamless integration with Contact Form 7 to capture UTM parameters and other tracking data from your form submissions. This integration allows you to automatically capture UTM parameters, GCLID, and other tracking data when users submit your forms.

Features

Setup Instructions

1. Adding UTM Fields to Your Form

There are two ways to add UTM tracking fields to your Contact Form 7 form:

Method 1: Using the Tag Generator (Recommended)

  1. Edit your Contact Form 7 form

  2. Click the "UTM Fields (HandL) 🎯" button in the form editor

  3. Click "Insert UTM Fields" to automatically add all tracking fields

  4. The following hidden fields will be added to your form:

[hidden utm_source_cf7 utm_source_cf7-{formid} class:utm_source id:utm_source]
[hidden utm_medium_cf7 utm_medium_cf7-{formid} class:utm_medium id:utm_medium]
[hidden utm_term_cf7 utm_term_cf7-{formid} class:utm_term id:utm_term]
[hidden utm_content_cf7 utm_content_cf7-{formid} class:utm_content id:utm_content]
[hidden utm_campaign_cf7 utm_campaign_cf7-{formid} class:utm_campaign id:utm_campaign]
[hidden gclid_cf7 gclid_cf7-{formid} class:gclid id:gclid]

Method 2: Manual Addition

You can manually add the tracking fields to your form by copying and pasting the field tags shown above. Replace {form_id} with your actual form ID.

2. Configuring Email Notifications

To receive UTM data in your email notifications:

  1. Go to the "Mail" tab in your Contact Form 7 form settings

  2. Add the following mail tags to your email template:

Source: [utm_source_cf7]
Medium: [utm_medium_cf7]
Term: [utm_term_cf7]
Content: [utm_content_cf7]
Campaign: [utm_campaign_cf7]
Gclid: [gclid_cf7]

3. Advanced Integration with Zapier

For advanced automation and CRM integration:

  1. Set up a Zapier account if you haven't already

  2. Create a new Zap using Contact Form 7 as the trigger

  3. Configure the Zap to send form submissions (including UTM data) to:

Best Practices

  1. Always include UTM fields in email notifications: Make sure to add the UTM mail tags to your email template to receive tracking data.

  2. Test your form: After setting up, test your form by:

  1. Use Zapier for advanced tracking: Consider using the Zapier integration for:

Troubleshooting

If UTM data is not being captured:

  1. Verify that the UTM fields are properly added to your form

  2. Check if the mail tags are correctly added to your email template

  3. Ensure that UTM parameters are present in the URL when testing

  4. Check your site's caching settings, as some caching plugins might strip UTM parameters

Support

For additional help:

Premium Features

Upgrade to HandL UTM Grabber V3 to access additional features:

Contact Form 7 to Zapier Video Tutorial

Please watch the related Video Tutorial below

and click right to the video and open link in new tab

Contact Form 7 to Zapier Video Tutorial

Contact Form 7 UTM Tracking Video Tutorial

Please watch the related Video Tutorial below

and click right to the video and open link in new tab

Contact Form 7 UTM Tracking

--->Code Snippets<---

[utm_campaign_i]<input type="hidden" name="utm_campaign" value="%s" />[/utm_campaign_i]
 
[utm_source_i]<input type="hidden" name="utm_source" value="%s" />[/utm_source_i]
 
[utm_medium_i]<input type="hidden" name="utm_medium" value="%s" />[/utm_medium_i]
 
[utm_term_i]<input type="hidden" name="utm_term" value="%s" />[/utm_term_i]
 
[utm_content_i]<input type="hidden" name="utm_content" value="%s" />[/utm_content_i]
 
[gclid_i]<input type="hidden" name="gclid" value="%s" />[/gclid_i]


--->Code Snippets<---

Campaign Name:
[utm_campaign]
 
Campaign Source:
[utm_source]
 
Campaign Medium:
[utm_medium]
 
Campaign Term:
[utm_term]
 
Campaign Content:
[utm_content]
 
Gclid:
[gclid]

Contact Form 7 Integromat Integration- Video Tutorial

Please watch the related Video Tutorial below

and click right to the video and open link in new tab

Contact Form 7 Integromat Integration

Contact Form 7 to Facebook Conversion API (FB CAPI) - v3.1

Click the Facebook CAPI menu in UTM and enter the Facebook pixel ID and access token

Screenshot

How to generate an Access Token: Go to your pixel, click "Settings," scroll down to the Conversion API section, and click "Generate Access Token."

Screenshot

Once you have set everything up, keep monitoring your events and watch your event match increases to the high 8-9s.

Screenshot

When you are ready, enable the feature by checking the "Enable Facebook Conversion API (CAPI)" functionality.

Screenshot

After that, as soon as one of your forms is submitted, the Lead event will be sent to Facebook as well.

You can check the events in the Facebook Conversion API Logs after they are sent. If there is any failure, it will be reported there, detailing what went wrong.

Image

Contact Form 7 UTM Tracking (Legacy)

1.Click Contact And Add New

1-Click Contact and add new button.png

2.Paste The Code Shown Below to the Form Section Like that

2-Click Form section and Paste the code below.png

--->Code Snippets<---

[utm_campaign_i]<input type="hidden" name="utm_campaign" value="%s" />[/utm_campaign_i]
 
[utm_source_i]<input type="hidden" name="utm_source" value="%s" />[/utm_source_i]
 
[utm_medium_i]<input type="hidden" name="utm_medium" value="%s" />[/utm_medium_i]
 
[utm_term_i]<input type="hidden" name="utm_term" value="%s" />[/utm_term_i]
 
[utm_content_i]<input type="hidden" name="utm_content" value="%s" />[/utm_content_i]
 
[gclid_i]<input type="hidden" name="gclid" value="%s" />[/gclid_i]

3.Paste The Code Shown Below to the Mail Section Like that

3-Click 'Mail' section and paste the code below.png

--->Code Snippets<---

Campaign Name:
[utm_campaign]
 
Campaign Source:
[utm_source]
 
Campaign Medium:
[utm_medium]
 
Campaign Term:
[utm_term]
 
Campaign Content:
[utm_content]
 
Gclid:
[gclid]

4.Click the 'Save' Button

4-Click the save button.png

5.Copy the Shortcode

5-Copy the shortcode.png

6.Click 'Pages' and then click the 'Add New' button

6-Click pages and add new.png

7.Paste the code you copied

7-Paste the code you copied from the contact form.png

8.Click the 'Publish' Button

8-Click the publish button.png

9.Click 'View Page' Button

9-click View Page button.png

10.Now You are Ready to roll

10-Now you are ready to roll.png

HandL UTM Grabber UTM Tracking