Hotjar by vtex

Open the VTEX APP Store and install the app on your store.

Run the following command:


_10vtex install vtex.hotjar@0.x

Next, open the app settings on your admin and fill the form with Site ID.

Setup in Cart and Checkout page

Open your admin in the Checkout section in the checkout6-custom.js:

https://ACCOUNT.myvtex.com/admin/portal/#/sites/default/code/files/checkout6-custom.js

Add the following snippet in the file and replace "YOURSITEID" with your Site ID:


_10// Hotjar
_10(function(h,o,t,j,a,r){
_10    var siteId = 'YOURSITEID';
_10    h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
_10    h._hjSettings={hjid:siteId,hjsv:6};
_10    a=o.getElementsByTagName('head')[0];
_10    r=o.createElement('script');r.async=1;
_10    r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
_10    a.appendChild(r);
_10})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');

Click Save.