HandL UTM Grabber: Integrations

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

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

    • SJ Tan says:

      Thats amazing. Really glad to know that I dont have to use google tag manager to do so.

      However, may i know if it can be integrated with CF7 Google Sheet Connector? I need all the information to be tabulated in Google Sheets. I can pull all “[name]” information but not [utm_source], [utm_medium] etc..

  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

  13. tal says:

    I have the same isue like imedia
    there is any news for new version of ninjaform?

  14. LDL says:

    hello, thanks for the plugin, I was wondering if there’s any way I can take the captured GCLID and create a QR code with it so that I can send the QR code as a response to the filled form. With that the client can come in store and I can easily scan it and import it as a conversion in adwords. Thank you!

  15. AD says:

    Hi,

    i’m using gravity forms on my site and have added hidden fields with the UTM variables in them. When i submit though, the variable details do not show up in my entries. Can you please help here?

    https://www.hingepoint.com/contact-hingepoint-dallas-systems-consulting/

    Thanks,
    AD

    • Haktan Suren Haktan Suren says:

      After testing the URL, I confirmed, `utm_campaign` field was not created in the COOKIE. This problem might be related with the caching, are you using any caching plugin that removes the arguments in the URL? or do you use WP Engine? Please also consider to join our slack channel for better/easier support.

  16. Hi,

    Can handl_original_ref and handl_landing_page be captured as well by using the shortcode in Contact Form 7? I tried it and other fields like gclid, utm_source, etc. gets captured but not the landing page and original ref. Thank you.

  17. […] on your Contact Form 7 plugin in WordPress? You are at the right place… If not, please check Handl UTM Grabber Integrations/ page for other plugin (e.g. Gravity Form, Ninja Form and more) […]

  18. Scott says:

    Hi, Thanks for the plugin!

    I have implemented your plugin on this site https://www.alwaysbestcare.com/franchising/ to capture our PPC campaign lead data. The site uses WordPress and ContactForm7.

    The problem is that it’s not pulling the UTM data into the emails.

    Here is what I have in the form…

    [text* fname placeholder “First Name”]
    [text* lname placeholder “Last Name”]
    [email* email placeholder “Email Address”]
    [tel* phone placeholder “Telephone Number”]
    [text* zip placeholder “Desired Zip Code”]
    [recaptcha id:cont-captcha class:cont-form-capt]
    [utm_source_i][/utm_source_i]
    [utm_medium_i][/utm_medium_i]

    [submit class:btn “SUBMIT”]

    Here is what I have in the “Mail Message Body”…

    Hi

    First Name: [fname]
    Last Name: [lname]
    Email: [email]
    Phone: [phone]
    Zip: [zip]

    Campaign Source: [utm_source]
    Campaign Medium: [utm_medium]

    Am I missing something here? Any help you can provide would be appreciated.

    Thanks.
    Scott

  19. Nazrin Noorzan says:

    Anyone have try it with wpforms?

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