E-com

ClickFunnels

What’s ClickFunnels?

ClickFunnels is an online tool for building high-converting websites and sales funnels.

How to integrate ClickFunnels with RedTrack?

ClickFunnels is integrated with RedTrack via webhooks. To set up the integration follow the steps below:

1. Connect your RedTrack account with the ClickFunnels account

Expand to see how to connect RT and ClickFunnels accounts

1.1 go to your RedTrack account-> Tools-> Integrations-> Brands:

1.2 scroll down to the section Clickfunnels url webhook-> copy your webhook:

1.3 go to your ClickFunnels account-> navigate to the tab Click Funnels-> Funnels:

1.4 choose the funnel where you need to place the webhook:

1.5 press Settings-> scroll down to the part Webhooks and press Manage You Funnel Webhooks:

1.6 press New Webhook:

1.7 fill in the form with the needed values and press Create Funnel Webhook:

Values to be added:

(1) URL = Redtrack webhook URL (copied within step 1.2 of this guide)

(2) Event = contact_created, purchase_created, purchase_updated

(3) Version  = 1

(4) Adapter = attributes

 

Important!

If you are creating a webhook for the first time in СlickFunnels, there may be an error. In case it pops up, do the following: 

1) Create a test webhook URL = your domain. Move it to the archive.

2) After that, create a webhook for RedTrack.

For more information on how to troubleshoot this error, please click here.

 

2. Add {clickid} value to ClickFunnels

Expand to see how to add {clickid}

2.1 in your ClickFunnels account go to ClickFunnels tab-> Funnels:

2.2 choose the needed funnel-> click on the Edit page button on the preview of the sales page you want to edit:

2.3 once you’re in, navigate to the tab Elements-> Add element-> Form-> drag the Input element to the needed place on the form:

2.4 press Settings to edit the added element:

2.5 fill in the following fields in the Settings window and save the changes:

Values to be inserted:

(1) Input Type  = Custom Type

(2) Custom Type = rtclickid

(3) Placeholder text = {clickid}

(4) Required = Not Required

(5) press the “Hide” icon

 

3. Add an Offer source (aka Brand) to RedTrack

See how to add Brand to RT

3.1 in your RT account go to Brands-> New from scratch:

3.2 give your Brand a Name-> assign the  roles in the Additional parameters section-> press Save:

 

4. Add Offer (aka Web-site) to RedTrack

Expand to see how to add Web-site to RT

4.1 in your RT go to Web-sites-> New:

4.2 fill in the needed fields-> press Save:

 

5. Add the needed Traffic channel to RedTrack.

6. Add a custom tracking domain.

Useful!

Check out the video tutorial as well: Adding a custom tracking domain.

7. Create a Campaign in RedTrack

Important!

Scenarios for your tracking Campaigns in RedTrack may be as follows:

Scenario 1: only unattributed (aka organic) traffic. In which case, one Campaign for your unattributed (aka organic) source is enough.

Scenario 2: several paid Traffic sources (like Facebook or Google or something else) and unattributed (aka organic) traffic. In this case it is crucially important to add these Traffic sources first and then create a Campaign for each source. This will help you to have all the important data in place and grouped correctly.

Expand to see how to act depending on the scenario

7.1 Find more on Facebook and Google integration if you use any of them. If you work with some other paid traffic source, you can search for the integration guide here.

7.2 Add the traffic source for unattributed (aka organic) traffic. To do that:

7.2.1 go to Traffic channels-> New from template-> add the template named Other:

7.2.2 add the name “Other” or “Organic” or anything else you’d like in the Channel name field in order to identify the unattributed traffic from other paid traffic channels:

 

7.3 Create campaigns with each of your sources or traffic. For example, if you have Facebook and organic (the one created in step 7.2), you should create 2 campaigns.

Important!

In most cases your online shop will act as an Offer (aka Web-site), so your Сampaigns will have only this Offer in the Funnel:

 

