The HOTSAUCE agenda is live! Join us in NYC Nov. 2–3. Tickets 50% off using the code 2HOT

Learn / Blog / Article

Back to blog

Start collecting data fast with these easy Hotjar integrations

Whatever your tech stack looks like, Hotjar can slot right in.

Keep reading for an overview of our range of integrations to get Hotjar up and running in your business—so you can start collecting user behavior insights wherever and however they’d be most useful.

Hotjar product updates

Last updated

15 Aug 2023

Many classic tools connect to Hotjar directly:

And you can hook up hundreds more with the ‘connector’ tool Zapier or via the Hotjar API: 

Hotjar would look great in your tech stack 👀

Get user behavior insights on any site, with or via a product you already use.

If your site is hosted on any of the platforms below, these integrations will help you set Hotjar up in a couple of minutes, without a developer. 

  1. WordPress

  2. Shopify

  3. ClickFunnels

  4. Wix

  5. Drupal

  6. Adobe Commerce

  7. Squarespace

1. WordPress

What it’s for: WordPress is the world’s most popular content management system (CMS)—the platform behind about 33% of the web. 

Integrating Hotjar enables you to collect data on how visitors behave on your WordPress site, helping you build the site your users want and optimize for success.

  • Spot (and fix) WordPress bugs. Chances are, your WordPress theme regularly gets security and feature updates, which can lead to errors on your site. Catch them with session recordings of frustrated users and heatmaps of rage clicks

  • See how users behave on your key pages. With tools like Heatmaps, see what users pay attention to and click on. Then, redesign pages to prioritize information they care about and improve your WordPress site

  • Get feedback from users with on-page surveys. Ask your users what you need to know to delight them, and watch as your engagement and conversions improve. 

👉 How to install Hotjar on WordPress

2. Shopify

What it’s for: Shopify is an ecommerce platform powering over 800,000 businesses globally.

Integrate Hotjar to collect data on how users behave on your site and determine which changes would encourage more of them to become customers. 

  • Track user behavior on your storefront. Watch session recordings to see what users pay attention to when they first land on your site, and whether it’s what you want them to see. 

  • Create post-purchase surveys to ask customers directly why they decided to buy from you—and use this information to develop highly targeted ad copy 

  • Find elements that prompt or discourage conversion to learn which design changes might lead to more sales

👉 How to install Hotjar on Shopify 

3. ClickFunnels

What it’s for: ClickFunnels allows you to create sales funnels that help you gather sales leads, collect email addresses, and ultimately sell more products. 

Connect Hotjar to ClickFunnels, and you’ll get valuable insights into how users interact with the various steps of your sales funnel. 

  • Watch session recordings of users passing through your sales funnel and analyze their behavior to see if they get stuck anywhere 

  • Understand what users pay the most attention to in your sales funnel using Heatmaps. This helps you optimize a page’s information hierarchy and get buy-in for a potential redesign.

  • Set up a feedback widget to collect users’ opinions on funnel pages. Use Hotjar’s Feedback tool to offer users a space to explain what works for them, and what doesn’t. 

👉 How to install Hotjar on ClickFunnels

4. Wix

What it’s for: Wix is a content management platform that lets you build websites with easy drag-and-drop tools. 

Enable Hotjar’s Wix integration to collect data on user behavior on any Wix site with a connected domain (i.e. a web address).

  • Use Hotjar Heatmaps to see what users pay attention to on your Wix site. Users ignoring important information and CTAs? You now know you need to redesign the page to smooth users’ paths to conversion. 

  • Set up on-page surveys to ask users directly what they think of your site, and how it could be more seamless for them

  • Identify bugs faster by using Hotjar to collect data on rage clicks—repeated clicks to the same element that usually indicate frustration

#Rage click maps can flag bugs and moments where your UX needs some love
Rage click maps can flag bugs and moments where your UX needs some love

👉 How to install Hotjar on Wix

5. Drupal 

What it’s for: Drupal is an open-source content management framework with over 1.37 million members. 

