How to collect user feedback using Hotjar in Power Pages

Calum HarrisonCalum Harrison
3 min read

Wondering how to get user feedback in Power Pages ? Hotjar is a SAAS product that provides a feature to capture feedback easily without writing any custom code. {.lead}

[!IMPORTANT] Not all of Hotjar's features are free so please review the pricing plans before choosing this tool for a commercial project.

Getting started with Hotjar

Visit Hotjar and register an account.

1: Add a new site.

{{< image src="https://res.cloudinary.com/dnpazhkyr/image/upload/v1744538426/add_a_site_uxiy8g.png" caption="This image is a screenshot from the Hotjar website. The screenshot points (using an arrow) to the section on the web page that allows you to create a site in Hotjar." wrapper="col-12 mx-auto">}}

[!NOTE] You will likely need to create an organisation for which the website will belong too.

2: Fill in the site creation form.

Example of the Power Pages URL could be https://travel-site-99.powerappsportals.com/

{{< image src="https://res.cloudinary.com/dnpazhkyr/image/upload/v1744538747/add_a_site2_yypql5.png" caption="This image is a screenshot from the Hotjar website. It displays a form to create a site." wrapper="col-12 mx-auto">}}

3: Copy the tracking code.

{{< image src="https://res.cloudinary.com/dnpazhkyr/image/upload/v1744538425/install_tracker_mt0enu.png" caption="This image is a screenshot from the Hotjar website. The screenshot points (using an arrow) to the section on the web page that directs you to the page that will allow you to copy the tracking code." wrapper="col-12 mx-auto">}}

{{< image src="https://res.cloudinary.com/dnpazhkyr/image/upload/v1744539564/copy_tracker_code_yqf5ia.png" caption="This image is a screenshot from the Hotjar website. The screenshot points (using an arrow) to a button that allows you to copy the Hotjar tracking code." wrapper="col-12 mx-auto">}}

How to add Hotjar to Power Pages

[!IMPORTANT] Make sure that in the system settings within CRM it's not blocking the JS file extension. Also, the portal site visibility is set to Public.

4: Open the portal management app and create a content snippet with the following values to store the Hotjar tracking code.

{{< image src="https://res.cloudinary.com/dnpazhkyr/image/upload/v1744539974/header_tracking_code_uorgoi.png" caption="This image is a screenshot from a Power Pages management application website. The screenshot shows the Hotjar content snippet." wrapper="col-12 mx-auto">}}

5: Go to the "Header" web template and include the content snippet we have just created.

{{< image src="https://res.cloudinary.com/dnpazhkyr/image/upload/v1744539974/header_webtemplate_lqoxlq.png" caption="This image is a screenshot from a Power Pages management application website. The screenshot highlights an area of the web template where the content snippet is included." wrapper="col-12 mx-auto">}}

Hotjar installation final steps

6: Go back to Hotjar and verify the installation.

{{< image src="https://res.cloudinary.com/dnpazhkyr/image/upload/v1744540653/verify-installation_f5vaw9.png" caption="This image is a screenshot from the Hotjar website. The screenshot highlights where to verify the Hotjar installation." wrapper="col-12 mx-auto">}}

7: Create a survey form

{{< image src="https://res.cloudinary.com/dnpazhkyr/image/upload/v1744540651/create_survey_yevxde.png" caption="This image is a screenshot from the Hotjar website. The screenshot highlights the section of the web page that allows you to create a survey form." wrapper="col-12 mx-auto">}}

It's alive!

8: Give yourself some great feedback

{{< image src="https://res.cloudinary.com/dnpazhkyr/image/upload/v1744540189/hotjar_example_ivbomk.png" caption="This image is a screenshot from a Power Pages website. The screenshot shows the Hotjar feedback widget on the website." wrapper="col-12 mx-auto">}}


Conclusion

Collecting feedback has never been so easy thanks to tools like Hotjar. It's worth adding a way to collect feedback for your future Power Pages projects so they are built with the end-user in mind. {.lead}

As always, thanks for reading and take it easy! {.lead}

0
Subscribe to my newsletter

Read articles from Calum Harrison directly inside your inbox. Subscribe to the newsletter, and don't miss out.

Written by

Calum Harrison
Calum Harrison