diff --git a/README.md b/README.md
index 7890ee7..18b9bd4 100644
--- a/README.md
+++ b/README.md
@@ -146,6 +146,10 @@ module.exports = {
     // GA3 tracking id/GA4 tag id
     id: '' // UA-XXXXXXXXX-X | G-XXXXXXXXXX
   },
+  hotjar: {
+    id: '',
+    snippetVersion : 6 
+  },
   themeConfig: {
     default: 'light',
 
@@ -240,14 +244,15 @@ Besides tracking visitors, ezFolio will track click events on projects and blog
 
 ### Hotjar
 
-ezProfile supports hotjar. If you do not want to use Hotjar, comment out the id property.
+ezProfile supports hotjar. If you do not want to use Hotjar, keep the <code>id</code> empty.
 
 ```js
 // config.js
 module.exports = {
   // ...
   hotjar: {
-    //id: 
+    id: '',
+    snippetVersion : 6 
   },
 }
 ```
diff --git a/package-lock.json b/package-lock.json
index 8faa24c..e2ef099 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,7 +5,6 @@
     "requires": true,
     "packages": {
         "": {
-            "name": "ezprofile",
             "version": "1.0.1",
             "license": "Apache-2.0",
             "dependencies": {
diff --git a/src/config.js b/src/config.js
index a047949..d84f11e 100644
--- a/src/config.js
+++ b/src/config.js
@@ -87,8 +87,8 @@ module.exports = {
         id: 'G-WLLB5E14M6' // Please remove this and use your own tag id
     },
     hotjar: {
-        id: 1234567, //  Please remove this and use your own id
-        snippetVersion : 6 // hotjar snippet version, defaults to 6
+        id: '2617601', //  Please remove this and use your own id
+        snippetVersion : 6
     },
     themeConfig: {
         default: 'light',
diff --git a/src/helpers/setupHotjar.js b/src/helpers/setupHotjar.js
deleted file mode 100644
index 9ca55fd..0000000
--- a/src/helpers/setupHotjar.js
+++ /dev/null
@@ -1,10 +0,0 @@
-import { hotjar } from 'react-hotjar';
-import config from "./../config";
-
-export function setupHotjar() {
-    if (config.hotjar?.id) {
-        let snippetVersion = config.hotjar?.snippetVersion ? config.hotjar?.snippetVersion : 6;
-        
-        hotjar.initialize(config.hotjar.id, snippetVersion);
-    }
-}
\ No newline at end of file
diff --git a/src/helpers/utils.js b/src/helpers/utils.js
index 6de01df..bd2cdea 100644
--- a/src/helpers/utils.js
+++ b/src/helpers/utils.js
@@ -1,5 +1,6 @@
 import config from "../config";
 import colors from './colors.json';
+import { hotjar } from 'react-hotjar';
 
 export const getInitialTheme = () => {
     if (config.themeConfig.disableSwitch) {
@@ -67,4 +68,12 @@ export const isThemeDarkish = (theme) => {
     } else {
         return false;
     }
+}
+
+export const setupHotjar = () => {
+    if (config.hotjar?.id) {
+        let snippetVersion = config.hotjar?.snippetVersion ? config.hotjar?.snippetVersion : 6;
+        
+        hotjar.initialize(config.hotjar.id, snippetVersion);
+    }
 }
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 9ff31db..1cbec3d 100644
--- a/src/index.js
+++ b/src/index.js
@@ -6,7 +6,7 @@ import reportWebVitals from './reportWebVitals';
 import { HelmetProvider } from 'react-helmet-async';
 import { ThemeProvider } from './contexts/ThemeContext';
 import { LoadingProvider } from './contexts/LoadingContext';
-import { setupHotjar } from './helpers/setupHotjar';
+import { setupHotjar } from './helpers/utils';
 
 ReactDOM.render(
     <React.StrictMode>