Skip to main content

Analyze Heyflow events with Hotjar

Learn how to integrate Hotjar to get detailed insights into user behavior, with session recordings and heatmaps that reveal how visitors interact with your funnels.

Updated today

⭐ Available in the following bundle: Insights Bundle (incl. in Scale)

⭐ Available on the following plans: Pro, Agency, Business

👀 Not sure which plan you're on? Check your subscription here.

Hotjar is a behavior analytics and user feedback tool that helps businesses understand how visitors interact with their website and improve user experience.

Connect Heyflow with Hotjar to send event and user data from Heyflow directly to your Hotjar account. This helps you to understand how users interact with your funnel and optimize your funnels based on real-user insights.

With Heyflow's Hotjar integration, you can:

  1. Send Heyflow event & user data directly to Hotjar
    Send events and user behaviour from Heyflow straight into your Hotjar Manager account — no coding or external tools needed.

  2. Track user interactions with heatmaps
    Visualize how users engage with your funnel using Hotjar’s heatmaps.

  3. Record sessions to understand user behavior
    Capture individual user sessions to see exactly how visitors navigate your funnel and identify areas for improvement.


Setup

  1. Within your heyflow, go to “Connect” and then to the tab “Tracking”

  2. Click on Hotjar and insert your Site ID.

  3. Click on Connect and publish your flow again.

  4. Optional: In Hotjar, verify if Hotjar is capturing data by inserting your domain and click on Verify installation.

  5. Congratulations, your heyflow is now connected to Hotjar!

🔎 Where to find your Site ID in Hotjar?

Follow the instructions below, to get all necessary information for the integration.

  1. Login to your Hotjar account.

  2. If you're using Hotjar for the first time, you can find the Site ID on the top right:

  3. If you’ve already been using Hotjar, you should head over to Organizations Settings (on the upper right in your account), then click on Organizations and sites (on the top left), and choose + New Site or find the desired ID in the list:


Troubleshooting

I'm receiving double events

If you're seeing duplicate pageview events in your Hotjar reports when using Heyflow, it's likely related to how Hotjar handles Single Page Applications (SPAs) like Heyflow.

Why is this happening?

Heyflow is a Single Page Application (SPA). This means flow steps (pages) load dynamically without a full page reload or URL change - specifically, the URL after the # symbol (called a fragment) changes, but Hotjar doesn't treat that as a new page by default. To ensure Hotjar tracks each flow step as a separate page, we're manually triggering page events using the Hotjar SPA API.

❗ However, there's a catch: If you've already customized your Hotjar settings to track fragment changes, and you're now using our new integration that manually sends events, you might see double pageviews - one triggered by your custom setup and one by Heyflow’s tracking.

How to Fix It

  1. Check your Hotjar configuration:
    Go to your Hotjar site's settings and ensure that you haven’t enabled fragment tracking or added custom JavaScript to track page changes.

  2. Use one tracking method only:

    • If you’re using Heyflow's built-in Hotjar support, there’s no need to manually modify the Hotjar script or enable fragment tracking.

    • If you've previously customized Hotjar yourself, we recommend removing those changes to avoid conflicts.

💬 If you're having any other issues with our Hotjar integration, please contact the support.

Did this answer your question?