WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides

Image Hotspots Field for ACF

Capture coordinates on images for interactive hotspots. Fork with full Gutenberg block editor support.

Image Hotspots Field for ACF

The facts

Active installs
100+
Price
Free
Last updated
5 Dec 2025
Added
Dec 2025
Requires WP
5.8
Tested up to
WP 6.8.8
Requires PHP
7.2
Downloads
1,630

Our analysis

AI-assisted

Image Hotspots Field for ACF is a WordPress plugin that adds a custom field type to Advanced Custom Fields (ACF), allowing users to click on an image and capture precise X/Y coordinates. This functionality is useful for creating interactive image maps or product hotspots, where accurate positioning is required.

The plugin supports both pixel-based and percentage-based coordinates and works in both regular ACF field groups and ACF blocks within the Gutenberg editor. It enhances the original ACF Image Hotspots Field by Andrew Rockwell with additional features for modern WordPress development.

Best for: This plugin is suitable for developers looking to create interactive image features on their WordPress sites.

What it does well

  • Captures precise X/Y coordinates on images
  • Supports pixel and percentage-based coordinates
  • Compatible with ACF 5.8+ and WordPress 5.8+
  • Works in both ACF field groups and Gutenberg blocks
  • Automatically updates block previews when coordinates change

Where it falls short

  • No published rating available
  • Limited information on user experience or support

Verdict

Image Hotspots Field for ACF offers useful functionality for creating interactive elements, but lacks user ratings and detailed feedback.

From the developer

Levels Branding and Webdevelopment's own description of Image Hotspots Field for ACF, lightly tidied.

This plugin adds a custom ACF field type that allows users to click on an image and capture X/Y coordinates. Perfect for creating interactive image maps, product hotspots, or any feature requiring precise coordinate-based positioning.

This is a fork of the original ACF Image Hotspots Field by Andrew Rockwell, enhanced with full support for ACF blocks in the Gutenberg editor.

Key Features

  • Click on an image to capture precise X/Y coordinates
  • Supports both pixel-based and percentage-based coordinates
  • Links to existing ACF image fields
  • Visual marker shows the selected position
  • Works in regular ACF field groups AND ACF blocks
  • NEW: Full Gutenberg block editor compatibility
  • Compatible with ACF 5.8+

What’s New in This Fork

This fork adds critical improvements for modern WordPress development:

  • Gutenberg Block Support: Works seamlessly in ACF blocks within the Gutenberg editor
  • Event Capture Fix: Solves the issue where Gutenberg intercepts click events
  • Improved DOM Search: Enhanced field discovery in complex block structures
  • Enhanced Visibility: Fixed z-index and marker visibility in block contexts
  • Auto-Refresh: Automatically updates block previews when coordinates change

Original Plugin

Original plugin by Andrew Rockwell – Thank you for creating this excellent field type!

This fork maintains 100% backwards compatibility with the original while adding modern editor support.

How to Use

  1. Install and activate the plugin
  2. Create a custom ACF field of type “Image Mapping”
  3. In field settings, enter the name of an existing ACF image field to link to
  4. Add an image to the linked field
  5. Click on the image in the hotspot field to capture coordinates
  6. Coordinates are stored as comma-separated strings (e.g., “150px,200px” or “45.5%,60.2%”)

Works in both ACF field groups and ACF blocks!

Compatibility

This ACF field type is compatible with:

  • ACF 5.8+
  • WordPress 5.8+
  • Gutenberg block editor
  • Classic editor
  • PHP 7.2+

Read the full description on the official page →

Tagged as

Alternatives

Other plugins for extending a page builder.

Essential Addons for Elementor

Elementor addon offering 120+ widgets and templates — Elementor Gallery, Slider, Form, Post Grid, Menu, Accord...

Free 1M+ installs 4.9★ (4,111)
ElementsKit Elementor Addons

Join millions who empower their websites with ElementsKit Elementor Addons. Get templates, & 100+ widgets...

Free 1M+ installs 4.9★ (2,036)
Ultimate Addons for Elementor

Elementor addons with 18+ free widgets, Header & Footer Builder, WooCommerce widgets & templates. Trus...

Free 2M+ installs 4.9★ (2,525)
Premium Addons for Elementor

Elementor Carousel, Mega Menu, Posts List/Slider, WooCommerce Widgets, Display Conditions, AI Abilities, Prema...

Free 600k+ installs 4.9★ (1,677)
Royal Addons for Elementor

Elementor templates, Header footer builder, Elementor Post Grid, Woocommerce Grid builder, Slider, Forms, Gall...

Free 600k+ installs 4.8★ (611)
Disable Gutenberg

Disable Gutenberg Block Editor and restore the Classic Editor and original Edit Post screen (TinyMCE, meta box...

Free 500k+ installs 5★ (733)