HandL UTM Grabber: Integrations

By Haktan Suren
In Blog
Apr 10th, 2016
40 Comments
3494 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 :)

40 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.

          • imedia says:

            Hi Haktan,

            I’m using the latest version of ninja forms plugin for wordpress(3.1.6). After creating the hidden fields for utm parameters,I expanded the field settings and not able to find the Advanced Settings/Custom CSS Classes option under each hidden field. There are only Label section and Administration section with Field Key and Admin Label. Is there an add-on I need to use or I need a different version of ninja forms? If the Advanced Settings is somewhere else could you let me know where or send a screenshot. Thanks for your help!

          • Haktan Suren Haktan Suren says:

            Hi there,
            You do not need any add-on. This is what I see on my end (tested with the latest version as well)

            Let me know,

          • imedia says:

            Thank you for your response. It looks like the current instruction is for Ninja Forms version 2.9x. In version 3.1.6, the field options are completely different (see http://imgur.com/a/I0Iww). Could you let me know if there is a work around for this or if you could update the HandL UTM plugin for ninja forms version 3.x. Thank you so much!

  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

  9. Rob Yorke says:

    Hi,

    I’ve dropped this into my platform and it’s capturing the obvious things like gclid landing page, ip etc but none of the utm information sich as capmain, keyword etc.. Do you know where I can look to open this up into WordPress?

    Thanks

  10. Hung Le says:

    Hello,

    I have error with plugins

    PHP message: PHP Warning: Missing argument 4 for handl_utm_nav_menu_link_attributes() in public_html/home/wp-content/plugins/handl-utm-grabber/handl-utm-grabber.php on line 171

    Can you guide me fix that?

    Thanks you

  11. Nick says:

    I’ve mentioned this on the Slack channel, but a Mautic Form solution would be great please!

    Thanks

    Nick

  12. Nick says:

    Hi Haktan,

    I have had no response on Slack. Any ideas? I am using this with Thrive Leads

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 ...