If you run an online business, you’ll want to know how to add Hotjar tracking code to your WIX website. Hotjar is an online performance tool designed to reveal the behaviour of your site users to help you adjust or alter your digital strategy. Let’s take a closer look.

Hotjar comes with features including heatmaps, visitor recordings, form analytics and many more including feedback tools. This is a great insight tool for your site as you will be able to figure out user trends and your most used features.

Tracking the performance of your website is crucial, as it allows you to figure out who your customers are, how they find your site, and what actions they take thereafter.

See our video for a detailed tutorial explaining how to add Hotjar to your WIX site.

What is Hotjar?

Hotjar is a comprehensive web analytics and user feedback tool that offers a range of features and functionalities to help website owners gain deep insights into user behaviour and improve their websites. Here’s a more detailed look at its key features:

How-to-Add-Hotjar-to-WIX-featured
  1. Heatmaps: Hotjar provides three types of heatmaps:
    • Click Heatmaps: These display where users click the most on your website. It helps you understand which elements or links are attracting the most attention.
    • Move Heatmaps: These show the areas where users move their cursors or mouse pointers, indicating areas of interest or engagement.
    • Scroll Heatmaps: Scroll heatmaps reveal how far down the page users typically scroll. This highlights where users tend to drop off or lose interest.
  2. Session Recordings: Hotjar allows you to watch recorded sessions of individual users navigating your site. This feature provides insights into real user behavior and helps you identify usability issues or obstacles in their journeys.
  3. Surveys and Feedback: You can create customized surveys with various question types, including multiple choice, open-ended, and rating questions. These surveys can be triggered based on user behavior, ensuring they are presented to the right audience at the right time. Responses are collected and analyzed within Hotjar to identify common themes or issues in user feedback.
  4. User Feedback: Hotjar provides on-page widgets that users can use to highlight specific elements on your webpages and provide comments or ratings. Visual feedback tools allow users to draw on your webpages to point out issues or make suggestions.
  5. Conversion Funnels: You can set up custom conversion funnels to track the steps users take to complete specific actions, such as signing up or making a purchase. Hotjar provides insights into where users drop off within funnels, helping you identify and address conversion bottlenecks.
  6. Form Analysis: Hotjar records user interactions with forms, helping you identify which form fields cause confusion or errors. It can also automatically detect and highlight form fields that frequently lead to user errors or abandonment.
  7. Incoming Feedback: Users can provide feedback in real-time using widgets that stay visible on the page. This instant feedback can capture user sentiment and issues as they occur.
  8. User Surveys: You can create targeted surveys tailored to specific user segments or behaviors. These surveys can collect demographic data, preferences, and opinions to build a more comprehensive user profile.
  9. User Recruitment: Hotjar offers recruitment widgets that invite users to participate in research, testing, or interviews. This is a valuable feature for user research and user testing.
  10. Responsive Design: Hotjar’s interface and data collection tools are designed to adapt to various devices, ensuring accurate insights from both mobile and desktop users.
  11. Data Privacy: Hotjar provides tools for data anonymization, ensuring that you collect and store user data in compliance with data privacy regulations like GDPR.
  12. Integration: Hotjar offers integrations with popular platforms like WordPress, Shopify, and more. You can connect it to your existing tools and workflows for seamless data sharing and analysis.

Hotjar’s feature set is designed to empower website owners with the tools and insights needed to enhance user experiences, optimise conversions, and make data-driven decisions for website improvements.

hotjar tracking code

How To Install Hotjar

When logged into your Hotjar account, you will first see the Hotjar dashboard. This dashboard features all the analytic features and feedback tools within it. Once logged in, head to the ‘Tracking Inactive’ button at the top right of the dashboard.

Click the link and a pop-up should appear. This shows the tracking code, the ID number you will need and some other information. For WIX we just need the Site ID number, which is at the right of the window. Copy the ID and head back to your WIX dashboard.

When on the WIX dashboard, navigate to the Marketing Tools feature in the left tool-bar and then to the Marketing Integrations feature.

Here you can attach your site to many other marketing tools including Google Analytics, Facebook Pixel, MailChimp and Yandex Metrica to name just a few. Scroll and find Hotjar and click the ‘Go for It’ button.

A new window will appear with a step by step tutorial on how to receive your code, but we’re already one step ahead. In the top right of the window, click on ‘Connect Hotjar’ and paste in the code copied from your Hotjar account.

Hit save and your WIX is now connected to your Hotjar. Now it’s time to start taking advantage of the benefits of Hotjar.

Quick Guide:

Step 1: Sign Up for Hotjar

Step 2: Create a New Website in Hotjar

  • After logging in to your Hotjar account, click on “New Site” to add your Wix website to Hotjar.
  • Enter your website URL and click “Add Site.”