A third-party developer created a Hotjar installation module for Drupal, which you can use to set up Hotjar on your site fast and start gathering important user behavior insights. 

  • Understand user behavior on the path to conversion. Hotjar Recordings allows you to watch back videos of your users’ cursor movements, so you can get a sense of what encouraged them to do business with you, and what might’ve stood in their way. 

  • See what grabs users’ attention on landing pages using Heatmaps, and ensure all your important information is in the best possible place to be seen 

  • Set up user feedback surveys so you can ask the people who matter most what they love about your Drupal site, and what—if anything—they’d like you to do differently

#Watch recordings of users interacting with your conversion flow to understand the UX factors behind drop-offs
Watch recordings of users interacting with your conversion flow to understand the UX factors behind drop-offs

👉 How to install Hotjar on Drupal

6. Adobe Commerce (formerly Magento) 

What it’s for: Adobe Commerce is an ecommerce platform many businesses rely on for running their B2C and B2B operations. 

The Hotjar integration for Adobe Commerce gives you an overview of how users behave on your ecommerce site, so you can encourage more of them to convert. 

  • Identify the reasons for drop-offs by watching session recordings of users’ mouse movements as they move through your conversion funnel. You’ll learn what needs to change to increase your sales. 

  • Understand what users pay attention to on your landing and product pages with Hotjar Recordings and Hotjar Heatmaps. These tools help you spot design tweaks to improve your conversion rates.

  • Set up post-purchase surveys to understand why customers buy from you, and leverage this information to make your sales and marketing copy more effective 

👉 How to install Hotjar on Adobe Commerce 

7. Squarespace 

What it’s for: Squarespace is a simple CMS used to make websites, register a custom domain name, and even sell products. Hotjar’s integration with Squarespace makes it easy to see how users behave on your website.

  • Set up a feedback widget directly asking users if anything about your site could be better for them 

  • Analyze user behavior on your landing pages by examining Heatmaps data showing what users engage with. This can help you identify which changes might increase conversion or engagement.

  • Watch recordings of users on your site to understand whether your typical customer journey is smooth, or whether you could organize information more intuitively

 👉 How to install Hotjar on Squarespace 

6 more website builders with Hotjar integrations

Have another website builder in mind? Here are six more with Hotjar integrations. Click the links below to view the benefits, use cases, and installation instructions for each integration on our Help Center.

  1. HelpDocs

  2. Weebly

  3. Smarty Templates

  4. Instapage

  5. PrestaShop

  6. Joomla

A secret bonus way to install Hotjar on any site: use Google Tag Manager 

If you scrolled all the way down that list looking for your website builder and didn’t find it, or if your site is custom-coded, don’t worry—there’s another way to install Hotjar quickly and easily. If you’re already using Google Tag Manager to install, store, and manage marketing tags, you can also use this program to add Hotjar to your site. 

Installing Hotjar on your site using Google Tag Manager allows you to 

  • Conduct surveys of users on your site triggered when they land on particular pages, or when they take particular actions, such as navigating away from your site or buying a product

  • Watch recordings of users’ behavior as they complete—or drop out from—your most important flows. See your site through your users’ eyes, and learn whether your conversion flow is as seamless to them as it appears to you. 

  • Examine what users pay attention to on your landing pages using click maps—a type of heatmap available in Hotjar Heatmaps. This can help you spot whether your pages are working hard enough for you, or if you should change the design to make important information stand out.

#In Hotjar’s click maps, highlighted areas show you the most common places for users to click
In Hotjar’s click maps, highlighted areas show you the most common places for users to click

👉 How to install Hotjar using Google Tag Manager 

11 products with Hotjar integrations (and more) 

If you use any of the popular apps below, connect them to Hotjar in a few simple clicks. This way, you’ll bring user behavior insights into more of your day-to-day conversations, and foster the kind of user-centric culture that leads to customer delight. 🙌

  1. Slack

  2. Microsoft Teams

  3. Google Analytics 

  4. Mixpanel

  5. HubSpot

  6. Unbounce

  7. Contentsquare

  8. Optimizely

  9. Segment

  10. Jira

  11. Omniconvert 

1. Slack 

What it’s for: Slack is a messaging app for teams to chat with one another, share files, and stay up-to-date on project news (and e-meet one anothers’ pets, of course). 

