> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Connecting Hotjar (Contentsquare) to your website

**Hotjar** is a platform for analyzing user behavior on a website. It is part of the **Contentsquare** ecosystem and helps you understand how visitors interact with your content: which buttons they click, how they scroll through pages, and at which stages they encounter difficulties.

The service provides various analytics tools, such as heatmaps, user session recordings, surveys, and feedback forms.

In this guide, we’ll show you how to connect Hotjar to your website and start collecting data on user interactions.

||| ${color}[#f97700](Important:) This feature is available only for websites with paid subscriptions.

**Contents**:
* [If you’re a new user](#1-if-youre-a-new-user)
* [If you have a Hotjar account](#1-if-you-have-a-hotjar-account)


# If you're a new user

1. [Sign up](https://app.contentsquare.com/signup) or [log in](https://login.contentsquare.com/one) to your **Contentsquare** account.

|| ${color}[#ffa800](Note:) With a free subscription, your account can have only one active Project—in other words, one website to track. If you need to track multiple websites, you’ll need to either create separate accounts for each one or upgrade to a paid subscription, which allows your account to have up to [three Projects at a time](https://support.contentsquare.com/hc/en-us/articles/46668310048401-How-to-create-and-manage-multiple-projects).

2. In your account dashboard, go to the **Get started** section and copy the tag from the **Tag installation** section:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_15cz2rs.png)
3. Next, go to your website’s settings, the **Third-party code** section, and paste the code you copied earlier into the **HEAD** section:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_1b0zm9l.png)
4. Click **Save** and [publish](/en-us/article/publishing-a-site-tgxmch/) the site to apply the changes.
ㅤ
5. Done! To verify the connection, you can return to **Contentsquare** and click **Verify installation**:  in the window that appears, enter the link to your site and click **Verify installation** again.

# If you have a Hotjar account

|| ${color}[#ffa800](Note:) As of now, Hotjar is part of Contentsquare, and new user sign-ups take place there. This setup option is only suitable if you have an active Hotjar account created before the merger of these companies.

1. Log in to your existing [Hotjar](https://insights.hotjar.com/login) account.
ㅤ
2. Click on your profile icon and go to **Organization settings**:

![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_rjt22e.png)
3. Open the **Sites & Organizations** section and click **New site**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_1r2wyeu.png)
4. In the window that opens, enter your site’s information and click **Add site**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_ea2tqj.png)
5. After creating the site, click **Install tracking code** to go to the integration settings:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_19batjn.png)
6. Select the **Install code manually** connection method:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_3h3epo.png)
4. Copy the unique **Site ID** from the new window:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_1xcio5c.png)
5. Go to the **Analytics** tab in your site’s settings and click the **Hotjar** tab, where you’ll paste the **ID** you received into the corresponding field:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_cgg6c7.png)
7. Click **Connect** and [publish the site](/en-us/article/publishing-a-site-tgxmch/) to apply the changes.
ㅤ
8. Done! To verify the connection, you can return to Hotjar and click **Verify installation** in the section where you previously copied the ID: In the window that appears, paste the link to your website and click **Verify installation** again.

You should be redirected to a page listing the sites in your organization. Next to the site to which the analytics are connected, you’ll see a green indicator with the status **Collecting data**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/pidklyuchennya-hotjar-contents_a5c9bx.png)