Step 3: Obtain Your Hotjar Tracking Code

  • Once you’ve added your website, Hotjar will provide you with a unique tracking code. You’ll need this code to install Hotjar on your Wix site. Keep this tracking code handy.

Step 4: Access Your Wix Website Editor

  • Log in to your Wix account and open the website you want to install Hotjar on.

Step 5: Access Site Manager

  • In the Wix editor, click on the “Site” menu in the top left corner.
  • Click on “Site Manager.”

Step 6: Access Tracking & Analytics

  • In the Site Manager, click on “Tracking & Analytics” on the left-hand side.

Step 7: Add a New Tool

  • Under the “Website Integration” section, click on “Add New Tool.”
  • Choose “Custom” from the options.

Step 8: Paste the Hotjar Tracking Code

  • In the “Enter the code snippet” field, paste the Hotjar tracking code that you obtained in Step 3.
  • Make sure the code is pasted correctly.

Step 9: Name the Tool (Optional)

  • You can give the tool a name (e.g., “Hotjar Tracking”) if you wish. This step is optional but can be helpful for organization.

Step 10: Select Pages to Load the Code

  • Choose where you want to load the Hotjar code. Typically, you would select “All Pages.”

Step 11: Save Your Settings

  • Click “Apply.”

Step 12: Publish Your Wix Site

  • After adding the tracking code, remember to publish your Wix site for the changes to take effect.

Step 13: Verify Installation

  • Return to your Hotjar account and click on the website you added.
  • Go to the “Tracking” section to verify that Hotjar is tracking user interactions on your Wix site.

About the Hotjar Tracking Code

The Hotjar tracking code is used to collect data from your website when installed into your WIX dashboard. The data collected within your website will then be directly linked to your Hotjar account.

By doing this, Hotjar can show the data collected from your site in much simpler ways, such as heatmaps.

To get access to your tracking code and to your Hotjar account, you first need to sign-up using their own website. You will need to enter your name, email, domain name and name of the company.

This is so that the account can be directly linked once the code is entered to your site.

Alternatively you can use your Gmail to sign-up to Hotjar or if you already have an account, just login. To use this feature on a WIX website, you must have a connected domain and a premium website.

Why Add Hotjar to your WIX Website?

Hotjar is one of a number of WIX analytics tools on the market today. Like all web analytics tools, the goal of Hotjar is to help you view and analyse the performance of your website in terms of driving profits.

Specifically, you can view key SEO metrics, such as individual page’s ranks, top search queries, and traffic figures. This allows you to assess the success of your SEO efforts, and come up with new SEO strategies to improve this.

Hotjar also allows you to assess CRO in terms of how users are attracted to your site when it appears in search engine results pages. Specifically, the ratio of clicks to impressions on SERPs is a crucial metric for assessing CRO.

You can also look out for indicators of UX issues. For example, if individual pages have a particularly high exit or bounce rates, there is a good chance that users on these pages are having a negative experience.

This could be as simple as users finding it difficult to find the information they’re looking for.

Similarly, if these issues are present across your entire site, there might be more serious UX issues, such as slow load speeds or poor navigation.

Hotjar Heatmaps on your WIX Website

Heatmaps example - credits to hot jar
Heatmaps use a colour code to show which parts of your site are most popular. Image credit: Hotjar

One of the main selling points of Hotjar over its competitors is the ability to easily create and view heatmaps on your site. These are helpful tools to visualise how users interact with your site.

Essentially, a heatmap is a visualisation technique which displays the areas of a given page where users direct their focus. Specifically, areas which receive the most attention are highlighted in increasingly dark shades of red.

This is incredibly helpful when UX testing elements like page titles, colours, fonts and calls to action. This lets you assess what works and what doesn’t in terms of grabbing users’ attention and keeping them engaged.

Specifically, you can A/B test different design elements to see which are most effective at funneling users towards taking your desired action on a page. This is invaluable for performing ongoing conversion rate optimisation on your site.

How to Make the Most of your Hotjar Tracking Code in WIX

Hotjar, like all analytics tools, is all about maximising your site traffic, and the proportion of your users who take whatever action you want them to. In other words, they allow you to maximise revenue and cut the costs of customer acquisition.

The more effective your site is at converting users into customers, then the lower the traffic figure you’ll need in order to make sales. With an efficient sales funnel, you can then scale your traffic to grow your online business.

