From Friday July 1, 2022 we're moving accounts that were created before April 20, 2022 to our updated pricing model.
Under the updated pricing model, we've grouped Surveys and Feedback into a separate product called Ask that’s priced based on the number of responses you want to collect across Surveys and Feedback. Heatmaps and Recordings will be grouped into a separate product called Observe and will still be priced based on the number of daily sessions.
Both products, Observe and Ask, will have the Basic (free), Plus, Business, and Scale plans available, and the selected plan can be different for each product.
See the Updating our pricing model blog post for all the details on this update.
A Heatmap screenshot is your site's page image shown underneath the heat data. The screenshot is generated using an actual user session captured in our Recordings tool. You might decide to update this screenshot because it misses parts of your page or when you've changed the page design and you'd like the screenshot refreshed.
This article will step through the process of refreshing your screenshot or taking a new screenshot yourself.
How to use the update screenshot tool
While viewing a heatmap, click Update.
Click Refresh or Take new.
- Refresh will find the last recording of the page and automatically update the screenshot. Choosing to refresh the screenshot means you won't be able to go back to the previous screenshot. If you choose this option, you won't need to follow the additional steps in this article that are listed below.
- Take new enables you to find the screenshot you want from the recording used to generate the original screenshot.
If you've clicked Take new, you can now pause the recording timeline where you'd like to capture the screenshot.
To reach a moment in the recording where a better state of the page is shown, use the play and pause button or drag the playback progress indicator along the timeline.
You won't see a single view of the entire page when reviewing a recording.
The recording session won't show a single view containing your entire page. However, the user may scroll down the page depending on the session.
When ready, click Take screenshot.
The Heatmap tool will use your new screenshot to update the heatmap report. Heatmap data will also be updated based on newly visible content.
Taking a new screenshot won't update multiple devices at once.
You will need to repeat the process above when you'd like to take a new screenshot for each of the other devices.
What if my screenshot still doesn't look right?
If your screenshot still doesn't seem right, several things might be causing the issue. The problem may be occurring because:
- Your website's server prevents Hotjar from accessing some of the page content like images, fonts, CSS, etc. For help with this, see our article on Why is my Heatmap screenshot only showing HTML and no CSS?
- Due to limitations with Heatmaps, Hotjar may be unable to render some of your page components. You can see if your site falls under one of our limitations in Heatmap Limitations.