The How-To of CRO: Step 1: Heat maps – Top Conversion Rate Optimization Tools
The How-To of CRO: Step 1: Heat maps
Top Conversion Rate Optimization Tools
Today I’m going to go through and talk about my favorite heat map software and what we use them for.
I’ll go through my website that I’ve actually been running heat maps on for a while like a live case so that you can see a how it all works.
I will go into this in more detail in future, but for now we don’t want to complicate the process too much. I think with CRO a lot of people will get confused by the amount of information don’t do anything.
So I’m going to try and keep it nice and simple so you guys can roll out heat maps on your site and then you can start to implement heat maps and start to get an idea and get some insight into what the users are doing and why they’re doing it. You’ll be able to see here they’re clicking so you can then start too increase conversions on your website.
It’s really not a hard process and it all starts with heat maps.
So I’m going to go through and show you how heat maps to works, so now we’ve logged in to the backend of my website and we’ve been running heat maps for a while now.
So to enable heat maps, click heat map, open up, okay. Now here heat maps are loaded up on my home page, so when you first sign up for heat maps you’ll have to actually goto all of the separate pages and sort of turn it off for a second so you can see what I mean.
So you’ll have to go to all the pages, if you left five page you were allowed five pages as plug change, but then you just hit record and it’ll start recording your user interaction on the page.
This is really important for affiliate sites. My site is a lead generation site so I’ve only got one call to action on it.
You can see here it gives you a breakdown of what all the users are doing, obviously the more red spots, the more high clicked areas and where they click, and this really does give you really good insight into what these are doing you wouldn’t have seen before when day after day I’m checking through clients websites.
It just gives you a really good insight, they could be clicking an image or maybe clicking one image out of ten and you can turn it into a lead capture or maybe it’s not linking to a product and you can see that it needs to be linked to the product or to the affiliate offer.
I’ve kept this nice and simple for this video, my site has just got one call to action on the actual home page and it’s got a few links people trying to find it information but those are secondary 0.07%. We can see here 8.6% want to know who the hell I am, 6 percent maybe you’re looking to sell their web sites been interested in that.
We can see here, this is very obvious that it’s coming up over here actually because that’s the difference, it’s a little bit inaccurate that’s why I don’t use heatmap.me on my client sites. I like a different service which I’ll go into in a minute, but we can see here 16.10% of all my users and clicking my “Apply Now” button which is pretty good.
That’s it heatmaps.me and now we’re going to jump over to my favorite which is what I use for CROguy and it’s called hotjar.
We’re going to jump over to my back-end for CROguy and now we can see in here all the page that I’ve recorded and also my number of page view and you’ll see when we jump into this how much more detailed it actually is, so in order to use sign your account, add your site, add your heat map, super simple home page.
So let’s jump over to my home page because that’s our main page of focus at the moment and we can see it’s much more in-depth.
Now the reason I like hotjar too is because it shows a breakdown of different screen resolutions which is really important especially when I’ll optimizing Amazon affiliate sites, because 99% of people don’t even think about Amazon affiliate sites and that’s where we get our 30 to 50 percent gains, because that’s where most the traffic coming from.
Now we are here, most of people here are reading it, I have found in some of my clients affiliate sites before that certain words people be clicking on the words because that’s what they interested in, and then you can actually link that through them to the offer too.
Once again 17.43% click the button, so we would test the button for once, but now it’s very good interesting they can jump over the mobile it shows a very different story,.
The user interaction is very different on mobile.
So if you can see here this is not rendering probably doesn’t it you drop off like that, but obviously where people are swapping and a bigger one nice thing called action down the bottom 50% of all users to read.
So let’s look at my sole page, same sort of thing, again it’s very simple, as I said I’m keeping this nice and simple and I will go more into detail later on in some more in depth case studies.
I just made this video is to show you guys how I use a heatmaps and how is step one of this for testing process.
We start every site like this here at CROguy, we’ll run them on heat maps until about a thousand or two thousand page views a get enough data where we can see what users are doing, and then we’ll start to come up with experiments that will run from that data.
So I recommend everyone goes out there, sign up for hotjar or heatmap.me, you get out there get you into any heatmaps loaded and then wait for the next video and I’ll show you the next step of the CRO process which will be coming up with experiment ideas from after analyzing the data and then we’ll go through and set up our first campaign in the VWO and also look at using optimizley.