{"id":13575,"date":"2025-05-16T14:39:57","date_gmt":"2025-05-16T09:09:57","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=13575"},"modified":"2025-05-16T14:39:58","modified_gmt":"2025-05-16T09:09:58","slug":"how-to-set-up-magento-2-hotjar-tracking","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/how-to-set-up-magento-2-hotjar-tracking\/","title":{"rendered":"How to Set up Magento 2 Hotjar Tracking: Step-by-Step Guide"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">If your shoppers have a smooth experience in your store, your business wins too.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That\u2019s where Hotjar comes in\u2014it shows you exactly how people interact with your Magento 2 store so you can fix what\u2019s not working and boost what is.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this blog, I will show you how to set up Magento 2 Hotjar tracking quickly and easily. But first, let\u2019s understand the basics.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is Hotjar Magento 2?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hotjar Magento 2 means integrating Hotjar with the Magento 2 platform.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hotjar is a web analytics and user feedback tool showing where your shoppers spend most of their time on your store website.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1150\" height=\"670\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/1-Hotjar-Integrated-with-Magento-2.png\" alt=\"Hotjar Integrated with Magento 2\" class=\"wp-image-13586\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/1-Hotjar-Integrated-with-Magento-2.png 1150w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/1-Hotjar-Integrated-with-Magento-2-250x146.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/1-Hotjar-Integrated-with-Magento-2-700x408.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/1-Hotjar-Integrated-with-Magento-2-768x447.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/1-Hotjar-Integrated-with-Magento-2-403x235.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/1-Hotjar-Integrated-with-Magento-2-964x562.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/1-Hotjar-Integrated-with-Magento-2-120x70.png 120w\" sizes=\"auto, (max-width: 1150px) 100vw, 1150px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">With Hotjar integrated, you get access to several useful features, such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Capture user sessions to identify usability problems<\/li>\n\n\n\n<li>Show pop-up polls or surveys to gather real-time feedback<\/li>\n\n\n\n<li>Get qualitative data through heatmaps and session recordings<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">In short, using Hotjar&#8217;s tracking tool helps to improve the performance and user experience of your Magento 2 store.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps for Adding Hotjar Tracking to Magento 2<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can easily add Hotjar Tracking to Magento 2 by following these four simple steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Step 1: Set up a Hotjar Account<\/li>\n\n\n\n<li>Step 2: Get the Hotjar Tracking Code<\/li>\n\n\n\n<li>Step 3: Navigate to Magento 2 Admin<\/li>\n\n\n\n<li>Step 4: Save &amp; Verify the Configuration<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Set Up a Hotjar Account<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Go to the <strong>Hotjar Overview<\/strong> page and generate an Account.<strong> <\/strong>Then, enter the valid <strong>URL <\/strong>and<strong> <\/strong>click <strong>Next.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, on the Hotjar dashboard, click <strong>Install it manually<\/strong>, or you can install it with <a href=\"https:\/\/meetanshi.com\/blog\/how-to-add-google-tag-manager-to-magento-2\/\">Google Tag Manager<\/a>.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1999\" height=\"515\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/2-Set-Up-a-Hotjar-Account.png\" alt=\"Set Up a Hotjar Account\" class=\"wp-image-13582\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/2-Set-Up-a-Hotjar-Account.png 1999w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/2-Set-Up-a-Hotjar-Account-250x64.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/2-Set-Up-a-Hotjar-Account-700x180.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/2-Set-Up-a-Hotjar-Account-768x198.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/2-Set-Up-a-Hotjar-Account-1536x396.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/2-Set-Up-a-Hotjar-Account-403x104.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/2-Set-Up-a-Hotjar-Account-964x248.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/2-Set-Up-a-Hotjar-Account-120x31.png 120w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Get the Hotjar Tracking Code<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">From here, copy the tracking code.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1999\" height=\"1027\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/3-Get-the-Hotjar-Tracking-Code.png\" alt=\"Get the Hotjar Tracking Code\" class=\"wp-image-13588\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/3-Get-the-Hotjar-Tracking-Code.png 1999w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/3-Get-the-Hotjar-Tracking-Code-250x128.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/3-Get-the-Hotjar-Tracking-Code-700x360.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/3-Get-the-Hotjar-Tracking-Code-768x395.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/3-Get-the-Hotjar-Tracking-Code-1536x789.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/3-Get-the-Hotjar-Tracking-Code-403x207.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/3-Get-the-Hotjar-Tracking-Code-964x495.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/3-Get-the-Hotjar-Tracking-Code-120x62.png 120w\" sizes=\"auto, (max-width: 1999px) 100vw, 1999px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Navigate to Magento 2 Admin<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now, navigate to your Magento 2 store and head to <strong>Admin Content &gt; Configuration<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"748\" height=\"844\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/4-Navigate-to-Magento-2-Admin-Configuration.png\" alt=\"Navigate to Magento 2 Admin Configuration\" class=\"wp-image-13578\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/4-Navigate-to-Magento-2-Admin-Configuration.png 748w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/4-Navigate-to-Magento-2-Admin-Configuration-250x282.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/4-Navigate-to-Magento-2-Admin-Configuration-700x790.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/4-Navigate-to-Magento-2-Admin-Configuration-403x455.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/4-Navigate-to-Magento-2-Admin-Configuration-120x135.png 120w\" sizes=\"auto, (max-width: 748px) 100vw, 748px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Then, select the <strong>Default Store View &gt; Edit and <\/strong>open the<strong> HTML Head <\/strong>drop-down.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"802\" height=\"598\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/5-Default-Store-View-Edit-and-Open-HTML-Head.png\" alt=\"Default Store View Edit and Open HTML Head\" class=\"wp-image-13584\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/5-Default-Store-View-Edit-and-Open-HTML-Head.png 802w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/5-Default-Store-View-Edit-and-Open-HTML-Head-250x186.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/5-Default-Store-View-Edit-and-Open-HTML-Head-700x522.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/5-Default-Store-View-Edit-and-Open-HTML-Head-768x573.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/5-Default-Store-View-Edit-and-Open-HTML-Head-403x300.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/5-Default-Store-View-Edit-and-Open-HTML-Head-120x89.png 120w\" sizes=\"auto, (max-width: 802px) 100vw, 802px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Scroll down to the <strong>Scripts and Style Sheet <\/strong>section,<strong> <\/strong>paste the Hotjar Tracking code, and click <strong>Save Configuration.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1684\" height=\"670\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/6-Scroll-down-to-Scripts-and-Style-Sheet-Paste-Hotjar-Tracking-Code-Click-Save-Configuration.png\" alt=\"Scroll Down to Scripts and Style Sheet Paste Hotjar Tracking Code and Click Save Configuration\" class=\"wp-image-13590\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/6-Scroll-down-to-Scripts-and-Style-Sheet-Paste-Hotjar-Tracking-Code-Click-Save-Configuration.png 1684w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/6-Scroll-down-to-Scripts-and-Style-Sheet-Paste-Hotjar-Tracking-Code-Click-Save-Configuration-250x99.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/6-Scroll-down-to-Scripts-and-Style-Sheet-Paste-Hotjar-Tracking-Code-Click-Save-Configuration-700x279.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/6-Scroll-down-to-Scripts-and-Style-Sheet-Paste-Hotjar-Tracking-Code-Click-Save-Configuration-768x306.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/6-Scroll-down-to-Scripts-and-Style-Sheet-Paste-Hotjar-Tracking-Code-Click-Save-Configuration-1536x611.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/6-Scroll-down-to-Scripts-and-Style-Sheet-Paste-Hotjar-Tracking-Code-Click-Save-Configuration-403x160.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/6-Scroll-down-to-Scripts-and-Style-Sheet-Paste-Hotjar-Tracking-Code-Click-Save-Configuration-964x384.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/6-Scroll-down-to-Scripts-and-Style-Sheet-Paste-Hotjar-Tracking-Code-Click-Save-Configuration-120x48.png 120w\" sizes=\"auto, (max-width: 1684px) 100vw, 1684px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 4: Save &amp; Verify the Configuration<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After saving the configuration, you will see a successful message in your Magento 2 dashboard.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now go back to Hotjar and click <strong>Verify installation <\/strong>to check if it is installed properly<strong>.<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1612\" height=\"856\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/7-Save-and-Verify-Configuration.png\" alt=\"Save and Verify Configuration\" class=\"wp-image-13580\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/7-Save-and-Verify-Configuration.png 1612w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/7-Save-and-Verify-Configuration-250x133.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/7-Save-and-Verify-Configuration-700x372.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/7-Save-and-Verify-Configuration-768x408.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/7-Save-and-Verify-Configuration-1536x816.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/7-Save-and-Verify-Configuration-403x214.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/7-Save-and-Verify-Configuration-964x512.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/05\/7-Save-and-Verify-Configuration-120x64.png 120w\" sizes=\"auto, (max-width: 1612px) 100vw, 1612px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">That\u2019s it, the Hotjar tracking is installed in your Magento 2 store.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tips to Make the Most of Magento 2 Hotjar Tracking&nbsp;<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hotjar gives you a behind-the-scenes look at what your customers are doing in your Magento 2 store.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To make the most of it:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Check heatmaps to see where people click (and where they don&#8217;t)<\/li>\n\n\n\n<li>Watch session recordings to spot where users get stuck<\/li>\n\n\n\n<li>Use polls or pop-ups to ask quick questions like &#8220;What&#8217;s missing?&#8221; or &#8220;Was this helpful?&#8221;<\/li>\n\n\n\n<li>Use what you learn to make small changes that improve the shopping experience<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>If your shoppers have a smooth experience in your store, your business wins too.&nbsp; That\u2019s where Hotjar comes in\u2014it shows you exactly how people interact&#8230;<\/p>\n","protected":false},"author":5,"featured_media":13597,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-13575","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/13575","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=13575"}],"version-history":[{"count":5,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/13575\/revisions"}],"predecessor-version":[{"id":13594,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/13575\/revisions\/13594"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media\/13597"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=13575"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=13575"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=13575"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}