Hotjar lets you see how users are interacting with forms on your site so you can better visualize what's working or what might be a sticking point. You can track forms in two ways:
- Visualize how users navigate forms using Heatmaps and Recordings
- Track specific interactions with form fields using custom Events
Visualize how users navigate forms using Heatmaps and Recordings
Heatmaps
Heatmaps targeting pages that contain a form can help you understand how users are interacting with that form in several ways:
- Click map: Overall clicks will show you which fields get the most interaction. This can help you identify fields that are not getting much attention and may need to be moved or deleted.
- Move map: Mouse movement can be a good indicator that users are spending a lot of time looking at a specific area and that it may be taking them longer than expected to complete certain fields.
- Scroll map: Scroll depth shows how far users scroll down the page. If a lot of users didn’t scroll down to the submit button, it could be a sign something is stopping them from filling out the entire form.
- Engagement zones: The Engagement zone map combines click, move, and scroll interaction data into one view to let you see which parts of your form users are engaging with most. You can use this to see if a field lower down in the form is getting a relatively high amount of interaction but would likely perform better if it was moved higher up.
- Rage-clicks: Rage-clicks are when users repeatedly click in a certain area or on a specific element of your page over a short period of time. They can help identify things in the form, like a broken Submit button or fields that aren't working correctly.
Learn more about our different types of heatmaps and how to create your first heatmap.
Recordings
Recordings can help confirm these findings and add an extra layer of context by letting you watch users in action filling out forms.
You can look for things like whether users:
- Are filling specific fields more than once.
- Get frustrated when they’re unable to figure out what they should be doing and leave.
- Click in areas you wouldn't expect.
You can help answer these types of questions by analyzing recordings and using session filters like Rage clicks and U-turns. For more tips on this, check out our Recordings Playlist Guide.
Track specific interactions with form fields using custom Events
It is also possible to set up custom Events to track interactions with your form fields. Setting these up will let you:
- Filter recordings and heatmaps by Events.
- Target sessions, surveys, and feedback widgets by Events.
- View Events associated with surveys and recordings in exported CSV/XLSX data.
For example, if you want to know how many users didn't complete the form, you could create an Event to track this and then filter your heatmap or recordings to focus only on those sessions. From there, you could use the same Event to create a survey and target users to ask them directly for feedback on why they may have abandoned the form.
Learn more about setting up Events.
When you implement Events, you’ll likely find a few sets of filter/Event combinations that you’ll want to revisit. You can save these so they are only a click away:
Learn more about how to save heatmaps and recording segments.