8. Generate a Universal Tracking Script.

9. Add universal tracking script to GTM

Expand to see how to work with GTM

Note! 

Follow this guide on how to integrate Google Tag Manager (GTM) with RedTrack and the steps below on ClickFunnels-related insights.

9.1 create a 1st party cookie variable: rtkclickid-store

9.2 create 2 types of Tags: 

Essential elements:

  • Tag  = Custom HTML
  • Triggering =  All Elements (All Clicks)

Script:

<script type='text/javascript'>
function setFormClickIdValue(clickid) {
document.querySelectorAll('input').forEach(function(el) {
if (el.placeholder.indexOf('{clickid}')>-1) {
el.value = clickid
}
});
}
function getCookie(name) {
var value = '; ' + document.cookie;
var parts = value.split('; ' + name + '=');
if (parts.length == 2) return parts.pop().split(';').shift();
}
if (getCookie('rtkclickid-store') !== null && getCookie('rtkclickid-store') !== undefined && getCookie('rtkclickid-store') !== 'undefined') {
setTimeout(function(){
setFormClickIdValue(getCookie('rtkclickid-store'))
}, 3000)
}
</script>

Essential elements of the Tag:

  • Tag  = Custom HTML
  • Triggering = All Pages (Page view)

Script:

Insert the universal tracking script which you generated within step 8 of this guide.

9.3 install GTM on the funnel in Clickfunnels:

9.3.1 go to the tab ClickFunnels-> Funnels-> choose the needed funnel:

9.3.2 once you’re in the funnel go to the tab Settings and scroll down a bit:

9.3.3 copy the script from GTM <head> script and place it in the box Head Tracking Code in ClickFunnels-> then copy the universal tracking script (you created within step 8) and place it in the box Body Tracking Code in ClickFunnels and under this script place the GTM <body> script:

9.3.4 once the scripts are added, scroll down this page and press Save And Update Settings to apply the changes:

 

10. Create and match conversion events

Expand to see how to set up conversions tracking

Important!

Here is the list of ClickFunnels events that can be added to RedTrack and easily mapped:

  • Lead– in this event ClickFunnels passes the conversion when the user has filled in and sent his contacts in the form;
  • Purchase– in this event ClickFunnels sends the conversion when the user has paid for the purchase;
  • Upsell– in this event ClickFunnels sends the conversion when the user paid for the upsell. This applies only to forms that ClickFunnels offers for upsells.

10.1 go to RedTrack-> Tools-> Conversion tracking-> Conversion type-> add the needed ClickFunnels events and press Save:

10.2 to match the events in RedTrack go to Tools-> Integrations-> Brands-> scroll down to the sections Clickfunnels event matching and match the events:

10.3 (optional) if the supported events by ClickFunnels are not enough for you, you can add more events via either of 2 ways:

Please follow the steps in the guide Google Tag Manager integration with RedTrack.

1. In ClickFunnels go to the tab ClickFunnels-> Funnels-> choose the needed funnel:

2. On the needed Sales page click Edit page:

3. Go to Settings-> Tracking code:

4. Add this script to the page settings in the tracking code section:

Note!

Remember to change the tracking domain and the event type which you want to track:

<script>
function getCookie(name) {
var value = "; " + document.cookie;
var parts = value.split("; " + name + "=");
if (parts.length == 2) return parts.pop().split(";").shift();
}
var rtCookie = getCookie('rtkclickid-store')
//create request with its properties (you can add to the postback &type=transaction &status= &event= &sum= like in custom image postback)
var request = new XMLHttpRequest();
request.open("GET", `https://tracking.domain/postback?clickid=${rtCookie}&type=ViewContent`)
//optional - to read our response code :create callback for success containing the response
request.success = function(response) {
console.log(response);
};
//optional - to read our response code : and a fail callback containing the error
request.fail = function(error) {
console.log(error);
};
//and finally send it away
request.send();
</script>

 

Related Articles