Skip to main content

Set up Hotjar for Nevuto analytics

What is Hotjar?

Hotjar is a behaviour analytics tool that shows you how people actually use your storefront — not just how many visit. Its two flagship features are:

  • Heatmaps: visual maps of where visitors click, move, tap and scroll on each page. Instantly reveals which parts of a product page, homepage or checkout are getting attention and which are being ignored.
  • Session recordings: anonymous playbacks of real visitor sessions — their mouse movements, clicks, scrolls and form interactions. Invaluable for spotting usability problems, abandoned carts, confusing checkout steps and broken UI.

Hotjar also supports on-site feedback widgets and surveys (NPS, exit-intent questions, post-purchase surveys). It complements Google Analytics: GA tells you what happened, Hotjar tells you why.

Hotjar automatically masks sensitive form fields (passwords, credit cards) and respects Do Not Track settings.

How Nevuto handles Hotjar

  • Nevuto injects the official Hotjar tracking code into every page of your storefront as soon as you save the integration.
  • Hotjar's own SDK handles everything after that — heatmap aggregation, session recording, survey triggering, and privacy masking. Nevuto doesn't touch or intercept any of it.
  • You can disable the integration at any time from the admin panel; the script is removed on the next page load and Hotjar stops recording.

Add Hotjar to your Nevuto store

  1. Log in to your Nevuto admin panel.
  2. Go to Settings → Integrations.
  3. Click the Add button next to Hotjar.
  4. Paste your Site ID into the input field (a numeric value like 1234567).
  5. Toggle the status to Active and click Save.

Done — Hotjar starts collecting heatmap data and session recordings from your storefront immediately.

Where to find your Site ID

  1. Sign in to your Hotjar dashboard at insights.hotjar.com.
  2. If you haven't added your storefront yet, click Add new site and follow the prompts.
  3. Open the site you want to track.
  4. Go to Sites & Organizations (from the main menu) or Tracking Code (inside the site settings).
  5. Your Site ID is shown at the top of the page — a purely numeric value like 1234567.
  6. Copy it and paste it into Nevuto's Site ID field.

Test that it's working

  • Open your storefront in an incognito window.
  • Browse around for 30–60 seconds, click a few products, scroll a bit.
  • Back in your Hotjar dashboard, open Recordings — your session should appear within a minute or two. Heatmaps take longer to populate because Hotjar needs multiple sessions to aggregate them.
  • For an instant check that the script is loaded at all, open DevTools → Network tab in your browser, reload the page, and look for a request to static.hotjar.com. If it's there, Hotjar is installed correctly.

Troubleshooting

  • "Hotjar is not configured correctly" on save: the Site ID must be numeric and 3 digits or longer. Paste only the ID, not the full tracking snippet.
  • No recordings appearing: confirm the integration status toggle is Active in Nevuto, the Site ID matches the one in Hotjar, and that you're not hitting Hotjar's free-plan session cap (Hotjar throttles captures once you reach your monthly limit).
  • Heatmaps look empty: heatmaps require a handful of sessions before they show anything meaningful. Give it a day or two of real traffic.
  • Sensitive data showing up in recordings: Hotjar masks form fields by default, but you can force additional masking by adding the data-hj-suppress attribute to any element in your theme. For more, see Hotjar's privacy documentation.
  • Ad blockers: privacy-focused browsers and extensions block Hotjar by default. Test in a clean incognito window.

Related articles