What is hotjar?

Hotjar is a simple, intuitive website insight tool that uses conversion funnels, complete survey recruitment tools, feedback polls, heatmaps of user behavior, and session recordings with mouse tracking to extensively visualize the online behavior within your site. With Hotjar, website owners can learn to improve the site’s user experience and performance rates through feedback and analysis tools.

Who uses Hotjar?

At some point or another, several large and smaller-based companies comprising the overall 195,075 reportedly have integrated Hotjar for their website hosting around the world, including Samsung Electronics, PNC, and Equinix to name a few.

Table of Contents

What can Hotjar track?

Hotjar offers interactive tracking features, like heatmaps, recording. Surveys keep track of your users’ online behavior and voice through interactive heat maps reports of their clicks and actions. And you can find initial issues of heatmap reports with recordings of user sessions and gathering of data-backed understanding from surveys and feedback polls.

Heatmaps

Heatmaps are a powerful method to apprehend what users do on your websites, it mostly keeps a log of what a visitor often clicks, how far they scroll, and what they look for often and neglects during their stay on your website.

How To Implement This For Your Ecommerce Store?

  • Learn What Users Click or Attract Their Attention In Your Ecommerce Store- Instead of doing the guessing work, setting out a heatmap helps accrue a visual record of cursor activity in your website. Modifications and refinements of design elements can be possible after a complete rundown of heatmap analytics.

  • Find Out If Your Store Optimizations Are Working To Increase Customer Clicks or Engagement- Heatmaps could imply particular segments in the website of great drop-offs because if you can optimize these pages, you can funnel more user engagement that could equal to a more converting appeal and increased sales rate for each visitor.

  • Compare Conversions From Desktop to Mobile Devices- While viewing the heatmap analytics, you can effortlessly switch between mobile and desktop user insights for direct comparison without closing and opening other settings.

What Are The Types Of Hotjar Heatmaps To Use

  • Click Map - In the click map, you will see a somewhat localized aggregate that tells where visitors tend to interact more often on desktop devices and tap on mobile devices. The more red a section is, the more frequently that section gets clicked on.

  • Scroll Map - Shows how far a percentage of people scroll down to any point on the page. The redder the area, the more visitors see a particular section, and dark blue corresponds to a section viewed only by less than 25% of your daily users’ visitors.

  • Move Map - Tracks where desktop users hover and remain their mouse as they navigate the page. The hotspots in the moving map represent where the user pauses before clicking elsewhere

Recordings

Visitor recordings are a glimpse into your users’ experience on your site. These are an immensely helpful tool to oversee and comprehend how a person navigates your website and in terms of how they interact with critical areas of the site.

How To Implement This For Your Ecommerce Store?

  • Understand Customer Journey- You can watch recordings to see how individual users browse, interact with, and move across your site pages, as well as recognize several friction points that can be adjusted and re-programmed.

  • Find and Fix Bugs Along That Hinders A Successful Conversion from the Customer Journey- With the ability to look through several recordings, you can collect the insight you need to fix the user experience and improve page conversions.

** Which Insights to Look After **

  • Bounce Rate, Exit Rate, and Cart Abandonment- By these metrics, you can dig deep and investigate how a certain type of user is interacting with, especially meeting viewer expectations while also showing what pages were last in the session. Generally, this is a more helpful metric in terms of improving site content.

  • Real and Anonymous Store Visitors- Once you know the website visitors darting at your website, you can proactively turn them into leads and enhance your customer relationship management strategically.

  • All Users, New Users, and Returning Users- The healthy ratio of visitor segmentation can tell you a lot of valuable insights for conversion funnels, marketing efforts, website design, and more.

Surveys

Hotjar’s Surveys allow you to invite your site visitors to a series of questions and collect individual feedback from them. Additionally, you can ask people to answer your survey instantly from any page of your site.

How To Implement This For Your Ecommerce Store?

Learn What Customers Need or Looking Through On-Site Surveys- You can use polls/surveys to understand what drives visitors to your site, why they’re abandoning a page, and measure the customer experience. Polls can also be targeted to specific pages and user actions.

