MARKETPLACE
PLUGINS
HEATMAP ON IMAGE CLICK
Heatmap on Image Click logo

Heatmap on Image Click

Published August 2024
   •    Updated today

Plugin details

Create interactive heatmaps on images by clicking on the image or using predefined coordinates. Supports uploaded files and dynamic image links with adjustable dimensions for accurate overlays.
       

⚡ Main Functions

Interactive heatmap creation
   Generate heatmaps by clicking directly on image areas.
Coordinate-based heatmaps
   Create heatmaps using predefined coordinate data.
Image-based visualization
   Display heatmap data on top of any image.

⚡ Key Features

🖼 Flexible image sources
     Works with both uploaded files and dynamic image links.
📏 Adjustable image dimensions
     Set origin image size for accurate heatmap positioning.
⚡ Dynamic data updates
     Update heatmap data based on user interactions or preset values.



Documentation

We’ve created a detailed step-by-step guide for the Heatmap on Image Click Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

What does the Heatmap on Image Click plugin do?
It allows you to create a clickable heatmap over an image in your Bubble app, recording and visualizing where users click.

How does it work?
The plugin captures the X and Y coordinates of user clicks on an image and stores that data, which can later be used to render a heatmap overlay.

What type of images can be used?
You can use any static image, such as UI mockups, product shots, maps, or screenshots — as long as it's displayed within the plugin’s container.

Can I see where most users clicked?
Yes, the plugin includes a heatmap renderer that displays aggregated clicks visually using color intensity.

Can I store the click data?
Yes, you can store the click coordinates in your Bubble database and associate them with user sessions, images, or custom identifiers.

Is this plugin mobile-responsive?
Yes, the plugin works on both desktop and mobile devices and adjusts to image scaling.

What can I use this plugin for?
It’s ideal for UI/UX testing, user feedback collection, product analysis, educational tools, or any app that benefits from visual interaction tracking.

   


Our Similar Plugins

- Touch and Mouse Events Detection
- HotJar Analytics & Site Recording
- Image Annotation
- Record User Sessions & Analytics
- Image map Generator




Support

If you still have questions or unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$50

One time  •  Or  $5/mo

5.0 stars   •   1 ratings
2.0K installs
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   838 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/heatmap-on-image-click

Types

This plugin can be found under the following types:
Element   •   Event

Categories

This plugin can be found under the following categories:
Analytics   •   Location   •   Data (things)   •   Compliance   •   Productivity   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Nice visualization
December 26th, 2025
Click heatmaps work well
Greetings, It’s Anton, from the Zeroqode Support Team. We're grateful for your warm review and are delighted to bring joy to our users. Our lines are always open if you have any questions or suggestions. You can contact us on our forum (https://forum.zeroqode.com/) or directly at [email protected]. In case you find some issues without plugins, please fill out the form at https://issues.zeroqode.com and we will get back to you Again, thank you for the review. Best Regards, Anton
December 29th, 2025
  •  
Zeroqode - Top Bubble Agency
Bubble