• Home
  • CMS
  • Marketing
  • Team
  • Blog

How to Increase Website Conversions with Heatmaps

Digital Growth
januari 15, 2021

A heatmap or (heat map) is a visual overlay that helps you track your website visitor's activity. It's a great way to get an overview of how your visitors are behaving as they navigate your site. You'll learn why visitors are leaving and where they get frustrated. When you're on a mission to improve your conversion rates, heatmaps can be used in your decision-making -- as long as you know what you're looking for. That's where this post can help you.


Most heat maps are created by using click-tracking software that translates where a user places the cursor and presses the mouse button into a 2-dimensional color-coded visual. Some popular companies that provide heatmaps are vwo, crazyegg, mouseflow and hotjar.

 

Different Types of Heatmaps


Let's take a look at the three different types of heatmaps currently available and how they can be used to increase conversions.

 

Click and Tap Heatmaps

These heatmaps show where visitors click their cursor on desktop devices and where visitors tap their finger on mobile and tablet devices.

 

Click Heatmap Las Clementinas

 

How to use?

Click and tap heatmaps can be used for several kinds of tests. In the example above we used the heatmap to discover which links and call-to-actions are being clicked on the homepage of Las Clementinas hotel. We learned that ‘Chambers’ is the most clicked link, followed by ‘Contact’ and ‘Reservation’. As we knew Chambers is important, we made sure it’s the first thing the visitors see right below the fold. We also added a live chat function to make it easier for visitors to ask questions.

 

Move Heatmaps

Only available on desktop – move heatmaps show where visitors move their mouse on the screen. This provides a good representation of where the visitor is looking on the page.

 

Kissmetricts Move Heatmap

 

How to use?

You want your users to focus on specific areas on your website such as your value proposition and call-to-actions. With move heatmaps you get a good indication of where your users are looking. In this A/B test, picture A (left) shows a baby looking towards us, making us focus mainly on the baby’s face. In picture B (right) the baby is looking towards the text, shifting the focus entirely towards what’s important!

Scroll Heatmaps

Shows you to what position your visitors are scrolling on a page. It includes the precise % of visitors that see a particular vertical position.

 

Las Clementinas scroll Heatmap

 

How to use?

Scroll heatmaps give you insights into where website users are losing attention and stop scrolling down. In the example above hotel guests can select additions to their stay. We can see it’s essential to have your best offers first. We couldn't give you a screenshot showing percentages, but we found that less than 40% of this page's visitors scroll below the green area! That means that only a small percentage knows about the dining, tours and activities options on offer.

 

To explore more tests you could do with heatmaps, check out this overview.

If you're already a user of Google Analytics, heatmaps will be a great addition to start making data-driven decisions to improve your website conversion rate.

 

This article is part of the Growth Blueprint Blog Series. The Growth Blueprint provides companies with a comprehensive strategy to increase leads and grow their business online.

Setting up heatmaps is a key part of the complete foundation for a successful website. Do you want to know if the Growth Blueprint can help your business grow online? Read more here.

 

New Call-to-action

Share The post

About the author

Melvin Heinsius

Melvin Heinsius

Melvin Heinsius, inbound marketer at WX Digital Agency and founder of startup Lifevise, specializes in user experience, consumer behavior and web design. Armed with an entrepreneurial spirit and a healthy dose of creativity he loves the power of a well-told story. Melvin is a lifelong learner and he’s happy to share his insights with you along the way.

LinkedIn

More Related Stories

What are Landing pages and Thank you pages?
Read more >
Cómo utilizar WhatsApp para tu negocio.
Read more >
Your Website Is More Than Just A Business Card
Read more >
Email as a marketing tool: still alive and stronger than ever!
Read more >
Tu Negocio en el 2017 y la Automatización de Marketing
Read more >

See more posts >

Lets Keep In Touch

 info[at]wx.agency 

 +1 561 229 4778

Address

Panama

Calle 50, F&F Tower, 37th Floor,

Office D, Republic of Panama


India

HiLite Business Park, 5th Floor,

Kozhikode, Republic of India


The Netherlands

De Vriesstraat 34,

Oud-Beijerland, the Netherlands

WX Digital Agency

WX Digital Agency is an Inbound Marketing & CMS Solutions provider focused on helping organizations thrive in the digital landscape and creating a clear path towards growth, by providing cutting-edge digital solutions.

Terms of Service - Privacy Policy  | 2020 © All Right Reserved WX Digital Agency