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

1. Add the following code to your website directly below your WhatConverts Tracking Script (or email WhatConverts Support at support@whatconverts.com to have the code added for you):

<script type = "text/javascript">
function wc_track() {
      var els = document.querySelectorAll('div[id="_builder-form"]');
      if (els.length > 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);
          });
      }
  }
setTimeout(wc_track, 2000);
</script>

Once added, log in to WhatConverts:

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 non-iframe GoHighLevel form should now be 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

1. Edit the form in GoHighLevel and add a Custom HTML element.
2. In the HTML element, Add your WhatConverts Tracking Script and the code below underneath your Tracking Script:

<script type = "text/javascript">
wc_frame_parent = 'Replace with Website URL(https://www.example.com)';

var els = document.querySelectorAll('div[id="_builder-form"]');
if (els.length > 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);
        });
};
</script>



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

   <script type = "text/javascript">
   wc_frame_target = 'Use the iframe's Name, ID, or Class attribute';
   </script>
   

   Replace the bolded section above with one of the below

   Name: wc_frame_target = '[name=example]';
   ID: wc_frame_target = '#example';
   Class: wc_frame_target = '.example';

Once the code is added:

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

Your iFrame GoHighLevel form should now be 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

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. Add the following code to your website under your WhatConverts Tracking Script:

<script type = "text/javascript">
function wc_track() {
      var els = document.querySelectorAll('div[id="_builder-form"]');
      if (els.length > 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);
          });
      }
  }
setTimeout(wc_track, 2000);
</script>

3. Log in to your WhatConverts profile.
4. Go to "Tracking" from the top menu. Select "Forms" and click "Web Forms".
5. Click the "Add Web Form" button, and select "Manual Setup".
6. Name your form, select Attribute Type: as "Class" and enter Attribute Value: as wc_form.
7. Set up an Alternate Submit button with Attribute Type "Class" and enter Attribute Value as ghl-submit-btn.

Your multi-step GoHighLevel form should now be 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