Note
Shopify does not allow the use of external script in the checkout, so you will only be able to track your Storefront as well as the Order Confirmation page.
Log into your Shopify account
Click on Online Store.
Click on Themes.
Click on the Actions button on the top right and choose Edit HTML/CSS.
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:
Note
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.