WhatConverts
Browse Help Center
Browse Help Center
Help Center Lead Tracking Form Tracking
Ninja Form Tracking

Ninja Forms is a Form Creation Tool for WordPress. In this document, we are going to show you how to track Ninja Forms inside of WhatConverts. You will first want to make sure that your WhatConverts tracking script is installed in WordPress.

1On the page where your Ninja Form is located, add the following script above the form:

<script type="text/javascript">
function wc_track() {
var els = document.querySelectorAll("input[id*='nf-field'][type='submit']");
for (var i = 0, l = els.length; i < l; i++) {
var el = els[i];
el.classList.add("wc_ninja_btn");
var form = el.form;
form.classList.add("wc_ninja_form");
}}
setTimeout(function(){ wc_track(); }, 2000);
</script>

2Log into the WhatConverts profile you want to use to track your form. From the top menu, select “Tracking,” “Forms,” and then “Web Forms.

Screenshot of the web forms tracking menu

3Click the “Add Web Form” button and select “Manual Setup.”

4Name your form and set Attribute Type to “Class.” Enter the Attribute Value “wc_ninja_form”.

Screenshot of the correct Ninja form settings

5Where it says, “Is there an alternate Submit button?” select “Yes”. Select Attribute Type “Class.” Enter the Attribute Value “wc_ninja_btn”.

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

Ninja Forms is a Form Creation Tool for WordPress. In this document, we are going to show you how to track Ninja Forms inside of WhatConverts. You will first want to make sure that your WhatConverts tracking script is installed in WordPress.

1Edit your Ninja Form. Click "+" in the bottom right corner to add a new field. Under Miscellaneous Fields, click and drag "Hidden" to your field list. For the Default Value enter "wc_track".

Hidden FIeld in WP

2On the page where your Ninja Form is located, you will need to add the following script above the form:

<script type="text/javascript">
jQuery(document).ready(function() {
setTimeout("jQuery('input[value=wc_track]').parents('form:first-child').addClass('contact-form');", 1000);
});
</script>

Click "Update".

3 Go to the page your form is on, right click the form's "Submit Button" and click "Inspect". Locate the "ID" of the Button and copy it down into a note. For the example below, the ID is "nf-field-14".

Alternate Submit Button

4Log into WhatConverts and select your account and/or profile. Select "Tracking" from the sub menu, and click on "Web Forms" from the left side menu.
WebForms
Click the green "Add Web Form" button, and select "Advanced Integration" from the pop up. Enter a "Form Name" that matches the form that you want to track. Select Attribute Type "Class", and enter the Attribute Type Value as "contact-form". Under Alternate Submit Button section, change the the Attribute Type to "ID" then paste the value copied in the previous step. Click the "Add" button.

Advanced Form Integration

5Navigate back to your website, fill out the form and submit. Return to your WhatConverts dashboard and your form submission will be displayed.

Screen Shot 2017-06-06 at 12.57.21 PM

Troubleshooting Ninja Forms.

If you do not receive a successful form submission and you have followed the above steps, email support@whatconverts.com with the URL (website address) where the form is located. We'll add it for you.

Get a FREE presentation of WhatConverts

One of our marketing experts will give you a full presentation of how WhatConverts can help you grow your business.

Schedule a Demo
ready to get marketing clarity?

Grow your business with WhatConverts

14 days free trial Easy setup Dedicated support
G2 Users Love Us Badge
G2 High Performer Badge
G2 High Performer Small Business Badge
G2 Momentum Leader Badge
G2 High Performer Europe Badge