How to pass UTMs to ActiveCampaign

By Haktan Suren
In Blog
Sep 1st, 2018
0 Comments
463 Views

One of the most repeated questions I get from HandL UTM Grabber community is how to pass UTM parameters to ActiveCampaign. Although there is no straightforward answer and may have several different ways to do it. Here, I’ll give a step-by-step tutorial about the vanilla way – using the ActiveCampaign form. Hopefully, this will be the most informative and generic implementation.

Step 1: Create UTM fields in ActiveCampaign

There is already great documentation for this on ActiveCampaign site. Hence, I’m not going to repeat those steps here. But the key is that you should create the inputs as “Hidden Field”. Although it’s totally up to you about which fields to create, I highly recommend creating the all fields.

The key is that you should create the inputs as “Hidden Field”

Please refer to this page (seciton 1. WPā€™S NATIVE SHORTCODES) to get the name of all the parameters used in HandL UTM Grabber.

ActiveCampaign Custom-Fields For HandL UTM Grabber

Step 2: Create the opt-in form in ActiveCampaign

Again, there is a good documentation on ActiveCampaign site about opt-in form. After you create your form, you can add the custom fields you’ve just added from Step 1 by simply dragging and dropping to the form area just like shown in the GIF below.

And then, click integrate and copy the “Full Embed” code to clipboard.

Step 3: Adding HandL UTM Grabber shortcodes to the Form Embed code

Before you use the form code (copied from Step 2) on your site, we need to make a few changes on the custom field code. It is simply replacing the hidden input field with the HandL UTM Grabber’s input field wrapper code.

Simply change:

<div class="_form_element _field13 _full_width " >
   <input type="hidden" name="field[12]" value="" />
</div>

To:

<div class="_form_element _field13 _full_width " >
   [utm_campaign_i]<input name="field[12]" type="hidden" value="%s" />[/utm_campaign_i]
</div>

You do this for all the custom fields. And you are ready to go šŸ˜€

And then copy the code where ever you want in your WP installations and upon submission the UTM fields will be populated.

Let me know if you have a question using the comment section down below šŸ‘‡.

About the Author

Haktan Suren
- Webguru, Programmer, Web developer, and Father :)

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