Description
How to Use:
- Install plugin
- Create a custom field of this type & link it to an image field
- Go to the admin section you made the field for & add an image to the linked field
- The image will then load in the image mapping field, click to capture the coordinates, relative to the image
- Coordinates are stored as comma separated strings
TODO:
- Square mapping
- Polygon mapping
Compatibility
This ACF field type is compatible with:
* ACF 5
Screenshots
This shows the setup in the ACF settings for a hotspot field 
This shows the setup in the ACF generated admin fields 
This shows the final product of what the hotspot field can produce 
This illustrates that the linked image can be a sibling to the hotspot field itself, or any of it’s repeater parents
Installation
- Copy the
acf-relative_coordinatesfolder into yourwp-content/pluginsfolder - Activate the Image Hotspots plugin via the plugins admin page
- Create a new field via ACF and select the Image Hotspots type
- Please refer to the description for more info regarding the field type settings
Reviews
October 29, 2025
Hi, i have written some fixes for ACF Gutenberg Block Compatibility.If you no longer maintain this plgin i will publish them as a new Plugin.If you want to incorporate the fixes here please let me know and i will send them to you.
August 22, 2025
Still works and does exactly what it should!Great work.
October 12, 2023
I just tried the plugin. It seems to work with ACF 6. I don’t have an issue here. Great job!
October 3, 2023
good addon for ACF
May 26, 2022
Hi dev,
I found out your plugin/module is not updated anymore but still working on the latest core version of wordpress. This plugin is very helpful and unique. Hope to update and maintain this plugin. Thank you.
April 26, 2021
On ACF 5.9.5 & WP 5.7.1. Props to the developer!
Contributors & Developers
“ACF: Image Hotspots Field” is open source software. The following people have contributed to this plugin.
Contributors
Translate “ACF: Image Hotspots Field” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial Release.