How to install Hotjar on your Webflow website

Hotjar is a service that you can implement on your website to see how site visitors behave on the website. You can analyse the users movements on the site via heatmaps, record mouse clicks and create user surveys.  So, how to you install Hotjar on your Webflow site? That’s what I’ll be talking about in this article.

1. Create your Hotjar account and make sure you connect it to your website domain.
2. Now grab your Hotjar tracking code from within the Site Overview inside the Hotjar interface. You can learn more about the tracking code here.
3. Next access your Webflow site and navigate to your Webflow Site Settings. Here you need to go to your Custom Code section.
4. Once in your Custom Code section, copy the tracking code into the Head Code field and press the Save Changes button.
5. Publish your Webflow Site.
6. Now go back to your Hotjar interface and navigate to the section you grabbed your tracking code from. Click the Verify Installation button. You will receive a message telling you that Hotjar is successfully installed on your site.
7. That’s it! You can now adjust the required settings in Hotjar to track your user’s actions.

Need some help with your own Webflow site or do you have a client project needs to be built in Webflow? No worries, let’s chat about it.

Wait, before you go - if you're a freelance Designer or running your own little agency, you might be looking for a great tool to send proposals, invoices and more. I use Hello Bonsai for this and you can take a look at their website and give it a spin yourself (affiliate link). If you want to read more about it first, I have written a helpful article about it here: "How I use invoicing and proposal tool Hello Bonsai as a Webflow Designer".