Hotjar’s Slack integration allows you to get insights from Feedback, Recordings, and Surveys sent to your Slack workspace, ensuring you make the most of your Hotjar account.

  • Create a culture of user-centricity. Say the whole team gets a Slack notification of a new recording featuring user frustration, or a new feedback response with a negative score. You’ll all gain a deeper understanding of your users’ pain points and struggles, as a team, giving you the push you need to make your product an even better fit for users. 

  • Share and comment on recordings with your team—because it’s so much easier to remember to watch new recordings if they’re available on a platform you spend hours on every day

  • Respond to bugs fast. Hotjar’s survey responses and frustration signals help you flag errors on your site. If you send this data straight to Slack, you’ll be aware of bugs as soon as your users are. 

👉 How to integrate Hotjar with Slack

2. Microsoft Teams 

What it’s for: Microsoft Teams is a messaging app for co-workers to stay aligned, collaborate without constant meetings, and most importantly, share memes. 

Integrating Hotjar with Teams gives valuable user behavior insights visibility across your team. Get your Hotjar survey responses, recordings, and feedback sent directly to a dedicated Teams channel for easier access. 

  • Only see relevant Hotjar data. Cherry-pick which Hotjar data pings in your Teams channels, so it remains a useful reminder of your users’ experiences rather than a distraction.

  • Keep the team motivated with positive user feedback. Sending this data straight to Teams makes it super visible, so you can celebrate your wins together. 

  • Make sure valuable insights don’t get lost. With so many competing priorities, it’s easy to miss critical UX issues and bugs when they’re flagged in Hotjar. The Teams integration means your updates are sent to a convenient and visible place. 

👉 How to integrate Hotjar with Microsoft Teams

3. Google Analytics

What it’s for: Google Analytics (GA) is Google’s tool for tracking user data on your website—from essential statistics like traffic numbers and bounce rate to events like button clicks and signups. 

For understanding how users behave on your site, Hotjar and GA are a real power couple. 

GA offers quantitative data: it can tell you how many users are clicking and on what. Hotjar offers qualitative data: insights into why these users behave as they do. Bring them together, and you’ll have all the information you need to delight—and convert—your users.

  • Filter your Hotjar data by GA events. This allows you to, for example, identify recordings of users actively converting (if conversions are a GA event for you), so when you sit down to watch Hotjar recordings, you know which are the most relevant ones. 

  • Trigger Hotjar surveys to appear when a GA event takes place. For example, you can set a survey to appear when people sign up for your service, asking what motivated them to join you.

  • Identify bugs faster. If GA tells you that a particular page had a dramatic drop-off in conversions or traffic, use Hotjar’s tools to identify which element contains the error.

👉 How to integrate Hotjar with Google Analytics

4. Mixpanel

What it’s for: Mixpanel is an analytics platform to track user interactions with your site or mobile application. 

Mixpanel and Hotjar are a powerful pairing for building a full picture of your customer behavior. Get your hard numbers on what users are doing from Mixpanel, and the behavior insights on why they’re doing it from Hotjar. 

  • Ask for feedback at the right moment. Trigger Hotjar surveys to appear when a specific Mixpanel event happens—such as when a user converts or completes another key action on your site. 

  • Investigate why users drop out of conversion funnels. You can filter your Hotjar Recordings and Heatmaps data by specific Mixpanel events, including crucial steps in your conversion funnel. This allows you to understand what happened the moment before a user decided to say no to your offer. 

  • Understand the details of new bugs as soon as your users do. When you notice something in Mixpanel that might flag an error—say, your traffic or clickthrough statistics—use Hotjar to watch recordings of what’s happening from your users’ perspectives. 

👉 How to integrate Hotjar with Mixpanel 

5. HubSpot 

What it’s for: HubSpot is a customer relationship management (CRM) platform with tools to manage your sales, marketing, and content management, all in one place. 

