[TUTORIAL] How To Track Form Views, Interactions And Submissions

If you’ve wanted to know how well your forms are doing, usually you go with the number of views on that page and form submissions.

What if you could go more granular than that? As a marketer myself, I’ve been interested in knowing how many views the form itself got, as well as interactions. This would provide a much more accurate number of how well the form is performing, compared with just looking at page views and submissions.

Here’s how you can see how many people viewed a form, interacted with it and submitted it, all in one chart using Nocodelytics:


1. Connect Nocodelytics to your Webflow account

Sign up at Nocodelytics.com. Grant access to the site(s) which has the form you want to track and click continue.

Once you return to the app, choose the site that has the form and follow the steps to enable tracking.


2. Add tracking script to your site’s Project Settings

What the script does is it will automatically store each user interaction on your site. This includes form submissions as well as page views, button/link clicks, searches, and even clicks on CMS items.

Copy the script into your site’s Project Settings → Head Code.

Make sure you save and publish your changes. Click Test to verify this step.

script_demo


3. Create a metric to show form engagement

You’ll now see an empty dashboard. All you need to do now is to tell Nocodelytics which form you want to view engagement for.

Click on the “New metric” option in the top right. From the dropdown, select “Form”. Add the ID of the form.

If you’re not sure what the ID is, go to your Webflow Designer, select the Form Block element, click the Settings panel in the top right and you’ll see the ID (if it’s blank, you’ll need to add a unique ID and then publish your changes).

At this point, you can see a chart showing how many views the form got, how many interactions as well as submissions (1 line for each).

Now you have an idea of how many people drop off at each step and the overall conversion rate.

Click “Save to dashboard” if you want to keep this on your dashboard.


3. You did it :tada:

That’s all there is to it!

Now you can focus on making improvements to your form and increasing the conversion rate.

Hopefully you’ve saved some time here with setting up your analytics and found this useful.

Any questions? Just reply below or send an email to sarwech@nocodelytics.com