Build photo galleries, image galleries, and portfolio grids with gallery blocks. Masonry, lightbox, sliders, a...
Free
60k+ installs 4.8★ (336)
Image Hotspot Block
Create dynamic images with clickable hotspots to showcase products. Optimized for WooCommerce.
The facts
- Rating
- 4.5★ from 2
- Active installs
- 200+
- Price
- Free
- Last updated
- 18 Mar 2026
- Added
- Nov 2022
- Requires WP
- 5.0
- Tested up to
- WP 6.8.8
- Requires PHP
- 7.0
- Downloads
- 5,033
Our analysis
AI-assistedThe Image Hotspot Block is a WordPress plugin designed to help you create interactive image hotspots with tooltips that can display WooCommerce or custom product information. You can easily add this block to your pages or posts using the Gutenberg editor, allowing for straightforward integration into your site.
Customization options include changing the colour of the hotspot dot and editing the tooltip content and layout. The plugin only loads necessary scripts and styles when the hotspot block is in use, which can help improve performance.
Best for: This plugin is suitable for anyone looking to enhance their portfolio or e-commerce site with interactive image elements.
What it does well
- ✓Easy to use with the Gutenberg editor
- ✓Customizable tooltip content and layout
- ✓Loads scripts and styles only when needed
Where it falls short
- •Limited information about additional features or support
- •No details on compatibility with themes or other plugins
Verdict
The Image Hotspot Block offers a straightforward way to add interactive elements to your site, but the lack of detailed feature information may limit its appeal for some users.
From the developer
Thomas's own description of Image Hotspot Block, lightly tidied.
Easily create Image Hotspots (tooltips with WooCommerce or custom product info) with the Image Hotspot Block, all directly from within your post, page or site editor!
This plugin has just been released so please let me know if you have any feature requests or suggestion!
Key features
- Easy to use : Simply add the block to your page, add your image and products and you are good to go!
- Easy to customize : From the color of the dot, to the tooltip content and layout, we try to give you as much control as possible to let you create the perfect style for you.
- Performance : We only load our script and style when the page is actually using our block.
How to use
- Open a page or blog post using the block editor ( Gutenberg editor ).
- Add the “Image Hotspot” block.
- Choose an image.
- With the block selected, in the right sidebar ( block options ), click on “Add product”.
- From there, either add a WooCommerce product to autofill product info, or create a custom product.
- You can move the hotspot by holding ctrl or command key and draging the hotspot.
- You can then customize the tooltip layout, content etc..
Tagged as
purpose
Portfolio Showcase
platform
Gutenberg & Block Editor
Alternatives
Other plugins for showcasing work.
Logo Slider
87Logo Slider: The best responsive plugin for Logo Showcase, Logo Carousel, and displaying clients' logos....
Free
30k+ installs 4.8★ (250)
Supercharge the WordPress block editor with enhanced core blocks, hundreds of block patterns, professional sta...
Free
20k+ installs 4.9★ (170)
Showcase your story or company history, events, and roadmap in an interactive timeline using the powerful Cool...
Free
20k+ installs 4.7★ (328)
Create filterable portfolio galleries with photos, videos, category filters in masonry layouts. Supports Guten...
Free
20k+ installs 4.8★ (348)
Add, display, and manage clients, partners, sponsors, and brand logos with multiple slideshows on your site. C...
Free
20k+ installs 4.7★ (162)