The Hotjar integration for HubSpot allows you to cross-reference your Hotjar recordings with information you already have about leads, prospects, and customers. You can see where users in your HubSpot database clicked, their responses to surveys, and whether they showed signs of frustration or confusion. 

  • Trigger marketing flows based on user behavior. Create HubSpot lists based on Hotjar data, and use them to automatically trigger actions. For example, you can create a list of customers who have recently rage clicked on your site (and so might be at risk of churning), and send them invites to speak to their account manager. 

  • Help your sales team prepare better for calls. Use Hotjar Recordings to see which pages prospects browsed on your site. With this information, you may be able to tell which products your leads are interested in before a sales call so your team can come prepared, and close deals faster. 

  • Make your Hotjar insights more visible. If your marketing team already spends a lot of time in HubSpot, sending your Hotjar Recordings, Heatmaps, and Surveys data to the platform can help them remember to make the most of it—and keep the user experience top of mind. 

👉 How to integrate Hotjar with HubSpot

6. Unbounce 

What it’s for: Unbounce is a landing page builder that helps you give site visitors a fantastic first impression and encourage them to convert. 

Connect Hotjar to your Unbounce landing page for a whole suite of tools to help you understand how your visitors behave.

  • View recordings and heatmaps for A/B tests so you can understand why your highest-converting variant performs so well, and use those insights to refine it even further

  • Run Hotjar surveys during A/B tests and ask your users directly what they like about your landing page—and what they don’t

  • Optimize your landing page faster. A/B testing involves making small changes and measuring what works. When you get qualitative insights into why something works, you can skip a few rounds of “Why don’t we just try this?” and find the winning version of your landing page faster. 

👉 How to integrate Hotjar with Unbounce

7. Contentsquare

What it’s for: Contentsquare is a digital experience analytics tool for enterprises and big brands to understand user behavior on their site. If you think that sounds similar to what Hotjar does, you’re not wrong! They're our sister company

Contentsquare and Hotjar integrate beautifully to provide a 360-degree view of how users behave on your site. 

  • Match up Hotjar survey responses to session replays created in Contentsquare. If a user answers a pop-up survey with a detailed rant about your site’s UX, go into your Contentsquare account and find a recording of this user’s last session to understand what happened. 

  • Build Contentsquare segments using Hotjar data. For example, if you sent out a Hotjar survey asking customers whether they’d buy your product again, you could create a Contentsquare segment with all of the ‘Yes’ respondents. Use this list to study happy customers’ behavior.

  • Understand bugs faster. If a user replies to a Hotjar survey saying they experienced an error, you can find their session replay in Contentsquare and see what it looked like through their eyes. 

👉 How to integrate Hotjar with Contentsquare

8. Optimizely 

What it’s for: Optimizely is a platform for running A/B and multivariate tests on your webpages so you can tell which version of your webpage converts better. 

Integrating Hotjar with Optimizely supercharges your conversion rate optimization (CRO) efforts. Optimizely tells you which version of your webpage gets higher conversions in an A/B test (the hard numbers), and Hotjar gives you insights into why that page won—the qualitative information about user behavior.

  • Understand your A/B test results and optimize pages faster. When it’s clear which version of your webpage achieves more conversions, use Hotjar Heatmaps to learn what users pay attention to on the page, how far they scroll, and where they click. This can show you why this page performs better than the other version.

  • Ask users for feedback on the pages you’re testing using Hotjar Surveys. This means you can supplement your data from A/B tests with insights about how your users feel. 

  • Watch recordings of user behavior on the pages you’re testing. Hotjar Recordings allows you to watch screen recordings of how users moved through your site, so you can understand the thinking behind their behavior. 

👉 How to integrate Hotjar with Optimizely

9. Segment 

What it’s for: Segment is a customer data management platform helping you collect all the customer information you have from different sources (like Facebook, Google Analytics, HubSpot….oh, and Hotjar 👋) in one place. 

Use Hotjar with Segment to cross-reference your Hotjar insights with valuable information from other sources. 

  • Catch reported bugs super fast. When a user messages your support team about a bug, use Segment to find a Hotjar recording of their last visit to your site. You’ll be able to watch their cursor movements and see exactly what the problem is.

  • Filter heatmaps by specific User Attributes in Hotjar. For example, using data in Segment, you could filter your Hotjar Heatmaps insights to see data only from users on a particular membership package or in a specific geographical location. 

  • Target surveys to the user group you want to hear from. If you use Segment to split your users into groups—perhaps for mailing lists, subscription tiers, or demographics—use the Hotjar integration to send a survey only to members of a particular group. 

