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.
Log into your Shopify account
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 on 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 the Hotjar Tracking Code just before this tag.
To track order confirmations, there's another place to install the Tracking Code:
Click on the gear icon at the bottom left to open Settings.
Click on Checkout to access the Additional Scripts area.
Scroll down until you reach the Additional Scripts box.
Paste the Hotjar Tracking Code there as well.
This allows the tracking code on your order confirmation page.
Note
To ensure that the script is working correctly, clear your browser cache.
Your Hotjar Tracking Code is now installed.
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 - you can visit the page yourself to speed the process up. Once Hotjar has detected the Tracking Code on your site, the Site Dashboard will show a notice like the one below:
Keep Tracking Code in mind when making design changes
If after you install the Tracking Code, your website undergoes a major design change check to ensure your Tracking Code is still installed.
Once your tracking code is installed
You can start using any of Hotjar's 8 features: Heatmaps, Recordings, Forms, Funnels, Polls, Surveys, Recruiters and Incoming Feedback. Have a look at the guides below to get started.
- Creating Your First Heatmap Report
- How to Start Recordings
- Creating Your First Form Report
- Creating Your First Funnel Report
- Creating Your First Poll
- Creating Your First Survey
- Creating Your First Recruiters Widget
- Starting to use Incoming Feedback
Next Steps
- Add users to your organization.
- Add sites to your organization.
- Discover the difference between Accounts, Organizations, and Sites.
- Use Hotjar for your clients.