Hotjar
Add Hotjar heatmaps and session recordings to your storefront
Hotjar shows how customers use your store with heatmaps and session recordings. The Hotjar app adds your Hotjar tracking code to every storefront page, so you can see the full customer journey through to checkout.
Hotjar is an installable app. Enable it from the Apps menu on your NEXT Dashboard.
The app works with any storefront theme and needs no theme edits. It loads the Hotjar tracking code through the theme's global header app hook, which also renders on checkout. Pages hosted outside your NEXT storefront, such as external funnels, need their own Hotjar installation.
Set Up Hotjar
- In Hotjar, open the installation instructions for your site and copy your Site ID.
- In NEXT, install Hotjar from the Apps menu and open its settings.
- Enter your Hotjar Site ID.
- Tick Enable Hotjar Tracking.
- Save, then open your storefront and confirm in Hotjar that data is arriving.
Save a valid Site ID before you enable tracking. If tracking is enabled with an empty Site ID, the Hotjar code fails with a JavaScript error on every storefront page and Hotjar does not load.
Settings
| Setting | What it does |
|---|---|
| Enable Hotjar Tracking | Adds the Hotjar tracking code to your storefront. |
| Hotjar Site ID | The Site ID from your Hotjar account's installation instructions. |
Good to Know
- The app installs the Hotjar tracking code only. It does not send NEXT ecommerce events or customer details to Hotjar.
- Because the code loads on checkout pages too, review your Hotjar data suppression settings before you enable recordings.
- If your theme already includes the Hotjar tracking code, remove it so Hotjar is not loaded twice.