Shopify doesn't allow third-party scripts in the Checkout
You will only be able to track your Storefront and your "Order Confirmation" page when Hotjar is installed properly.
If you have Shopify Plus, you may be able to track your checkout page and should talk to your Merchant Success Manager at Shopify to add Hotjar to your checkout.
Install with a Third Party Plugin
Hotjar Install & Addon is an example of a Shopify plugin you can use to install the Hotjar Tracking Code. Any script management plugins you install are not managed by Hotjar. Therefore, if you encounter any challenges during installation of the plugin or experience any incompatibility issues you will need to reach out to the plugin author for assistance.
Install in Shopify Theme
If you have already installed Hotjar through a third party plugin, you do not need to follow these steps to install the Tracking Code in your Shopify theme. Doing so will cause duplicate Tracking Codes and will result in errors.
If you have not installed Hotjar through a third party plugin, then please follow the below instructions.
Within your Shopify dashboard, click on Online Store.
Click on Themes.
Click on the Actions button on the top right and choose Edit Code.
Under layout, select theme.liquid.
Scroll down the page until you find the following tag: </head>.
Note
Some themes will use the tag, {/head}, [/header], or other variations of [/head]. These will work in the same way.
Paste your Hotjar Tracking Code just before this closing </head> tag.
Each site you add to your Hotjar account will have it's own unique Tracking Code to install. You can find your Tracking Code to install by going to Sites & Organizations and clicking on the TRACKING CODE button next to the site URL.
Click Save.
The Hotjar Tracking Code should now be installed on your Storefront. To also track order confirmations, you will need to install the Tracking Code in another section. Follow Steps #8-11 in order to do so.
Click on the gear icon at the bottom left to open Settings.
Click on Checkout.
Scroll down until you reach the Additional Scripts box. Paste the Hotjar Tracking Code.
Click Save.
The Hotjar Tracking Code should now be installed on your Order Confirmation page, however, this does not install it to your Checkout page.
Check your Hotjar Site Dashboard to verify the installation.
Once you have added the Hotjar Tracking Code to your site, you will need to wait a few minutes for Hotjar to check if it is installed correctly. This usually happens the moment your site is loaded with the Hotjar code on it, but you can visit the page yourself to speed up the process up. Once Hotjar has detected the Tracking Code on your site, the Site Dashboard will show a notice like the one below:
Double check your Tracking Code installation after making design changes
If your website undergoes a major design change after you install the Tracking Code, check to ensure your Tracking Code is still installed. Design changes may cause the Tracking Code to be removed, which will prevent Hotjar from collecting data.
Next Steps
Once you've successfully added the Tracking Code to your site, you are ready to start using Hotjar! Here are the next steps we recommend you follow:
- Setup Heatmaps, Recordings and Incoming Feedback
- Join a webinar
Still Having Trouble Installing?
You can verify the installation manually by following these steps or reach out to our support team so we can help you!