A WordPress plugin to create responsive, interactive image maps.
Image Mapper is a production-ready WordPress plugin that allows users to create responsive, interactive image maps with visual hotspots. Each hotspot can trigger tooltips or interactions, making your images more engaging and informative.
This plugin is use-case agnostic, meaning it can be used anywhere — from product explanations and educational diagrams to marketing visuals and UI walkthroughs.
- Fully responsive image maps
- Intuitive admin interface to place hotspots visually
- Custom tooltips and interactive elements for each hotspot
- Shortcode-based output for easy placement anywhere on your site
- Modular, maintainable code structure
- Backward-compatible updates and automatic data migration
- Clone or download this repository into your WordPress
wp-content/plugins/directory:
git clone https://github.com/maheshkumarmanu-ai/image-mapper.git-
Activate the plugin from WordPress Admin → Plugins.
-
Create your first image map using the Image Mapper menu in the dashboard.
-
Add the shortcode to any page or post:
[image-mapper id="YOUR_MAP_ID"]
- Go to Image Mapper → Add New to create a map
- Upload your image and visually place hotspots
- Configure tooltips, interactions, and styling options
- Publish the map and embed it using the shortcode
[image-mapper id="123"]
Replace 123 with your image map ID.
Contributions are welcome! You can help by:
- Reporting bugs 🐛
- Suggesting new features ✨
- Improving code quality 💻
- Updating or improving documentation 📄
To contribute:
- Fork the repository
- Create a feature branch (
git checkout -b feature-name) - Commit your changes (
git commit -m "Add feature") - Push to the branch (
git push origin feature-name) - Open a Pull Request
This plugin is licensed under the GPL-2.0-or-later license.
You are free to use, modify, and distribute it in accordance with the license terms.
📌 Image Mapper on GitHub
🔗 https://github.com/maheshkumarmanu-ai/image-mapper
🚀 Always building. Always improving.