Join 20,000+ other marketers and start getting marketing clarity

Subscribe to our newsletter and get proven marketing strategies for growing your business.

Related Integrations

Forms Caldera Forms

Last update on July 22, 2022

Chat Zoho SalesIQ

Last update on July 25, 2022

CRMs Pipedrive

Last update on July 22, 2022

Help Center ▸ Lead Tracking ▸ Form Tracking

Cognito Form Tracking

Note: Add the WhatConverts tracking script to your site if you have not already done so.

1On the page you would like to place your Cognito Form, use the "Seamless" method to embed the form.

2On the same page where your Cognito Form is embedded, add the following script after the form on your page.

<script type="text/javascript"> 
function wc_track() {
var el = document.querySelector("[role='form']");
var wrapper = document.createElement('form');
el.parentNode.insertBefore(wrapper, el);
wrapper.classList.add("contact-form");
wrapper.appendChild(el);
}
setTimeout(function(){ wc_track(); }, 4000);
 </script>

3Log into the WhatConverts profile you want to track your Wufoo form in. Select "Tracking" from the top menu. Select "Forms" and click "Web Forms".

4Click the"Add Web Form" button, and select "Manual Setup". Name your form, select Attribute Type "Class" and enter Attribute Value as "contact-form". Click the "Finish" button.

5Go to your website where the Cognito Form is located. Fill in the form and submit a test lead.

Go back to your WhatConverts Profile. Click "Leads" in the top menu. Under the Lead Manager review your test form submission.

Click "View Lead" to view the full Lead Details.

If you have any questions, please contact us here: Contact WhatConverts Support or email support@whatconverts.com

Follow these simple steps to track Cognito Forms web forms in WhatConverts.

Add the WhatConverts Tracking Script.

If you haven't already added your WhatConverts tracking script to your website, install your tracking script.

Embed and Add a Form Class to your Cognito Form

1On the page you would like to place your Cognito Form, use the "Seamless" method to embed the form.

2On the same page where your Cognito Form is embedded, add the following script after the form on your page.

<script type="text/javascript"> 
function wc_track() {
var el = document.querySelector("[role='form']");
var wrapper = document.createElement('form');
el.parentNode.insertBefore(wrapper, el);
wrapper.classList.add("contact-form");
wrapper.appendChild(el);
}
setTimeout(function(){ wc_track(); }, 4000);
 </script>

Setup the Cognito Form in WhatConverts.

1Login to WhatConverts and select your account and/or profile. If you have only one profile this will be selected automatically.
2Select "Tracking" from the left side menu and then click on "Web Forms".

3Click the green "Add Web Form" button, and select "Advanced Integration" from the pop up.

4Enter a "Form Name" that matches the form that you want to track.
5Select Attribute Type "Class".
6Under Attribute Type Value type "contact-form" and click "Add"

Test the form

Test your form by fully refreshing the page your form is on (Ctrl + F5 on Windows), filling in the form on your website and submitting; return to the WhatConverts dashboard and refresh the dashboard.
The new form submission should appear in your dashboard now.