{"id":11192,"date":"2024-08-20T13:32:43","date_gmt":"2024-08-20T13:32:43","guid":{"rendered":"https:\/\/spreecommerce.org\/?post_type=cpt_integrations&#038;p=11192"},"modified":"2024-08-21T13:14:19","modified_gmt":"2024-08-21T13:14:19","slug":"hotjar-integration-with-spree","status":"publish","type":"cpt_integrations","link":"https:\/\/spreecommerce.org\/integrations\/hotjar-integration-with-spree\/","title":{"rendered":"Hotjar and Spree integration"},"content":{"rendered":"\n<p><a href=\"https:\/\/www.hotjar.com\/\">Hotjar<\/a>&nbsp;is a powerful tool that reveals the online behavior and voice of your users. By combining both Analysis and Feedback tools, Hotjar gives you the \u2018big picture\u2019 of how to improve your site\u2019s user experience and performance\/conversion rates.<\/p>\n\n\n\n<p>The integration of Hotjar with your Spree Commerce store can be done quickly and easily following the guidelines mentioned below.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">The benefits of using Hotjar for your eCommerce business<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Heatmaps<\/h3>\n\n\n\n<p>Understand what users want, care about and do on your site by visually representing their clicks, taps and scrolling behavior \u2013 which are the strongest indicators of visitor motivation and desire.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Visitor Recordings<\/h3>\n\n\n\n<p>Eliminate guesswork with Recordings of real visitor behavior on your site. By seeing your visitor\u2019s clicks, taps, mouse movements you can identify usability issues on the \ufb02y.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Conversion Funnels<\/h3>\n\n\n\n<p>Find the biggest opportunities for improvement and testing by identifying on which page and at which step most visitors are leaving your site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Form Analytics<\/h3>\n\n\n\n<p>Improve online form completion rates by discovering which fields take too long to \ufb01ll, which are left blank, and why your visitors abandon your form and page.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"feedback-tools\">Polls<\/h3>\n\n\n\n<p>Improving the performance and experience of your website starts with understanding what your visitors want and what\u2019s preventing them from achieving it. Target questions to specific visitors anywhere on your web and mobile site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Surveys<\/h3>\n\n\n\n<p>Build your own responsive surveys using an easy editor. Collect responses in real-time from any device. Distribute your surveys using web links, emails or invite your visitors just before they abandon your site to uncover their objections or concerns.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Incoming Feedback<\/h3>\n\n\n\n<p>Our incoming feedback feature allows you to get instant visual feedback for your website or app. It allows you to see what people love and hate, identify issues, and find opportunities for growth.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Recruit User Testers<\/h3>\n\n\n\n<p>Recruit the best possible participants for user research and testing directly from your site. Collect profiling information, contact details and offer a gift in exchange for their help.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to integrate Hotjar with Spree<\/h2>\n\n\n\n<p>The easiest way to integrate Hotjar with Spree is using&nbsp;<a href=\"https:\/\/github.com\/spree-contrib\/spree_analytics_trackers\">Spree Analytics Trackers<\/a>.<\/p>\n\n\n\n<p>This extensions adds support for&nbsp;<a href=\"https:\/\/developers.google.com\/analytics\/devguides\/collection\/analyticsjs\/enhanced-ecommerce\">Google Analytics Enhanced Ecommerce<\/a>&nbsp;and&nbsp;<a href=\"https:\/\/segment.com\/docs\/spec\/ecommerce\/v2\/\">Segment Ecommerce<\/a>&nbsp;tracking to&nbsp;<a href=\"https:\/\/spreecommerce.org\/\">Spree Commerce<\/a>&nbsp;stores.<\/p>\n\n\n\n<p>Via Segment.com you can plug-in also a lot of additional vendors and services like:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/spreecommerce.org\/integrations\/mixpanel-integration-with-spree\/\">Mixpanel<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/spreecommerce.org\/integrations\/kissmetrics-integration-with-spree\/\">Kissmetrics<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/spreecommerce.org\/integrations\/google-tag-manager-integration-with-spree\/\">Google Tag Manager<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/spreecommerce.org\/integrations\/facebook-pixel-integration-with-spree\/\">Facebook Pixels<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/spreecommerce.org\/integrations\/google-adwords-remarketing-integration-with-spree\/\">Google Adwords remarketing<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/segment.com\/catalog#integrations\/all\">and hundreds others<\/a><\/li>\n<\/ul>\n\n\n\n<p>No additional development required.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Installation<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Add this extension to your Gemfile with this line:<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">gem 'spree_analytics_trackers', github: 'spree-contrib\/spree_analytics_trackers'\n<\/pre>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Install the gem using Bundler:<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">bundle install<\/pre>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Copy &amp; run migrations<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-preformatted\">bundle exec rails g spree_analytics_trackers:install<\/pre>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Restart your server<\/li>\n<\/ol>\n\n\n\n<p>If your server was running, restart it so that it can find the assets properly.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Adding specialized analytics to your online store has never been so simple! Just install `<a href=\"https:\/\/github.com\/spree-contrib\/spree_analytics_trackers\">spree_analytics_trackers<\/a>`, configure Segment and connect hundreds of various analytic solutions. \u2013 Piotr Leniec, Senior Fullstack Developer,&nbsp;<a href=\"https:\/\/sparksolutions.co\/\">Spark Solutions<\/a><\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Example of Hotjar and Spree integration<\/h2>\n\n\n\n<p><a href=\"https:\/\/shopfelixgray.com\/\">Felix Gray<\/a>\u2018s&nbsp;glasses are designed for healthier, happy eyes. The company uses Spree for their online store and Hotjar for heatmaps.<\/p>\n\n\n\n<p>Read more:&nbsp;<a href=\"https:\/\/spreecommerce.org\/stories\/spree-allows-felix-gray-run-a-custom-ecommerce-platform-and-process-prescriptions-for-lenses\/\">Felix Gray\u2019s success story<\/a><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" width=\"1562\" height=\"897\" src=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2019\/01\/example-of-Hotjar-and-Spree-Commerce-Integration.jpg\" alt=\"example of Hotjar and Spree Commerce Integration\" class=\"wp-image-2398\" srcset=\"https:\/\/spreecommerce.org\/wp-content\/uploads\/2019\/01\/example-of-Hotjar-and-Spree-Commerce-Integration.jpg 1562w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2019\/01\/example-of-Hotjar-and-Spree-Commerce-Integration-300x172.jpg 300w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2019\/01\/example-of-Hotjar-and-Spree-Commerce-Integration-768x441.jpg 768w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2019\/01\/example-of-Hotjar-and-Spree-Commerce-Integration-1024x588.jpg 1024w, https:\/\/spreecommerce.org\/wp-content\/uploads\/2019\/01\/example-of-Hotjar-and-Spree-Commerce-Integration-600x345.jpg 600w\" sizes=\"(max-width: 1562px) 100vw, 1562px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Hotjar&nbsp;is a powerful tool that reveals the online behavior and voice of your users. By combining both Analysis and Feedback tools, Hotjar gives you the \u2018big picture\u2019 of how to improve your site\u2019s user experience and performance\/conversion rates. The integration of Hotjar with your Spree Commerce store can be done quickly and easily following the [&hellip;]<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":true,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":""},"cpt_integrations_category":[983,985],"class_list":["post-11192","cpt_integrations","type-cpt_integrations","status-publish","hentry","cpt_integrations_category-analytics","cpt_integrations_category-marketing-tools"],"acf":[],"_links":{"self":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/cpt_integrations\/11192","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/cpt_integrations"}],"about":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/types\/cpt_integrations"}],"wp:attachment":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/media?parent=11192"}],"wp:term":[{"taxonomy":"cpt_integrations_category","embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/cpt_integrations_category?post=11192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}