The first step to achieving this is setting up your Hotjar tracking code in WIX correctly. Following the steps above, you can be sure that your tracking code is entered correctly, ensuring your analytics data is accurate, and gives you the insights you need to succeed.

  1. Set Clear Goals: Start by defining what you want to achieve with Hotjar. Are you looking to improve user engagement, increase conversions, or optimize specific website elements? Having clear goals will give your efforts direction.
  2. Segment Your Data: Hotjar allows you to segment data based on various criteria, including traffic sources, devices, or geographic locations. Segmenting data helps you gain insights into different user groups, making your analysis more focused and actionable.
  3. Heatmaps: Heatmaps provide visual representations of user interactions on your site. Pay attention to areas with the highest clicks, scrolls, and cursor movements. These insights can guide you in redesigning or rearranging elements on your pages.
  4. Session Recordings: Watching session recordings gives you a real-time view of how users navigate your site. Look for usability issues, such as confusing navigation or form errors, and prioritize fixing them.
  5. Conversion Funnels: Create funnels to track user journeys through specific processes, such as the checkout process. Identify where users drop off and make improvements to increase conversion rates.
  6. Feedback Tools: Implement on-site surveys, polls, and feedback forms strategically. Use this feedback to understand user pain points and gather suggestions for enhancing the user experience.
  7. Identify Technical Issues: Use Hotjar to detect technical problems like broken links, slow-loading pages, or error messages. Addressing these issues promptly improves user satisfaction.
  8. A/B Testing: Combine Hotjar data with A/B testing to validate hypotheses. Test different variations of page elements (e.g., buttons, headlines) to determine which ones resonate best with your audience.
  9. Collaborate: Share Hotjar insights and reports with your team or stakeholders. Collaborative discussions can lead to more effective solutions and faster issue resolution.
  10. Continuous Monitoring: Hotjar should be part of an ongoing monitoring process. Regularly analyze user behaviour, gather feedback, and implement improvements to keep your site user-friendly.
  11. User Surveys: Set up surveys at strategic touchpoints or after specific interactions. Ask users about their experiences and preferences to make data-driven decisions.
  12. Benchmarking: Compare your website’s performance metrics to industry benchmarks. This helps you understand where you excel and where you need to catch up, leading to more informed strategies.
  13. Stay Informed: Stay updated on Hotjar’s features and updates. The platform evolves, and new capabilities may offer additional ways to gather insights.
  14. Combine Data Sources: Integrate Hotjar data with information from other analytics tools, like Google Analytics. Combining data sources can provide a more holistic view of user behavior.
  15. Experiment: Use Hotjar insights as a basis for making changes on your site. Implement changes, monitor their impact, and iterate based on user response.

By applying these strategies, you can maximise the value of your Hotjar tracking code and continuously enhance your website’s user experience.

What are the Advantages and Disadvantages of hotjar

Advantages:

  1. Visual Insights: Hotjar provides visual data representation, including heatmaps, session recordings, and user feedback, making it easier to understand user behavior without sifting through raw data.
  2. User-Centric Approach: It focuses on understanding your users’ perspective, allowing you to tailor your website to their needs and preferences.
  3. Identify Issues: Hotjar helps you identify usability issues, such as confusing navigation, form abandonment, or broken links, enabling you to address them promptly.
  4. Conversion Optimization: You can create conversion funnels to pinpoint where users drop off during key processes, helping you optimize your site for better conversion rates.
  5. Feedback Collection: Hotjar offers on-site surveys and feedback forms, allowing you to gather valuable insights directly from your users.
  6. Easy to Implement: Adding the Hotjar tracking code to your website is a straightforward process, and the platform offers various integrations with popular website builders.
  7. Segmentation: You can segment user data based on various criteria, helping you understand how different user groups interact with your site.
  8. Collaboration: Hotjar allows you to share insights and collaborate with team members or stakeholders, fostering a data-driven decision-making culture.

Disadvantages:

  1. Privacy Concerns: Gathering detailed user data, including session recordings, may raise privacy concerns. Ensure that you follow best practices and legal requirements for data collection and storage.
  2. Limited Free Plan: Hotjar offers a limited free plan with basic features. To access more advanced capabilities, you’ll need to subscribe to a paid plan, which may not be suitable for smaller websites with tight budgets.
  3. Learning Curve: While Hotjar is user-friendly, mastering all its features and interpreting data effectively may require some learning and experimentation.
  4. Data Overload: With access to extensive user data, there’s a risk of information overload. It’s crucial to focus on actionable insights and avoid getting lost in the data.
  5. Not a Standalone Solution: Hotjar is most effective when used in conjunction with other analytics tools like Google Analytics to provide a more comprehensive view of user behaviour.
  6. Limited Historical Data: Some features, like heat maps and session recordings, may not provide historical data if they were not set up in advance.

In summary, Hotjar tracking code offers valuable insights into user behaviour and website usability, making it a powerful tool for optimizing your site’s performance. However, it’s essential to be mindful of privacy considerations and budget constraints when using Hotjar.

Leave a comment

Your email address will not be published. Required fields are marked *