This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

ACF: Image Hotspots Field


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


  • Square mapping
  • Polygon mapping


This ACF field type is compatible with:
* ACF 5


  • 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


  1. Copy the acf-relative_coordinates folder into your wp-content/plugins folder
  2. Activate the Image Hotspots plugin via the plugins admin page
  3. Create a new field via ACF and select the Image Hotspots type
  4. Please refer to the description for more info regarding the field type settings


July 30, 2019
I use this to add marker coordinates to a simple world map image. works great with repeater field. only "problem" is it saves the percentages as a string separated by comma and with a lot of decimals. so first thing to do is to explode the string in order to access the left and top percentages.
Read all 9 reviews

Contributors & Developers

“ACF: Image Hotspots Field” is open source software. The following people have contributed to this plugin.




  • Initial Release.