How To Install HotJar In Your Wordpress Site

Post on 16-Jul-2016

106 views 0 download

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

©2016 www.malougumana.com

How To Install HOTJAR

1

In Your Wordpress Site

©2016 www.malougumana.com

Open your browser

2

©2016 www.malougumana.com

Type Hotjar URL on the address bar

3

©2016 www.malougumana.com

Press Enter on your keyboard

4

©2016 www.malougumana.com

This webpage opens

5

©2016 www.malougumana.com

Let's create an account

6

©2016 www.malougumana.com

Click TRY IT FOR FREE

7

©2016 www.malougumana.com

You need to sign-up

8

©2016 www.malougumana.com

Click here

9

©2016 www.malougumana.com

Type FULL NAME

10

©2016 www.malougumana.com

Click here

11

©2016 www.malougumana.com

Type EMAIL ADDRESS

12

©2016 www.malougumana.com

Click here

13

©2016 www.malougumana.com

Type PASSWORD

14

©2016 www.malougumana.com

Select ROLE

15

©2016 www.malougumana.com

ROLE? Yes.

16

©2016 www.malougumana.com

Select your role to the website

you will register inside

17

©2016 www.malougumana.com

Click a role to select

18

©2016 www.malougumana.com

For example as Digital Marketer

19

©2016 www.malougumana.com

Click Continue

20

©2016 www.malougumana.com

…or if you already have an account

21

©2016 www.malougumana.com

Click SIGN IN

22

©2016 www.malougumana.com

Fill this out

23

©2016 www.malougumana.com

Click here

24

©2016 www.malougumana.com

Type your registered email address

25

©2016 www.malougumana.com

Click here

26

©2016 www.malougumana.com

Type your password

27

©2016 www.malougumana.com

Click Sign In

28

©2016 www.malougumana.com

This webpage opens

29

©2016 www.malougumana.com

It means that the Hotjar

set-up30

©2016 www.malougumana.com

to your registered

web address31

©2016 www.malougumana.com

is not yet finished…

32

©2016 www.malougumana.com

See this?

33

©2016 www.malougumana.com

TRACKING INACTIVE = HOTJAR and your website

is not yet connected

34

©2016 www.malougumana.com

I'll teach you

35

©2016 www.malougumana.com

How to register your

website in Hotjar

36

©2016 www.malougumana.com

And how to connect

Hotjar into it37

©2016 www.malougumana.com

READY?

38

©2016 www.malougumana.com

Click the ⚙ icon

39

©2016 www.malougumana.com

Select Account to add Sites

40

©2016 www.malougumana.com

Click Sites & Org…

41

©2016 www.malougumana.com

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

42

©2016 www.malougumana.com

We have to add a new one

43

©2016 www.malougumana.com

Click +New Site

44

©2016 www.malougumana.com

Now we have to fill this out, click WEBSITE

45

©2016 www.malougumana.com

Type website URL here with the http://

46

©2016 www.malougumana.com

Click SITE OWNER

47

©2016 www.malougumana.com

Select Freelance

48

©2016 www.malougumana.com

If you select New Client Organization

49

©2016 www.malougumana.com

You need to select who will pay this account

50

©2016 www.malougumana.com

In this case we select freelance

51

©2016 www.malougumana.com

Tick this

52

©2016 www.malougumana.com

And click Add Site

53

©2016 www.malougumana.com

Here’s your new site

54

©2016 www.malougumana.com

See this old site?

55

©2016 www.malougumana.com

Click🗑to delete it

56

©2016 www.malougumana.com

Then if you're sure, click YES, Delete

57

©2016 www.malougumana.com

Now back here

58

©2016 www.malougumana.com

We need to connect Hotjar and your site

59

©2016 www.malougumana.com

Connecting the two is

easy60

©2016 www.malougumana.com

I'll teach you a

shortcut61

©2016 www.malougumana.com

Ready?

62

©2016 www.malougumana.com

Click Tracking Code

63

©2016 www.malougumana.com

Click Copy & Close

64

©2016 www.malougumana.com

The code has been copied

65

©2016 www.malougumana.com

You're back in this page again

66

©2016 www.malougumana.com

Now, we need your wordpress

account67

©2016 www.malougumana.com

In your browser…

68

©2016 www.malougumana.com

Open a new tab

69

©2016 www.malougumana.com

Click here

70

©2016 www.malougumana.com

We'll open your wordpress

site71

©2016 www.malougumana.com

That we just added

inside Hotjar72

©2016 www.malougumana.com

Type website URL/wp-admin like this

73

©2016 www.malougumana.com

Input wordpress log-in details here

74

©2016 www.malougumana.com

Type Username here

75

©2016 www.malougumana.com

Type Password here

76

©2016 www.malougumana.com

Click Log In

77

©2016 www.malougumana.com

This is your Wordpress Dashboard

78

©2016 www.malougumana.com

Click Plugins

79

©2016 www.malougumana.com

Click Add New

80

©2016 www.malougumana.com

Click Search Plugins

81

©2016 www.malougumana.com

Type hotjar

82

©2016 www.malougumana.com

Press Enter on your keyboard

83

©2016 www.malougumana.com

This appears

84

©2016 www.malougumana.com

We're interested here

85

©2016 www.malougumana.com

Click Install Now

86

©2016 www.malougumana.com

Click Activate Plugin

87

©2016 www.malougumana.com

Click Allow & Continue

88

©2016 www.malougumana.com

Wait Activating...

89

©2016 www.malougumana.com

This appears once plugin is successfully activated

90

©2016 www.malougumana.com

Hotjar Script is just the Tracking Code

we copied before

91

©2016 www.malougumana.com

REMEMBER?

92

©2016 www.malougumana.com

In case you forget, here it is...

93

©2016 www.malougumana.com

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

94

©2016 www.malougumana.com

The code is pasted, click Save

95

©2016 www.malougumana.com

Success!

96

©2016 www.malougumana.com

In wordpress, click pages

97

©2016 www.malougumana.com

Click All Pages

98

©2016 www.malougumana.com

Select a page to edit

99

©2016 www.malougumana.com

Once inside, just click Update

100

©2016 www.malougumana.com

What for?

101

©2016 www.malougumana.com

To make sure that connection

between Wordpress and

Hotjar works102

©2016 www.malougumana.com

Back to Hotjar window, click here

103

©2016 www.malougumana.com

You still see that Tracking Inactive

104

©2016 www.malougumana.com

We need to verify installation, click this

105

©2016 www.malougumana.com

Once successfully installed, you'll see Tracking Active

106

©2016 www.malougumana.com

And this is the Site Dashboard

107

©2016 www.malougumana.com

Let's see how

Hotjar works...108

©2016 www.malougumana.com

See you in the next tutorial!

109

©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

©2016 www.malougumana.com

Credits

111

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