Which Insights To Look After

  • NPS or Net Promoter Score- Measures customer experience and predicts business growth. This proven metric estimates customer loyalty and satisfaction, and how willing they are to recommend your services or product to others.

  • CSAT or Customer Satisfaction Survey- Along with product ratings and reviews. A customer satisfaction survey is an integrated questionnaire designed to assist site owners in understanding what a customer may think concerning their products and services

  • CES or Customer Effort Score- A single-item service metric that measures your website page’s ease of visitor experience regarding their navigation.

Feedback

Hotjar’s feedback feature helps site owners grasp the customer’s experience and satisfaction to improve the visual sense of their website page as a result.

How To Implement This For Your Ecommerce Store?

Create Incoming Feedback Widget To Hear From Your Customers Directly- Gaining daily feedback from different site visitors is an ideal setup for a direct, quick response about the site experience.

Which Insights To Look After

Critical Issues From Customer Incoming Feedback- A feedback survey helps you get direct information or criticism about what the user feels, wherein that information can be used to adjust and enhance the current and future actions of your website

7 Key Ecommerce Metrics To Track in Hotjar

Product Revenue - A metric that represents the overall net revenue per product basis. The data supplied by the Product Revenue report is helpful to study the profitability and profit margins of each product sold.

Unique Purchases - This is the estimated number of people who completed at least one purchase. Because it displays the total number of times a distinct product was at the stake of a transaction, this number is often higher than transactions because each individual transaction has multiple products completed in a single purchase.

Product Quantity - With this option, it is much easier to take full control over how you set the cart quantities and minimum and maximum products on your website.

Average Quantity - An internationally agreed regulation to confirm the measurement (area, weight, length, volume) or quantity of packaged goods. Applies to both foods and non-food kinds of sold products.

eCommerce Store Conversion Rate - Applications and websites often have a series of objectives, and each has its probability of conversion rate. A conversion rate is documented as the percentage of guests to your website that satisfies the desired action compared to the whole number of visitors. This can incorporate anything from clicking a button to making a purchase and becoming a customer.

Average Order Value - Tracks the average total dollar amount spent on a transaction within your website or mobile app over a desired period of time. Knowing your company’s average order value helps you improve your pricing strategy, online marketing efforts, and eventually, to gain considerable profits.

Time to Purchase - Shows the number of days and sessions it generally took for visitors to your site to convert into customers.

How long is the Hotjar free trial?

You can try the Hotjar basic plan as long as you like, absolutely for free, with no hidden charges and credit card commitment. For the paid plans, Hotjar offers a free 15-day trial for both Business plans— and similar to the basic plan, an interested user is not required of their credit card at all, which is a great plus for a fast transaction.

How much is Hotjar?

Wondering how much integrating Hotjar to your website costs? As we have explained before, the basic plan is free for lifetime use to all interested users. If scaling your business is your goal, you’ll need to start with one of Hotjar’s paid plans; there are three pricing options to choose from. You can see the pricing options and their monthly variant below:

  • Basic - Free.
  • Pro - $39/month.
  • Business - $99/month.
  • Scale - $389/month.

How to install Hotjar?

To set up Hotjar in your preferred website hosting, simply follow these recommended steps:

Install Hotjar tracking code

  • Proceed to inspect your preferred platform is compatible with the listed sites available to Hotjar.
  • Direct to your site’s list.
  • Go on the site you want to keep in track, then click the Tracking Code button.
  • Click on the Add code manually.
  • Then, insert the Tracking Code into the <head> tag of the selected website you want to track.

Single-page app installation

  • In your Hotjar dashboard, go to Settings> Sites & Organizations
  • Open the Site Settings for the nominated site you want to modify.
  • Under the Session Targeting and Tracking option, choose the tracking option that operates best for your site.
  • Apply the recent changes by clicking the Update button.

Google Tag Manager

  • Open the Hotjar dashboard; move forward with the Install Hotjar button.
  • Within the recommendation box, Click on the Start setup indicated on the “Install with Google Tag Manager.”
  • Select the Google account you want to publish Hotjar into.
  • Allow permission by Clicking the confirm and create button.
  • Wait a few minutes to verify the installation.