👉 How to integrate Hotjar with Segment

10. Jira 

What it’s for: Jira is a project management software teams rely on to make their workflows visible to one another, organize their time effectively, and plan how to achieve shared goals. 

Hotjar’s integration with Jira helps teams bring user behavior insights into their day-to-day task planning. 

  • Streamline the bug-fixing process. When Hotjar picks up on a console error, it automatically creates an issue in Jira. This way, your team gets notified about a bug as soon as Hotjar picks it up. 

  • Send evidence of UX problems to Jira. If you spot a user getting frustrated with your site in a session replay, use this replay to create a Jira issue. When a developer is assigned to the problem, they have easy access to a video of what it looks like in action. 

  • Send evidence of edge cases to Jira. When a session replay shows that a user is behaving unexpectedly, use it to create a Jira issue. The person reviewing the issues will see a video of the use case in question, and understand the problem to be solved. 

👉 How to integrate Hotjar with Jira

11. Omniconvert 

What it’s for: Omniconvert is a tool for CRO that allows you to run A/B tests, surveys, and pop-ups on your site, helping you identify new ways to grow your business. 

Connect Hotjar to Omniconvert and use the two platforms together to get more from your A/B tests. 

  • View session replays of users in your A/B tests. Watch videos of users’ cursors as they interact with a page variant you’re A/B testing. This helps you understand why one version converts better than the other. 

  • View heatmaps of pages in your A/B tests. Analyze heatmaps to see what users pay attention to, where they click, and what they ignore on pages you’re A/B testing to understand why your results look the way they do. 

  • Compare user frustration levels on versions of a page you’re A/B testing. Hotjar records user behaviors that indicate frustration, including rage clicks and u-turns. Easily understand which version of a page performs better—and dig into replays to see why. 

👉 How to integrate Hotjar with Omniconvert

12. Bonus: connect more apps with Hotjar and Zapier 

If you already use Zapier, you know how powerful it can be for getting your tech products to talk to each other. You can use Zapier to connect your Hotjar account to more than 5,000 other web services—from Google Drive to Zendesk to Mailchimp—without touching a single line of code. 

Zapier allows you to set up automated sequences of action between apps—otherwise known as Zaps. Each Zap has one app as the trigger (the app where your information comes from) and an action, or series of actions, that happen after the trigger event takes place.

Just to give a few examples, you can use Zapier to

  • Connect Hotjar to Miro—send your Hotjar survey responses to Miro, so you can share feedback with your team in a visual way

  • Connect Hotjar to Google Sheets—automatically add a new row in a spreadsheet when there’s a new survey submission or event recording that matches your criteria 

  • Connect Hotjar to Trello—automatically turn new survey responses into Trello cards. This will help you remember to take action on user feedback when it’s called for. 

💡 Note: to integrate Hotjar with Zapier, you’ll need a Business or Scale Hotjar plan.

Get even more connections with Hotjar API 

If you’re on a Scale plan, you can access the Hotjar API. This allows you to hook up Hotjar to even more tools, and automate processes using your Hotjar data. 

With the Hotjar API, you can use other apps to make changes to your Hotjar data or send your Hotjar data to apps for analysis. Use the Hotjar API to

  • Move their survey data to another analytics tool. This is helpful if your team usually uses a different piece of software to analyze or visualize your data.

  • Move survey data to a data warehouse. This lets you blend your Hotjar data with data from other sources, so you can analyze your user base in a more detailed and segmented way.

  • Create a system to delete a user’s personal data on request. Under GDPR laws, customers have the right to ask for their data to be deleted. With a user lookup API, you can identify which entries are from customers who have requested that their data be deleted, and get rid of it. 

👉 Hotjar API Reference 

Easy integration, immediate results

Understanding the wonderful, unpredictable people who use your site can be difficult—but adding user behavior insights to your daily processes shouldn’t be. 

Thanks to a whole rainbow of integrations with website builders and software products, you can use Hotjar with whatever tools fit you best—and get it set up without bothering your developers. 

Install it now and start collecting insightful information by the end of the day. 

Hotjar would look great in your tech stack 👀

Get user behavior insights on any site, with or via a product you already use.

FAQs about Hotjar integrations