Download - How To Install HotJar In Your Wordpress Site

Transcript
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/