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.”
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”.
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".
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".
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.
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.
5Navigate back to your website, fill out the form and submit. Return to your WhatConverts dashboard and your form submission will be displayed.
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.
One of our marketing experts will give you a full presentation of how WhatConverts can help you grow your business.
Schedule a DemoAccess lead reports directly in your WordPress Dashboard.