Insiteful can help you track form entries and more from virtually any web form in just a few clicks. Apart from helping you capture 100% of leads that fill out your forms, our plug-n-play solution also enables you to increase your conversion rate with power-ups (i.e. save & continue later), auto follow-up, and smart insights (i.e. confused / abandoned form fields).
You can track any forms with the usual method for tracking web forms with Insiteful (also included below, for your convenience). However, if you’d like to track a “non-traditional” form with fields that use the shadow DOM, please make sure to read about the additional tracking code for shadow DOM forms to ensure you’re able to track your web forms accurately with Insiteful — nothing complicated, just one additional line!
Want to save lead data from users that start to fill out your forms but don’t finish? It doesn’t have to be tedious. There’s nothing more disheartening than missing out on a potential opportunity due to form abandonment or website drop-offs; Insiteful can help you seal the leaks in your lead forms!
Before you get started with the how-to guide, make sure to complete the preliminary step below:
How to track shadow DOM forms
Certain types of custom forms use shadow DOM elements, which can be tricky to track (regardless of the analytics solution you use). Fortunately, our team has pioneered a 1-line solution to make this simple—
In order to properly track inputs & forms in the shadow DOM, you can simply copy and paste the extra line below after the usual install code:
<script async defer type='text/javascript' src='//a.insiteful.co/dist/track-sa-forms.min.js?' id='insiteful-sa-js'></script>
Thanks to this simple add-on code, you can easily & reliably track shadow DOM form fields using Insiteful by adding just one line: just follow the usual installation instructions then paste the line above, and you’ll be all set!
How to track partial entries & abandonment in your existing forms
- Add your website: Just login to Insiteful & visit the Domains page and add your website where indicated in the screenshot below.
- Install code: Adding Insiteful to your website is as simple as copy and paste: simply add the two codes from the Install page — that’s all there is to it! If some of your inputs are dynamically rendered (ie. hidden / conditional fields) after the page load, copy the the additional tracking code above.
