Do you want to understand your visitors' behaviours when they visit your site? Do you want to know what part of your website they click into?So many feedbacks Hotjar can give you when you installed it on your WordPress site.Ready to have it on your site easily?Go on with this tutorial.And to learn more about the power of this ALL-IN-ONE analytic tools, go to www.malougumana.com
Page 1
©2016 www.malougumana.com
How To Install HOTJAR
1
In Your Wordpress Site
Page 2
©2016 www.malougumana.com
Open your browser
2
Page 3
©2016 www.malougumana.com
Type Hotjar URL on the address bar
3
Page 4
©2016 www.malougumana.com
Press Enter on your keyboard
4
Page 5
©2016 www.malougumana.com
This webpage opens
5
Page 6
©2016 www.malougumana.com
Let's create an account
6
Page 7
©2016 www.malougumana.com
Click TRY IT FOR FREE
7
Page 8
©2016 www.malougumana.com
You need to sign-up
8
Page 9
©2016 www.malougumana.com
Click here
9
Page 10
©2016 www.malougumana.com
Type FULL NAME
10
Page 11
©2016 www.malougumana.com
Click here
11
Page 12
©2016 www.malougumana.com
Type EMAIL ADDRESS
12
Page 13
©2016 www.malougumana.com
Click here
13
Page 14
©2016 www.malougumana.com
Type PASSWORD
14
Page 15
©2016 www.malougumana.com
Select ROLE
15
Page 16
©2016 www.malougumana.com
ROLE? Yes.
16
Page 17
©2016 www.malougumana.com
Select your role to the website
you will register inside
17
Page 18
©2016 www.malougumana.com
Click a role to select
18
Page 19
©2016 www.malougumana.com
For example as Digital Marketer
19
Page 20
©2016 www.malougumana.com
Click Continue
20
Page 21
©2016 www.malougumana.com
…or if you already have an account
21
Page 22
©2016 www.malougumana.com
Click SIGN IN
22
Page 23
©2016 www.malougumana.com
Fill this out
23
Page 24
©2016 www.malougumana.com
Click here
24
Page 25
©2016 www.malougumana.com
Type your registered email address
25
Page 26
©2016 www.malougumana.com
Click here
26
Page 27
©2016 www.malougumana.com
Type your password
27
Page 28
©2016 www.malougumana.com
Click Sign In
28
Page 29
©2016 www.malougumana.com
This webpage opens
29
Page 30
©2016 www.malougumana.com
It means that the Hotjar
set-up30
Page 31
©2016 www.malougumana.com
to your registered
web address31
Page 32
©2016 www.malougumana.com
is not yet finished…
32
Page 33
©2016 www.malougumana.com
See this?
33
Page 34
©2016 www.malougumana.com
TRACKING INACTIVE = HOTJAR and your website
is not yet connected
34
Page 35
©2016 www.malougumana.com
I'll teach you
35
Page 36
©2016 www.malougumana.com
How to register your
website in Hotjar
36
Page 37
©2016 www.malougumana.com
And how to connect
Hotjar into it37
Page 38
©2016 www.malougumana.com
READY?
38
Page 39
©2016 www.malougumana.com
Click the ⚙ icon
39
Page 40
©2016 www.malougumana.com
Select Account to add Sites
40
Page 41
©2016 www.malougumana.com
Click Sites & Org…
41
Page 42
©2016 www.malougumana.com
Here you will see all sites registered, we'll erase it later
42
Page 43
©2016 www.malougumana.com
We have to add a new one
43
Page 44
©2016 www.malougumana.com
Click +New Site
44
Page 45
©2016 www.malougumana.com
Now we have to fill this out, click WEBSITE
45
Page 46
©2016 www.malougumana.com
Type website URL here with the http://
46
Page 47
©2016 www.malougumana.com
Click SITE OWNER
47
Page 48
©2016 www.malougumana.com
Select Freelance
48
Page 49
©2016 www.malougumana.com
If you select New Client Organization
49
Page 50
©2016 www.malougumana.com
You need to select who will pay this account
50
Page 51
©2016 www.malougumana.com
In this case we select freelance
51
Page 52
©2016 www.malougumana.com
Tick this
52
Page 53
©2016 www.malougumana.com
And click Add Site
53
Page 54
©2016 www.malougumana.com
Here’s your new site
54
Page 55
©2016 www.malougumana.com
See this old site?
55
Page 56
©2016 www.malougumana.com
Click🗑to delete it
56
Page 57
©2016 www.malougumana.com
Then if you're sure, click YES, Delete
57
Page 58
©2016 www.malougumana.com
Now back here
58
Page 59
©2016 www.malougumana.com
We need to connect Hotjar and your site
59
Page 60
©2016 www.malougumana.com
Connecting the two is
easy60
Page 61
©2016 www.malougumana.com
I'll teach you a
shortcut61
Page 62
©2016 www.malougumana.com
Ready?
62
Page 63
©2016 www.malougumana.com
Click Tracking Code
63
Page 64
©2016 www.malougumana.com
Click Copy & Close
64
Page 65
©2016 www.malougumana.com
The code has been copied
65
Page 66
©2016 www.malougumana.com
You're back in this page again
66
Page 67
©2016 www.malougumana.com
Now, we need your wordpress
account67
Page 68
©2016 www.malougumana.com
In your browser…
68
Page 69
©2016 www.malougumana.com
Open a new tab
69
Page 70
©2016 www.malougumana.com
Click here
70
Page 71
©2016 www.malougumana.com
We'll open your wordpress
site71
Page 72
©2016 www.malougumana.com
That we just added
inside Hotjar72
Page 73
©2016 www.malougumana.com
Type website URL/wp-admin like this
73
Page 74
©2016 www.malougumana.com
Input wordpress log-in details here
74
Page 75
©2016 www.malougumana.com
Type Username here
75
Page 76
©2016 www.malougumana.com
Type Password here
76
Page 77
©2016 www.malougumana.com
Click Log In
77
Page 78
©2016 www.malougumana.com
This is your Wordpress Dashboard
78
Page 79
©2016 www.malougumana.com
Click Plugins
79
Page 80
©2016 www.malougumana.com
Click Add New
80
Page 81
©2016 www.malougumana.com
Click Search Plugins
81
Page 82
©2016 www.malougumana.com
Type hotjar
82
Page 83
©2016 www.malougumana.com
Press Enter on your keyboard
83
Page 84
©2016 www.malougumana.com
This appears
84
Page 85
©2016 www.malougumana.com
We're interested here
85
Page 86
©2016 www.malougumana.com
Click Install Now
86
Page 87
©2016 www.malougumana.com
Click Activate Plugin
87
Page 88
©2016 www.malougumana.com
Click Allow & Continue
88
Page 89
©2016 www.malougumana.com
Wait Activating...
89
Page 90
©2016 www.malougumana.com
This appears once plugin is successfully activated
90
Page 91
©2016 www.malougumana.com
Hotjar Script is just the Tracking Code
we copied before
91
Page 92
©2016 www.malougumana.com
REMEMBER?
92
Page 93
©2016 www.malougumana.com
In case you forget, here it is...
93
Page 94
©2016 www.malougumana.com
Paste the tracking code here, PRESS CRTL + V or CMD+V
94
Page 95
©2016 www.malougumana.com
The code is pasted, click Save
95
Page 96
©2016 www.malougumana.com
Success!
96
Page 97
©2016 www.malougumana.com
In wordpress, click pages
97
Page 98
©2016 www.malougumana.com
Click All Pages
98
Page 99
©2016 www.malougumana.com
Select a page to edit
99
Page 100
©2016 www.malougumana.com
Once inside, just click Update
100
Page 101
©2016 www.malougumana.com
What for?
101
Page 102
©2016 www.malougumana.com
To make sure that connection
between Wordpress and
Hotjar works102
Page 103
©2016 www.malougumana.com
Back to Hotjar window, click here
103
Page 104
©2016 www.malougumana.com
You still see that Tracking Inactive
104
Page 105
©2016 www.malougumana.com
We need to verify installation, click this
105
Page 106
©2016 www.malougumana.com
Once successfully installed, you'll see Tracking Active
106
Page 107
©2016 www.malougumana.com
And this is the Site Dashboard
107
Page 108
©2016 www.malougumana.com
Let's see how
Hotjar works...108
Page 109
©2016 www.malougumana.com
See you in the next tutorial!
109
Page 110
©2016 www.malougumana.com
“I choose a lazy person to do a hard job.
Because a lazy person will find an easy way to do it.”
110
- BILL GATES
Page 111
©2016 www.malougumana.com
Credits
111
https://www.hotjar.com/ https://pixabay.com/