Track GoHighLevel Web Forms

GoHighLevel is an all-in-one marketing platform that includes form builders for lead generation, appointments, and surveys. WhatConverts can track GoHighLevel form submissions using three different methods depending on how your form is deployed: non-iframe forms that appear directly on the page, forms embedded in iframes, or multi-step forms. Each method requires adding custom JavaScript code to properly capture lead data and marketing attribution.

Method 1: Track Non-Iframe GoHighLevel Forms

Use this method if the form appears directly on the page (not embedded in an iframe).

Set Up Non-Iframe GoHighLevel Form Tracking

To track GoHighLevel forms that are not in iframes:

1. Add the following code to your website (or contact WhatConverts Support to have the code added for you):

javascript

  function wc_track() {
      var els = document.querySelectorAll('div[id="_builder-form"]');
      if (els.length & gt; 0) {
          Array.prototype.forEach.call(els, function(el) {
              var wrapper = document.createElement('form');
              el.parentNode.insertBefore(wrapper, el);
              wrapper.setAttribute('class', 'wc_form');
              wrapper.appendChild(el);
          });
          var inputs = document.getElementsByTagName('input');
          for (var i = 0; i & lt; inputs.length; i++) {
              var input = inputs[i];
              if (input.getAttribute('data-required') === 'true') {
                  input.setAttribute('required', 'true');
              }
          }
      }
  }
setTimeout(function() {
    wc_track();
}, 2000);

Once added, log in to WhatConverts:

1. Go to "Tracking" from the top menu. Select "Forms" and click "Web Forms".
2. Click the "Add Web Form" button, and select "Manual Setup".
3. Name your form, select Attribute Type "Class" and enter Attribute Value as wc_form.
4. Click "Finish".

Your non-iframe GoHighLevel form is now being tracked. WhatConverts will capture all submissions from this form and create leads with full attribution data.

Method 2: Track Iframe GoHighLevel Forms

Use this method if the form is embedded inside an iframe.

Set Up Iframe GoHighLevel Form Tracking

To track GoHighLevel forms embedded in iframes:

1. Edit the form in GHL and add a Custom HTML element.
2. Add the WhatConverts tracking script to that HTML element.



3. Add the following code to your website (or contact WhatConverts Support to have it added for you):

   javascript

   	
   if (document.URL.includes('Iframe URL')) {
       wc_frame_parent = 'Customer Website';
       var els = document.querySelectorAll('div[id="_builder-form"]');
       if (els.length & gt; 0) {
           Array.prototype.forEach.call(els, function(el) {
               var wrapper = document.createElement('form');
               el.parentNode.insertBefore(wrapper, el);
               wrapper.setAttribute('class', 'wc_form');
               wrapper.appendChild(el);
           });
           var inputs = document.getElementsByTagName('input');
           for (var i = 0; i & lt; inputs.length; i++) {
               var input = inputs[i];
               if (input.getAttribute('data-required') === 'true') {
                   input.setAttribute('required', 'true');
               }
           }
       }
   }
   
   if (document.URL.includes('Customer page the form is on')) {
       wc_frame_target = 'Use the iframe name, ID, or Class';
   }
   

Once the code is added:

1. Log in to your WhatConverts profile.
2. Go to "Tracking" from the top menu. Select "Forms" and click "Web Forms".
3. Click the "Add Web Form" button, and select "Manual Setup".
4. Name your form, select Attribute Type "Class" and enter Attribute Value as wc_form.
5. Click "Finish".

Your iframe GoHighLevel form is now being tracked. WhatConverts will capture all submissions from this form and create leads with full attribution data.

Method 3: Track Multi-Step GoHighLevel Forms

Use this method if the form includes multiple steps.

Set Up Multi-Step GoHighLevel Form Tracking

To track GoHighLevel multi-step forms:

1. Check if the form is an iframe:
   • If the form is in an iframe, follow the steps outlined in the Method 2: Track Iframe GoHighLevel Forms section above.
   • If the form is not in an iframe, continue to step 2.
2. Log in to your WhatConverts profile.
3. Go to "Tracking" from the top menu. Select "Forms" and click "Web Forms".
4. Click the "Add Web Form" button, and select "Manual Setup".
5. Name your form, select Attribute Type "ID" and enter Attribute Value as _builder-form.
6. Set up an Alternate Submit button with Attribute Type "Class" and enter Attribute Value as ghl-submit-btn.

Your multi-step GoHighLevel form is now being tracked. WhatConverts will capture all submissions from this form and create leads with full attribution data.

Test Your GoHighLevel Form Tracking

After setting up tracking using any of the methods above, verify that form submissions are being captured correctly:

1. Go to the page where your GoHighLevel 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 GoHighLevel form tracking is working properly.

Related Topics

• What is Web Form Tracking?
• Track Web Forms Automatically with the Form Finder
• Track Multi-Step Forms
• Track Iframe Forms