{"id":813,"date":"2021-10-28T12:26:00","date_gmt":"2021-10-28T12:26:00","guid":{"rendered":"https:\/\/www.figpii.com\/blog\/?p=813"},"modified":"2025-02-06T10:47:49","modified_gmt":"2025-02-06T10:47:49","slug":"top-3-examples-of-heat-maps","status":"publish","type":"post","link":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/","title":{"rendered":"Top 3 Examples Of Heat Maps"},"content":{"rendered":"\r\n<p>As marketers, we always try to figure out what our customers want<\/p><div id=\"ez-toc-container\" class=\"ez-toc-v2_0_74 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-transparent ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#What_are_heat_maps\" >What are heat maps?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#Scroll_Maps\" >Scroll Maps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#What_is_a_click_map\" >What is a click map?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#How_is_this_different_from_an_analytics_tool\" >How is this different from an analytics tool?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#What_is_a_mouse_move_map\" >What is a mouse move map?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#When_you_should_use_a_heatmap\" >When you should use a heatmap?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#Getting_started_with_heat_maps\" >Getting started with heat maps<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#How_do_multi-page_heat_maps_work\" >How do multi-page heat maps work?<\/a><\/li><\/ul><\/nav><\/div>\n\r\n\r\n\r\n\r\n<p>In the process, we use <a href=\"https:\/\/www.figpii.com\/blog\/11-google-analytics-alternatives-you-should-know\/\">tools like Google Analytics<\/a> and Heat maps to help us.<\/p>\r\n\r\n\r\n\r\n<p>But we overcomplicate things for ourselves the more we use more tools.<\/p>\r\n\r\n\r\n\r\n<p>In this blog, I want you and I to focus on one thing, one thing only.<\/p>\r\n\r\n\r\n\r\n<p>Heatmaps.<\/p>\r\n\r\n\r\n\r\n<p>By this point, we all know what are heatmaps and how to use them.<\/p>\r\n\r\n\r\n\r\n<p>But what are the different types of heat maps?<\/p>\r\n\r\n\r\n\r\n<p>In this blog, I want to shine the light on 3 Examples Of Heat Maps.<\/p>\r\n\r\n\r\n\r\n<p>To discover besides the knows ones, how can different types of heat maps help you.<\/p>\r\n\r\n\r\n\r\n<p>How can you use them to gain more insights into your users and customers?<\/p>\r\n\r\n\r\n\r\n<p>So, without further ado, let&#8217;s begin.<\/p>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<div class=\"wp-block-ht-block-toc  is-style-outline htoc htoc--position-wide toc-list-style-plain\" data-htoc-state=\"expanded\"><span class=\"htoc__title\"><span class=\"ht_toc_title\">Table of Contents<\/span><\/span>\r\n<div class=\"htoc__itemswrap\">\r\n<ul class=\"ht_toc_list\">\r\n<li class=\"\"><a href=\"#htoc-what-are-heat-maps\">What are heat maps?<\/a><\/li>\r\n<li class=\"\"><a href=\"#htoc-scroll-maps\">Scroll Maps<\/a><\/li>\r\n<li class=\"\"><a href=\"#htoc-what-is-a-click-map\">What is a click map?<\/a>\r\n<ul class=\"ht_toc_child_list\">\r\n<li class=\"\"><a href=\"#htoc-how-is-this-different-from-an-analytics-tool\">How is this different from an analytics tool?<\/a><\/li>\r\n<\/ul>\r\n<\/li>\r\n<li class=\"\"><a href=\"#htoc-what-is-a-mouse-move-map\">What is a mouse move map?<\/a><\/li>\r\n<li class=\"\"><a href=\"#htoc-when-you-should-use-a-heatmap\">When you should use a heatmap?<\/a><\/li>\r\n<li class=\"\"><a href=\"#htoc-getting-started-with-heat-maps\">Getting started with heat maps<\/a><\/li>\r\n<li class=\"\"><a href=\"#htoc-how-do-multi-page-heat-maps-work\">How do multi-page heat maps work?<\/a><\/li>\r\n<\/ul>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"htoc-what-are-heat-maps\"><span class=\"ez-toc-section\" id=\"What_are_heat_maps\"><\/span><strong>What are heat maps?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Heat maps are tools designed to give you an insight into where users interact with your website or app.<\/p>\r\n\r\n\r\n\r\n<p>The most common types of heat maps are mouse tracking, click maps and scroll maps.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/wo2i-UfD6kvhzlHmomYfyjOpmk7xY4lD3kQaH7rciwOASfv22fm_cUlkUQLFGBSQaJiQweaiYPfruWuf-KjonNk4o83ZHac0NCoUZKlN7eOSSEqM1cj_Nopff7yWgBCDzDxQ24YC\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>Heat maps like mouse tracking and click maps track where your users are clicking on your site.<\/p>\r\n\r\n\r\n\r\n<p>Mouse tracking heat maps record the movement of the cursor (or clicks) across your screen.<\/p>\r\n\r\n\r\n\r\n<p>Then it converts that data into a visual format which you can use to discover patterns behind user interactions with your website.<\/p>\r\n\r\n\r\n\r\n<p>Click maps do exactly like mouse tracking but instead, show conversions or clicks on elements within your site.<\/p>\r\n\r\n\r\n\r\n<p>For example, if you open an email, the number of times the link was clicked will be shown in click map as red dots.<\/p>\r\n\r\n\r\n\r\n<p>Heat maps like scroll maps track where users scroll and read on your website.<\/p>\r\n\r\n\r\n\r\n<p>Scroll maps reveal how far down your users are reading on your site.<\/p>\r\n\r\n\r\n\r\n<p>Now let\u2019s dive deeper into each type of these heatmaps and see how can you use them.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"htoc-scroll-maps\"><span class=\"ez-toc-section\" id=\"Scroll_Maps\"><\/span><br \/>Scroll Maps<br \/><br \/><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/1tygF8l2eCqb_InNhw0-e_JMyxWItVgeLaF_cE468sSapTrD0HxZZwzDbcR6Tcbyu8_o9fUEuBarvHYsjRWcHZMOpFCWBJsfrKs2XaLeMVu_1R-c-iAO_Pc3R2lVZXC59OOAkwp4\" width=\"624.0000000000001\" height=\"540\" \/><span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>A scroll map is a visualization technique that visualizes the amount of scrolling on a webpage.<\/p>\r\n\r\n\r\n\r\n<p>A scroll map, in a nutshell, depicts how far down your material users scroll.<\/p>\r\n\r\n\r\n\r\n<p>The color-coding on scroll heatmaps is reversed from bottom to top: red represents high scrolling, while blue signifies low scrolling.<\/p>\r\n\r\n\r\n\r\n<p>Scroll maps, as the name implies, illustrate where readers concentrate their attention when reading online material or obtaining information from blog posts by displaying scroll intensity on each pixel of a scroll map.<\/p>\r\n\r\n\r\n\r\n<p>A scroll heatmap allows you to see what your readers appreciate and dislike about your material, which subjects are popular among them, and where additional information should be placed in future posts for enhanced conversion rates.<\/p>\r\n\r\n\r\n\r\n<p>A scroll map is similar to a digital marketing report. It shows us how users use our website or blog article so that we may make appropriate adjustments.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"htoc-what-is-a-click-map\"><span class=\"ez-toc-section\" id=\"What_is_a_click_map\"><\/span>What is a click map?<br \/><br \/><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/cVOOJVnnTwEH8gLaYfG4PoMrc3nDgVwy0I5iz16ZZenmEufxYmI521UBWhfmqmWDsmGL5x2HFYOTijpBnsLiOIsWiLgB6k_6UCC4w31Hzn3Od9NquzbijcASzkp3zX60_tc4QNJl\" width=\"624\" height=\"316\" \/><span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>A click map is a heatmap of clicks on an element of the page.\u00a0\u00a0<\/p>\r\n\r\n\r\n\r\n<p>It shows where users are clicking most frequently, providing insight into how your visitors are interacting with your page.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>You can use it to learn more about user behavior and discover UI issues that might not be otherwise obvious.<\/p>\r\n\r\n\r\n\r\n<p>A click map is great for analyzing your app&#8217;s user interface, but it can also show you where users are seeing issues with your page.\u00a0\u00a0<\/p>\r\n\r\n\r\n\r\n<p>For example, if you notice a spot where users aren&#8217;t clicking on your menu, it&#8217;s a good indication that there might be a problem with the way menu items are being displayed.<\/p>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\" id=\"htoc-how-is-this-different-from-an-analytics-tool\"><span class=\"ez-toc-section\" id=\"How_is_this_different_from_an_analytics_tool\"><\/span>How is this different from an analytics tool?<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>Most analytics tools tell you what happened on a page or site after the fact &#8212; they&#8217;ll show you aggregate information on popular pages, the number of visits, time spent on site, etc.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>But don&#8217;t let you watch real people interact with your site as they do it.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>A click map lets you see exactly what users are doing as they interact with your page.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>You can watch them make mistakes or struggle with some part of your design, giving you an opportunity for easy usability wins.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"htoc-what-is-a-mouse-move-map\"><span class=\"ez-toc-section\" id=\"What_is_a_mouse_move_map\"><\/span>What is a mouse move map?<br \/><br \/><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/r3YLIVjwaRqtz56mOhim4zQFgwqCYRilpSasJDlEcxMuOvW_wfPgn3ADOzDnSbO5OOZyzo5gH2q_iER9vOrp8wB-hddhc55Nh1-6cH8sQziXl1Hsh_CoZJhlOt3zZICKUgz1U7HR\" width=\"624\" height=\"316\" \/><span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>A mouse move map is a data-gathering tool that creates a visual representation of the physical movements that have been performed by a user on their computer.<\/p>\r\n\r\n\r\n\r\n<p>Mouse move maps are often used as part of usability studies to gain feedback from participants on how easy a website is to navigate and\/or use.<\/p>\r\n\r\n\r\n\r\n<p>They can also be used in marketing research to understand which areas of a web page or app were visited most frequently, for what duration, and by whom.<\/p>\r\n\r\n\r\n\r\n<p>Mouse move maps track all movements made by the participant&#8217;s cursor solely.<\/p>\r\n\r\n\r\n\r\n<p>In other words, if you clicked on an element during your visit but didn&#8217;t scroll down after it, it wouldn&#8217;t show up in the heatmap.<\/p>\r\n\r\n\r\n\r\n<p>With a mouse move map, you&#8217;ll see this and every other movement the cursor made during the session.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"htoc-when-you-should-use-a-heatmap\"><span class=\"ez-toc-section\" id=\"When_you_should_use_a_heatmap\"><\/span><strong>When you should use a heatmap?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Heatmaps are useful during the initial definition of hypotheses and can help you to understand what your users do (or don&#8217;t) do on your site.<\/p>\r\n\r\n\r\n\r\n<p>For example, it is possible to identify if a percentage of visitors typically drop off from or abandon a specific page.<\/p>\r\n\r\n\r\n\r\n<p>You can also track if most people click on certain elements such as links or buttons, allowing you to easily validate calls-to-action and their placements and sizes (and even colors).<\/p>\r\n\r\n\r\n\r\n<p>Although heatmaps help answer questions like: &#8220;Where should we place our call-to-action?&#8221;, they cannot tell you why.<\/p>\r\n\r\n\r\n\r\n<p>That&#8217;s where user testing comes in.<\/p>\r\n\r\n\r\n\r\n<p>Heatmaps give you an idea of how users interact with your design but do not provide reasons for this behavior and why this occurs.<\/p>\r\n\r\n\r\n\r\n<p>Further, heatmaps can give actionable insights when you have a &#8216;problem&#8217; area on your site and need to know why users are not performing an action or if their attention is being drawn in the wrong area.<\/p>\r\n\r\n\r\n\r\n<p>This gives you a way to validate design decisions and see if proposed UX changes actually do produce positive results for both users and your business goals.<\/p>\r\n\r\n\r\n\r\n<p>You can then monitor these areas further with A\/B testing to help quantify any impact that the changes have made.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"htoc-getting-started-with-heat-maps\"><span class=\"ez-toc-section\" id=\"Getting_started_with_heat_maps\"><\/span>Getting started with heat maps<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>1. Log in to FigPii.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>2. The FigPii code will appear at the bottom section of the dashboard3. Click on \u201ccopy code\u201d4. Paste the FigPii Tracking Code into the &lt;head&gt; section of your website.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/e0XPmqcs6iKuqKMS4r9MU6cXtattVMFTp1yOHuGZZyaT-8Ok3sNRnPYHNkeFGaqxbwOkH0hAD6FK-htzZ0fnXIyDS_NN8qsnqaL6uW65TBhUS5r0fFm2yfZRyB9ZCLsz0jvxRfNM\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>3. Click on \u201ccopy code\u201d<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/QuXFNR9yhEDs6fh-_C89SM2K-MyPLGu1dkGHL6dXr0VSsF3hAi4qUnn8FQGbjkd8n5brRx37hLtlJrmyJFhOhS_OanecweRsO_eaG66gJ52SA7UNrD11nRM-lobTE_tkdind2eeH\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>4. Paste the FigPii Tracking Code into the &lt;head&gt; section of your website.<\/p>\r\n\r\n\r\n\r\n<p>FigPii integrates with major CMS and e-commerce websites, check our full list of integrations right <a href=\"https:\/\/kb.figpii.com\/category\/198-integrations\">here<\/a>.\u00a0<\/p>\r\n\r\n\r\n\r\n<p>5. Check your FigPii dashboard to verify the installation. When the tracking code is installed on your site, the tracking indicator will show you that the code is active.<\/p>\r\n\r\n\r\n\r\n<p>Once you have added the FigPii Tracking Code to your site, you will need to wait for about an hour to check if it is installed correctly. This usually happens the moment your site is loaded with the FigPii tracking code installed in. But there can be a delay for up to an hour before it shows as \u201cActive\u201d.\u00a0\u00a0<\/p>\r\n\r\n\r\n\r\n<p>6. log in to FIgPii\u2019s dashboard, and go over the heatmap section from the side menu.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/SOlkdOzIT7tp-VfYgiNFHlU_7UGA0iCna2hLHUOOJrCzionuGe9BxeTW8fZrIvgHUPsEa_Cc3kmhOXYGv9hZ5zD1OQQOIkuOUuLQjfPHjMfsir3xZ0pxsrlw81Zh3BeZoAhOb-aL\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>7. Press on create a heat map<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/oOZ_lpjxLD74rIINuHP9k7Qpc8K9gcZuJTIqm9lz_KIbO9vuFShk5BULwtjDkyqMF0lhNLaBTt0JQea5YoYT-08wLFiEtk8OfpmiJyyp6cKSwseQaqiqK_vFMUGOptm_NeToCx6E\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>8. Name your heat map<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/PgRxCJ9KlsGGMdBp2l0ZaQCOnWrIBmVXtiyo0mpEMybdxQHz7aVk4tf1Id1sftJ45ym3nNEo_XlQxkwJSfsCWfI_2nua7UuE6h_O2jI8OA55jTV69lArYt804j_vR9J1Nq4sF_Zy\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>9. Choose the number of recordings that you want<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/eA7noTIQoewyTJebgPXh7TqioKLtGKt5PEiqhhFiBPKWYs0yhe0DVBhjRUmEQNxyMbj4pEXF4cxrF4Sa8GYV3RObU9dD6XeY3fgYuH1yC0Rn9RaLHywLuI3lVlTpZKJikW6GmVts\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>10. Choose which platform you would like to record, you can choose mobile or desktop.<\/p>\r\n\r\n\r\n\r\n<p>You\u2019re also able to track new visitors or returning users.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/fvYfgjlt5UXxjPH9nV6lAXvW-urEMWdHUkPcqCaedG0dp-ea_weCG9C3QI3UNx8e0CLYmCdIspUKZF91iRHVSyQd-7uXk8i4yfD0PwwUhkUvWv0Q8-vg1eM5FMk-KKse4-4tdE7N\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>11. Choose which page or pages you would like to track with your heatmap.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/yPkdpXXLitCLjuhOBYObX6LNh4DvqIjAO_Q79I3TF1oFYOHCzvkfczEfINS-N3n7gcN7S-Gr8Gu2pfAtIhyN7ccpyYaXP3hubZM6sA0XnhOFG6gAas73kg6ujVGhlzBUU3JIwQsK\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>12. Configure your map with advanced options that help you create more accurate data<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/8v2-ZXJ7wHHd1Odi0Bnyge3Nj8hpmAaD6AppPRLiMxAkPRkWyIQgBnd1TnDHo0RfB92h1tFYR2RKDUaG0Ne0myIeAwZHMWSs9nfMW34fySoQG7ozMrP_Aq6r1m3Lt4Yq8UNaXq4M\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>You\u2019re done! Now you\u2019ll be able to track your users like you never could before!<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\" id=\"htoc-how-do-multi-page-heat-maps-work\"><span class=\"ez-toc-section\" id=\"How_do_multi-page_heat_maps_work\"><\/span>How do multi-page heat maps work?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>All you have to do when creating your heat map is to add all of the pages that you need to track in step 4 when creating the heat map.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/A8Ev9Rdi_JBVB_ySWvowJo8WVmolOCRByorTgyr6mCWYm6ll_YE82gNpdeIxlzrkxyzjVwNqqTLuumT73ASoAY1GJAQE6iV1YwZUDRXPR922zKRF-N4_2VxzeL4Oy5a3eYQ9k_RI\" alt=\"\" \/><\/figure>\r\n\r\n\r\n\r\n<p>A multi-page heat map captures the data from multiple pages on your site and displays it over a single page representing all of these pages.<\/p>\r\n\r\n\r\n\r\n<p>Let\u2019s say that you run an e-commerce website and want to see how users interact with the different product pages.<\/p>\r\n\r\n\r\n\r\n<p>Unfortunately, you do not have enough users coming to the different product pages, so it would be great to create a heat map that shows how users interact with ALL of your product pages.<\/p>\r\n\r\n\r\n\r\n<p>That is what a multi-page heat map does. It combines the visit clicks from all the product pages and displays it as a single page.<\/p>\r\n\r\n\r\n\r\n<p>Since the data is from all the product pages, which page will the data be shown?<\/p>\r\n\r\n\r\n\r\n<p>Different heat map tools handle this situation differently.<\/p>\r\n\r\n\r\n\r\n<p>In FigPii, we provide two options:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>At first, FigPii shows the heat map data on the first page a user comes to from the group of pages. So, if you create a heat map for 1,000 product pages, we will show the data on the first product page that a user landed on after you created the heat map.<\/li>\r\n<li>FigPii allows you to change the page on which the data is displayed. If for some reason, you do not like the page on which the data is displayed on, then you have the option to select a different page.<\/li>\r\n<\/ul>\r\n","protected":false},"excerpt":{"rendered":"<p>As marketers, we always try to figure out what our customers want In the process, we use tools like Google Analytics and Heat maps to help us. But we overcomplicate things for ourselves the more we use more tools. In this blog, I want you and I to focus on one thing, one thing only.<\/p>\n","protected":false},"author":5,"featured_media":814,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[205],"tags":[],"class_list":{"0":"post-813","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-heat-maps"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Top 3 Examples Of Heat Maps - FigPii blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Top 3 Examples Of Heat Maps - FigPii blog\" \/>\n<meta property=\"og:description\" content=\"As marketers, we always try to figure out what our customers want In the process, we use tools like Google Analytics and Heat maps to help us. But we overcomplicate things for ourselves the more we use more tools. In this blog, I want you and I to focus on one thing, one thing only.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/\" \/>\n<meta property=\"og:site_name\" content=\"FigPii blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/figpii.aii\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-28T12:26:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-02-06T10:47:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1640\" \/>\n\t<meta property=\"og:image:height\" content=\"924\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mostafa Daoud\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@figpii\" \/>\n<meta name=\"twitter:site\" content=\"@figpii\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mostafa Daoud\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/\"},\"author\":{\"name\":\"Mostafa Daoud\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/7ffb80a9b7f62cccfb0a71c224362415\"},\"headline\":\"Top 3 Examples Of Heat Maps\",\"datePublished\":\"2021-10-28T12:26:00+00:00\",\"dateModified\":\"2025-02-06T10:47:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/\"},\"wordCount\":1611,\"publisher\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png\",\"articleSection\":[\"Heat Maps\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/\",\"url\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/\",\"name\":\"Top 3 Examples Of Heat Maps - FigPii blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png\",\"datePublished\":\"2021-10-28T12:26:00+00:00\",\"dateModified\":\"2025-02-06T10:47:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#primaryimage\",\"url\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png\",\"contentUrl\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png\",\"width\":1640,\"height\":924},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.figpii.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Top 3 Examples Of Heat Maps\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#website\",\"url\":\"https:\/\/www.figpii.com\/blog\/\",\"name\":\"FigPii blog\",\"description\":\"Let it marinate\",\"publisher\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.figpii.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#organization\",\"name\":\"FigPii\",\"url\":\"https:\/\/www.figpii.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2023\/09\/figpii-logo-purple.png\",\"contentUrl\":\"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2023\/09\/figpii-logo-purple.png\",\"width\":104,\"height\":40,\"caption\":\"FigPii\"},\"image\":{\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/figpii.aii\/\",\"https:\/\/x.com\/figpii\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/7ffb80a9b7f62cccfb0a71c224362415\",\"name\":\"Mostafa Daoud\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc9d45229602dd2ee3be1f26fd1da9343925342dc237bbd4f62224b0af13961?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc9d45229602dd2ee3be1f26fd1da9343925342dc237bbd4f62224b0af13961?s=96&d=mm&r=g\",\"caption\":\"Mostafa Daoud\"},\"url\":\"https:\/\/www.figpii.com\/blog\/author\/mostafa\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Top 3 Examples Of Heat Maps - FigPii blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/","og_locale":"en_US","og_type":"article","og_title":"Top 3 Examples Of Heat Maps - FigPii blog","og_description":"As marketers, we always try to figure out what our customers want In the process, we use tools like Google Analytics and Heat maps to help us. But we overcomplicate things for ourselves the more we use more tools. In this blog, I want you and I to focus on one thing, one thing only.","og_url":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/","og_site_name":"FigPii blog","article_publisher":"https:\/\/www.facebook.com\/figpii.aii\/","article_published_time":"2021-10-28T12:26:00+00:00","article_modified_time":"2025-02-06T10:47:49+00:00","og_image":[{"width":1640,"height":924,"url":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png","type":"image\/png"}],"author":"Mostafa Daoud","twitter_card":"summary_large_image","twitter_creator":"@figpii","twitter_site":"@figpii","twitter_misc":{"Written by":"Mostafa Daoud","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#article","isPartOf":{"@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/"},"author":{"name":"Mostafa Daoud","@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/7ffb80a9b7f62cccfb0a71c224362415"},"headline":"Top 3 Examples Of Heat Maps","datePublished":"2021-10-28T12:26:00+00:00","dateModified":"2025-02-06T10:47:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/"},"wordCount":1611,"publisher":{"@id":"https:\/\/www.figpii.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png","articleSection":["Heat Maps"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/","url":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/","name":"Top 3 Examples Of Heat Maps - FigPii blog","isPartOf":{"@id":"https:\/\/www.figpii.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#primaryimage"},"image":{"@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png","datePublished":"2021-10-28T12:26:00+00:00","dateModified":"2025-02-06T10:47:49+00:00","breadcrumb":{"@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#primaryimage","url":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png","contentUrl":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2021\/10\/Untitled-design.png","width":1640,"height":924},{"@type":"BreadcrumbList","@id":"https:\/\/www.figpii.com\/blog\/top-3-examples-of-heat-maps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.figpii.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Top 3 Examples Of Heat Maps"}]},{"@type":"WebSite","@id":"https:\/\/www.figpii.com\/blog\/#website","url":"https:\/\/www.figpii.com\/blog\/","name":"FigPii blog","description":"Let it marinate","publisher":{"@id":"https:\/\/www.figpii.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.figpii.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.figpii.com\/blog\/#organization","name":"FigPii","url":"https:\/\/www.figpii.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2023\/09\/figpii-logo-purple.png","contentUrl":"https:\/\/www.figpii.com\/blog\/wp-content\/uploads\/2023\/09\/figpii-logo-purple.png","width":104,"height":40,"caption":"FigPii"},"image":{"@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/figpii.aii\/","https:\/\/x.com\/figpii"]},{"@type":"Person","@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/7ffb80a9b7f62cccfb0a71c224362415","name":"Mostafa Daoud","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.figpii.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc9d45229602dd2ee3be1f26fd1da9343925342dc237bbd4f62224b0af13961?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc9d45229602dd2ee3be1f26fd1da9343925342dc237bbd4f62224b0af13961?s=96&d=mm&r=g","caption":"Mostafa Daoud"},"url":"https:\/\/www.figpii.com\/blog\/author\/mostafa\/"}]}},"_links":{"self":[{"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/posts\/813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/comments?post=813"}],"version-history":[{"count":4,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/posts\/813\/revisions"}],"predecessor-version":[{"id":5551,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/posts\/813\/revisions\/5551"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/media\/814"}],"wp:attachment":[{"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/media?parent=813"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/categories?post=813"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.figpii.com\/blog\/wp-json\/wp\/v2\/tags?post=813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}