Note: Projects have been renamed to Workspace. Functionality stays the same.

Get your base script from project settings

Each project has its own script in "Project Settings" 

The script will look like this:

<script type="text/javascript"> (function(funnel) { var insert = document.getElementsByTagName('script')[0], script = document.createElement('script'); script.addEventListener('load', function() { window.funnelytics.init(funnel, false); }); script.src = 'https://cdn.funnelytics.io/track.js'; script.type = 'text/javascript'; script.async = true; insert.parentNode.insertBefore(script, insert); })('YOUR PROJECT ID'); </script>

Just be sure to replace YOUR PROJECT ID with your actual project ID.

Install the base script into the global BODY TRACKING CODE field

Each funnel has global settings that will be applied to every step in the funnel. Adding the script to this one field will add it to every step.

In addition to the base script, add the following event tracking script to the body tracking code.

<script src="https://cdn.jsdelivr.net/gh/Stockotaco/clickfunnels-tracking@v1.2.2/master_script.min.js"></script>

Version number updated on 4/21/2020

Declare a pageType on each step of the funnel in the head

Every page that has a form or the ability to make a purchase needs to have a pageType declared.

Webinar pages, thank you pages, and pages with just a button, don't require the pageType declaration if there's not a form or purchase option.

Optin pages need to have a formTitle declared as well. The value for the formTitle can be anything you want. You customize it.

Declare the page type on each corresponding page:

<script>
let pageType = "single-step"
</script>
<script>
let pageType = "multi-step"
</script>
<script>
let pageType = "addon"
</script>
<script>
let pageType = "addon-multiple"
</script>

On an optin page, declare the pageType and formTitle

<script>
let pageType = "optin"
let formTitle = "YOUR FORM TITLE"
</script>

Again, you can customize what the value of formTitle will be.

Descriptions:

single-step

represents an order form page where the user inputs all the required fields in a single form.

multi-step

represents an order form page where the user inputs their contact details on one form but their billing details on a different form. Both forms are on the same page though. In Funnelytics you can have 1 action that represent the optin on the first step, and another action that represents the purchase of the main product with/without the bump.

optin

represents a page where the user submits a form but no payment or checkout information is taken. The way to define these in a Funnelytics advanced action is by adding the formTitle that you declared earlier.

addon

represents a page that is either an upsell or downsell and only 1 product can be purchased. There can be 2 different products on the page but they cannot be purchased simultaneously. It's either one or the other.

addon-multiple

 represents a page that is either an upsell or downsell and multiple products can be purchased simultaneously. This is not common. The way to define these in a Funnelytics advanced action is by specifying the productId.

Before Moving On

By the end of this article you should have the following:

  • In the global body tracking field: 2 scripts. The Funnelytics base script and the event tracking script.
  • On each individual page: 1 script declaring the pageType. If it's an optin page, you need to have the formTitle declaration in addition to the pageType declaration.

Next Steps

Once you have the right scripts installed and your pageType/formTitle declarations on each page individually, let's go over how to map out each of these different actions inside of Funnelytics.

If you have any questions or need further clarification with installing your script, remember to reach out to our support team anytime by clicking the support icon in the bottom-right corner of your dashboard, or emailing us at support@funnelytics.io we are always ready to assist you!

Did this answer your question?