Shopify

  • On your Hotjar dashboard, hover over the settings and click Sites and Organizations
  • Click on your organization and select the Tracking code
  • Copy the whole script to your clipboard
  • Go back to your Shopify store. Under the online store, initiate the themes.
  • In the pull-down menu of Actions, select the Edit code
  • Expand the section that says theme. liquid
  • Make a new break (click the Enter command), then paste the script code, particularly in the </head> section

WordPress

  • Go to WordPress site and select the Plugins options> Installed Plugins
  • Click the Add New button right beside the Plugins title
  • Type in Hotjar in the search bar and click the Install button
  • Navigate to the Settings, and paste your Hotjar ID within the space provided in the WordPress
  • Hit the Save changes below on the bottom left corner.

Wix

  • Log in to your Wix account
  • Go to the selected site’s dashboard you’d like to integrate with Hotjar.
  • Copy your Hotjar Tracking Code.
  • Navigate to the Marketing tools>Marketing integrations
  • Scroll down to Hotjar, then click Connect Hotjar
  • Embed the Hotjar ID
  • Click on the Save button

BigCommerce

  • Make a copy of your Hotjar Tracking Code from your Hotjar dashboard.
  • On your BigCommerce dashboard, navigate to the Storefront.
  • Click on the Script Manager> Create a Script.
  • Paste the Tracking Code into the site’s head element for the pages you want to track.
  • Determine a Script Type of your script
  • Click the Save button.

Clickfunnels

There are 2 ways to add the tracking code directly on ClickFunnels:

** All pages of a selected funnel** (Hotjar Tracking Code present to all of the pages in your funnel.)

  • From the Hotjar admin, copy your designated tracking code
  • Select the ClickFunnels> Fill in your login credentials
  • Head on the funnel settings, and click on the Head Tracking Code.
  • Now, insert the Hotjar Tracking Code copied before.
  • Update the funnel settings or save your page

Specific pages of your funnel (Hotjar will then only be present in the particular page you installed the Tracking Code on.)

  • From the Hotjar admin, copy your designated tracking code
  • On the ClickFunnels, go to the Edit Page.
  • Click on funnel settings and select Tracking Code.
  • Head on the funnel settings, and click on the Head Tracking Code.
  • Update the funnel settings or save your page

Adobe Dynamic Tag Manager

  • Pick out the non-sequential javascript.
  • And make a copy of the Hotjar Tracking Code.
  • In the AdobeDTM, delete the </script> and
  • Click the Save the rule button.

How do you integrate Hotjar?

Once you sign up, you’ll be greeted with the dashboard, and the first thing you need to do is install the Hotjar on your preferred website platform. Hotjar uses ‘Tracking code’ both on the client-side and server-side to allow web pages to be interactive and start collecting helpful data. Head over to the Account, and click the Sites and Organization. You can install the tracking code manually or install the code through the Google tag manager.

Does Hotjar have an API?

Hotjar is currently working on growing its API library. Currently, there are only two available Hotjar APIs: Identify API- The ability to access and pass data about the users and save them as user attributes. Hotjar can utilize the user attributes to enable advanced filtering and segmentation.

Events API- Hotjar’s Events API allows tracking of specific actions taken by users and sends that data to Hotjar using Javascript, saving them as Events. These events are handled and defined to Hotjar through your client-side code via Hotjar’s Events API.

How accurate is Hotjar?

Hotjar is a reliable behavior analytics tool, however, it is important to note that Hotjar is not 100% accurate when it comes to behavior analytics. In fact, it is highly recommended to run both Hotjar with another analytics software (preferably, Google Analytics), as together they give a more complete picture of the qualitative data view that represents the user actions while on the site.

How good is Hotjar?

Hotjar provides its user with a few different tools like visitor recordings, heatmaps, form analysis, conversion funnel reports, survey and poll feedback that you can run on your website to get qualitative feedback to understand your users better

To Sum It Up

When it comes to picking out a website analytics software, there are many guidelines you should consider first. But with Hotjar, not only can you encounter primary customer data. Product managers, site developers, and UX designers can use this tool to make a data-driven decision they can use to appropriately polish and revamp each website segment. Which, in turn, can effectively increase site conversions, reduce churn rates, and identify and fix bugs.