Track ClickFunnels Web Forms

ClickFunnels is a landing page and sales funnel builder that lets you create high-converting pages with built-in forms. Because ClickFunnels forms use a unique structure, WhatConverts requires manual setup with custom JavaScript code to track form submissions. This ensures all ClickFunnels form data is captured with complete attribution.

Set Up ClickFunnels Form Tracking

ClickFunnels form tracking requires three steps: finding your form ID, adding custom code to your page, and configuring manual tracking in WhatConverts.

Step 1: Find Your ClickFunnels Form ID

1. Go to your ClickFunnels landing page in your browser.
2. Right-click on the form and click "Inspect".
3. In the browser's developer tools, look through the HTML to find the form's ID attribute.
4. The ID will begin with "col-" (e.g., col-full-391).
5. Copy this ID and paste it into a notepad for use in the next step.

Step 2: Add Custom Code to Your ClickFunnels Page

1. Open your ClickFunnels page editor.
2. At the top of the editor, click "Settings".
3. Click "Tracking Code".
4. In the "Footer Code" section, first paste your WhatConverts tracking script (if it's not already on the page).
5. Below the WhatConverts tracking script, paste the following code:
   javascript

   
   <script type="text/javascript">
   $( document ).ready(function() {
     $('#COPIEDFORMIDHERE').wrap('<form class="contact-us"></form>');
   });
   </script>
   

6. Replace COPIEDFORMIDHERE with the form ID you copied in Step 1 (e.g., #col-full-391).



7. Click "Save" to save your ClickFunnels page settings.

Step 3: Configure Manual Tracking in WhatConverts

1. Go to your WhatConverts dashboard.
2. Click "Tracking" in the top menu.
3. Select "Forms" then click "Web Forms".
4. Click "+ Add a Form".
5. Choose "Manual Setup".
6. In the "Form Name" field, enter a descriptive name (e.g., ClickFunnels Contact Form).
7. For "Attribute Type", select "Class" from the dropdown.
8. For "Attribute Type Value", enter contact-us.
9. Scroll down to "Is there an alternate Submit Button?" and select "Yes".
10. For the alternate submit button "Attribute Type", select "Class".
11. For the alternate submit button "Attribute Type Value", enter elButton.
12. Click "Finish".

Your ClickFunnels form is now configured for tracking. WhatConverts will capture all submissions from this form with full attribution data.

Test Your ClickFunnels Form Tracking

After setting up tracking, verify that form submissions are being captured correctly:

1. Go to the page where your ClickFunnels form is located.
2. Fill out the form with test information and submit it.
3. Return to your WhatConverts profile and view your form leads.
4. Find the test form submission and check its data.

If your test lead appears correctly, your ClickFunnels form tracking is working properly.

Related Topics

• What is Web Form Tracking?
• Track Web Forms Manually
• Track Unbounce Web Forms
• Track OptinMonster Web Forms
• View Your Web Form Leads