Read Time

0

min

Read Time

0

min

Insights

Nov 22, 2025

How to add Hotjar to the Framer site

This guide provides step-by-step instructions on how to add Hotjar to a Framer site. Hotjar is a web analytics tool that helps improve UX by analyzing user behavior and collecting feedback.

Framer Logo for Blog Authors

Uploaded by

Profile of Blogger Kim Yejeong

Translated by

A blog thumbnail on how to add Hotjar to a Framer site, explaining the installation process and usefulness of the website analytics tool Hotjar.
A blog thumbnail on how to add Hotjar to a Framer site, explaining the installation process and usefulness of the website analytics tool Hotjar.
A blog thumbnail on how to add Hotjar to a Framer site, explaining the installation process and usefulness of the website analytics tool Hotjar.

Contents

Table of Contents

What is Hotjar?

Hotjar is a website analytics tool used for analyzing user behavior and collecting feedback on websites. It provides features like heatmaps, session recordings, and surveys to visually understand how users interact with a website. Being a very useful site for UX improvement, we hope you can make good use of it through this course.

How to Add Hotjar to a Framer Site

1. Set Up a Hotjar Account

  1. Log in to your Hotjar account.

  2. On the Sites page, enter and add the main URL of the site you want to analyze.

Hotjar 계정을 설정하는 화면입니다.

Note: Be sure to include https:// when entering the main URL of the site you want to analyze.

2. Copy the Tracking Code

  • Once the site is registered, copy the tracking code provided by Hotjar.

3. Add the Tracking Code to Framer

  1. Open your Framer project.

  2. Navigate to General Site Settings.

  3. In the Custom Code section, paste the entire code you copied at the beginning of the <head> tag.

Framer에 트래킹 코드에 추가하는 화면입니다.

4. Save and Publish the Site

  • After pasting the code, click Save and republish the site.

5. Verify Installation

  1. Go back to Hotjar and click the Verify Installation button.

  2. When a browser window opens to verify if Hotjar is properly installed, click allow.

Once the installation is complete, Hotjar will start collecting data from the moment visitors start using the site. Note that it may take up to 60 minutes for results to appear on the dashboard.

If you follow the above method and still encounter problems, you can contact the support team through the Framer Contact page.

Frequently Asked Questions (FAQ)

Q. Is Hotjar free to use?

  • Yes. Hotjar offers a free plan that allows you to use basic features within a limited scope.

Q. I installed Hotjar on Framer but data doesn't appear immediately. Is that normal?

  • Yes. Since data is accumulated as visitors come in, there may be a delay of up to 60 minutes before the first record appears.

Q. Does Hotjar automatically analyze A/B test results?

  • No. Hotjar itself does not have A/B test analysis functionality, and you must use methods like session replays to directly interpret user behaviors.


This article is a translation and adaptation of the Framer official blog’s ‘Adding Hotjar to your site’ content.

Share Blog

Share Blog

Share Blog

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

Any expert capable of Framer outsourcing can apply.
We connect experts and clients directly, with no intermediary fees.

Become a
Framer Expert

If you are an expert available for Framer freelance work,
anyone can apply.
No intermediary fees, we directly connect
experts and clients.