How To Install HotJar In Your Wordpress Site

111
©2016 www.malougumana.com How To Install HOTJAR 1 In Your Wordpress Site

description

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

Transcript of How To Install HotJar In Your Wordpress Site

Page 1: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

How To Install HOTJAR

1

In Your Wordpress Site

Page 2: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Open your browser

2

Page 3: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type Hotjar URL on the address bar

3

Page 4: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Press Enter on your keyboard

4

Page 5: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

This webpage opens

5

Page 6: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Let's create an account

6

Page 7: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click TRY IT FOR FREE

7

Page 8: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

You need to sign-up

8

Page 9: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click here

9

Page 10: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type FULL NAME

10

Page 11: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click here

11

Page 12: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type EMAIL ADDRESS

12

Page 13: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click here

13

Page 14: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type PASSWORD

14

Page 15: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Select ROLE

15

Page 16: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

ROLE? Yes.

16

Page 17: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Select your role to the website

you will register inside

17

Page 18: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click a role to select

18

Page 19: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

For example as Digital Marketer

19

Page 20: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Continue

20

Page 21: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

…or if you already have an account

21

Page 22: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click SIGN IN

22

Page 23: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Fill this out

23

Page 24: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click here

24

Page 25: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type your registered email address

25

Page 26: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click here

26

Page 27: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type your password

27

Page 28: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Sign In

28

Page 29: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

This webpage opens

29

Page 30: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

It means that the Hotjar

set-up30

Page 31: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

to your registered

web address31

Page 32: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

is not yet finished…

32

Page 33: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

See this?

33

Page 34: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

TRACKING INACTIVE = HOTJAR and your website

is not yet connected

34

Page 35: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

I'll teach you

35

Page 36: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

How to register your

website in Hotjar

36

Page 37: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

And how to connect

Hotjar into it37

Page 38: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

READY?

38

Page 39: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click the ⚙ icon

39

Page 40: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Select Account to add Sites

40

Page 41: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Sites & Org…

41

Page 42: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Here you will see all sites registered, we'll erase it later

42

Page 43: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

We have to add a new one

43

Page 44: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click +New Site

44

Page 45: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Now we have to fill this out, click WEBSITE

45

Page 46: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type website URL here with the http://

46

Page 47: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click SITE OWNER

47

Page 48: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Select Freelance

48

Page 49: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

If you select New Client Organization

49

Page 50: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

You need to select who will pay this account

50

Page 51: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

In this case we select freelance

51

Page 52: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Tick this

52

Page 53: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

And click Add Site

53

Page 54: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Here’s your new site

54

Page 55: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

See this old site?

55

Page 56: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click🗑to delete it

56

Page 57: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Then if you're sure, click YES, Delete

57

Page 58: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Now back here

58

Page 59: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

We need to connect Hotjar and your site

59

Page 60: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Connecting the two is

easy60

Page 61: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

I'll teach you a

shortcut61

Page 62: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Ready?

62

Page 63: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Tracking Code

63

Page 64: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Copy & Close

64

Page 65: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

The code has been copied

65

Page 66: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

You're back in this page again

66

Page 67: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Now, we need your wordpress

account67

Page 68: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

In your browser…

68

Page 69: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Open a new tab

69

Page 70: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click here

70

Page 71: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

We'll open your wordpress

site71

Page 72: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

That we just added

inside Hotjar72

Page 73: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type website URL/wp-admin like this

73

Page 74: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Input wordpress log-in details here

74

Page 75: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type Username here

75

Page 76: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type Password here

76

Page 77: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Log In

77

Page 78: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

This is your Wordpress Dashboard

78

Page 79: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Plugins

79

Page 80: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Add New

80

Page 81: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Search Plugins

81

Page 82: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Type hotjar

82

Page 83: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Press Enter on your keyboard

83

Page 84: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

This appears

84

Page 85: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

We're interested here

85

Page 86: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Install Now

86

Page 87: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Activate Plugin

87

Page 88: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click Allow & Continue

88

Page 89: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Wait Activating...

89

Page 90: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

This appears once plugin is successfully activated

90

Page 91: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Hotjar Script is just the Tracking Code

we copied before

91

Page 92: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

REMEMBER?

92

Page 93: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

In case you forget, here it is...

93

Page 94: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Paste the tracking code here, PRESS CRTL + V or CMD+V

94

Page 95: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

The code is pasted, click Save

95

Page 96: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Success!

96

Page 97: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

In wordpress, click pages

97

Page 98: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Click All Pages

98

Page 99: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Select a page to edit

99

Page 100: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Once inside, just click Update

100

Page 101: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

What for?

101

Page 102: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

To make sure that connection

between Wordpress and

Hotjar works102

Page 103: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Back to Hotjar window, click here

103

Page 104: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

You still see that Tracking Inactive

104

Page 105: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

We need to verify installation, click this

105

Page 106: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Once successfully installed, you'll see Tracking Active

106

Page 107: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

And this is the Site Dashboard

107

Page 108: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Let's see how

Hotjar works...108

Page 109: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

See you in the next tutorial!

109

Page 110: How To Install HotJar In Your Wordpress Site

©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: How To Install HotJar In Your Wordpress Site

©2016 www.malougumana.com

Credits

111

https://www.hotjar.com/ https://pixabay.com/