HandL UTM Grabber: Integrations

By Haktan Suren
In Blog
Apr 10th, 2016
24 Comments
2739 Views

HandL UTM Grabber is a unique WordPress plugin for storing and using UTM variables on any pages, posts and custom posts with ease. Unique shortcodes feature of each individual UTMs allows you to pass the information specifically to your email marketing tools.

HandL UTM Grabber integrates with ANY email forms and email marketing tool. I will just give some examples on this page about how you can get the most benefit from the plugin by integrating the email marketing tool of your choice. Feel free to comment under this post, if you could not find the tool you work with and want me to publish tutorial about it.

WARNING: Tutorials below assumes you are having the latest version of the plugin. Please download the latest from here before you start.

Contact Form 7

CF
According to feedback I’ve received, CF7 is the most integrated tool with HandL UTM Grabber. Follow this simple step to integrate in seconds.

First we are adding the shortcodes in your form.

[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]

Here is what it looks like:
CF7 - UTM Fields in form

And then, to include the new inputs in the email

Campaign Name:
[utm_campaign]

Campaign Source:
[utm_source]

Campaign Medium:
[utm_medium]

Campaign Term:
[utm_term]

Campaign Content:
[utm_content]

Gclid:
[gclid]

Here is what it looks like:
CF7 - UTM Fields in mail

 

Gravity Forms

gravity-forms

First add your hidden element on your form, give any name for your label. Click “Advanced” tab and check “Allow field to be populated dynamically” and use the shortcode in “Parameter Name”

Here is what it looks like:
Gravity Forms - Add Form Field

WordPress-to-lead for Salesforce CRM

Salesforce-logo

Add your field in sales force plugin and check “Enabled”, select field type as “Hidden” and use the shortcode in “Value”

Here is what it looks like:
salesforce-field

Ninja Forms

ninja-form
Add your hidden field into your form. And expand “Advanced Settings” and put “utm_campaign” or other shortcodes (without wrapping it in bracket) in Custom CSS Classes and hit “Save”.

Here is what it looks like:
ninja-forms-field

ActiveCampaign

Active Campaign

Using Embed Code

If you are using embed code directly in your WordPress post, you need to modify the fields accordingly.

Here is an example for you:

<div class="_form_element _field12 _full_width "><input name="field[12]" type="hidden" class="utm_source" /></div>
<div class="_form_element _field13 _full_width "><input name="field[13]" type="hidden" class="utm_medium" /></div>
<div class="_form_element _field14 _full_width "><input name="field[14]" type="hidden" class="utm_campaign" /></div>
<div class="_form_element _field15 _full_width "><input name="field[15]" type="hidden" class="utm_term" /></div>
<div class="_form_element _field16 _full_width "><input name="field[16]" type="hidden" class="utm_content" /></div>

About the Author

Haktan Suren
- Webguru, Programmer, Web developer, Graduate student & Father :)

24 Responses to “HandL UTM Grabber: Integrations”

  1. […] 2. Submit UTM variables into your favorite email marketing tools (Lead Tracking) Very detailed information and integration tutorials with major marketing tools (ActiveCampaign, Vero, Aweber) and other WP plugins (Contact Form 7, Gravity Forms, WordPress-to-lead for Salesforce CRM, Ninja Forms) can be found here […]

  2. Nancy says:

    I am looking for how to pass the parameters to an ActiveCampaign form. Can you please help?

  3. Matteo says:

    I’m having a problem getting the code to work, I’ve added the code as covered above in contact form 7 but the utm fields are just blank hee is an example of the form along with a utm to test it https://www.attentiontodetailmoving.com/services/free-estimate/?utm_source=Testing&utm_medium=email&utm_campaign=10off&utm_term=relocate please let me know how any suggestions it.

  4. Matteo says:

    Yes, I use W3 total cache just for caching and minify via cloudflare.

  5. Hartmut Schwensen says:

    Can I also add “gclid” or any of the other sources to the salesforce plugin or is limited just to “utm_source”?

  6. Sunder says:

    Hey Mate,

    I am not able to make your plugin work with Active Campaign. I am putting this code that you have mentioned above but when Lead is Registered I am not able to see any extra information apart from Name and Email. Am I missing something?

  7. kính says:

    in Ninja Form

    Custom CSS Classes

    utm_source,utm_campaign

    Do you know writer this right or wrong ?

    If Wrong, how to fix ? tks

    • Haktan Suren Haktan Suren says:

      Hi kinh, I am not sure if I understand your question correctly. If you are using those CSS classes, the fields will be auto-filled with the right UTM parameters. Let me know if this answers your question though.

      • kính says:

        In Ninja Form Custom CSS Classes

        I feel very difficulty when i wrote it

        I write so right (1) or (2)

        1) utm_source,utm_campaign;utm_content

        2) utm_source;utm_campaign;utm_content

        How will you writer the form?

        • Haktan Suren Haktan Suren says:

          Neither of them correct.
          You should create separate fields for each UTM parameters and then use single class name. For example if you created a field for UTM campaign, class name should be utm_campaign.

  8. Manuel says:

    Hi! I love your work, thank you!

    Can you help me integrate it with Caldera Forms?
    Creating a hidden field with the value [utm_campaign] does not work…

    Thanks so much!
    Manuel

Wrap your code in <code class="{language}"></code> tags to embed!

Leave a Reply

E-mail address is required for commenting. However, it won't be visible to other users.

Loading Facebook Comments ...
Loading Disqus Comments ...