Сүрөттөө
Image Hotspots by Pleaseup is a responsive image hotspot plugin that lets you add interactive image maps, tooltips, and annotations to any image with a visual drag & drop editor.
External services
This plugin contacts third-party services in two distinct flows. Both flows are triggered only by an authenticated editor (with edit_posts) pasting a URL inside a tooltip; no data leaves the site automatically.
Server-side oEmbed resolution (wp_oembed_get)
When the editor pastes a URL from one of the supported oEmbed providers into a tooltip, the plugin calls the provider’s oEmbed endpoint server-side via WordPress core’s wp_oembed_get() to retrieve the embed HTML. The URL pasted by the editor is sent to the provider; no other data is sent. Supported providers:
- YouTube — Terms: https://www.youtube.com/t/terms — Privacy: https://policies.google.com/privacy
- Vimeo — Terms: https://vimeo.com/terms — Privacy: https://vimeo.com/privacy
- Spotify — Terms: https://www.spotify.com/legal/end-user-agreement/ — Privacy: https://www.spotify.com/legal/privacy-policy/
Client-side iframe rendering
When a tooltip containing an oEmbed iframe is opened on a public page, the visitor’s browser loads the iframe directly from the provider’s CDN (e.g. youtube.com, player.vimeo.com, open.spotify.com). This is standard browser behavior for any embedded media; the plugin does not add any tracking on top.
The set of allowed iframe hosts is filterable via the wphs_allowed_iframe_hosts filter. Hosts not in the allowlist are stripped from tooltip HTML on save.
Скриншоттор
Plugin admin overview — image hotspot collections listed in the WordPress back-office.
Орнотуу
- Upload the
pleaseup-hotspotsfolder to the/wp-content/plugins/directory, or install the plugin directly from the WordPress plugin repository. - Activate the plugin through the Plugins menu in WordPress.
- Navigate to Image Hotspots Editor in the admin sidebar.
- Select an image from the Media Library and start adding hotspots.
FAQ.KG
-
How do I add a hotspot to an image?
-
Go to Image Hotspots Editor, select an image from the Media Library, then click anywhere on the image preview to create a hotspot. Drag it to reposition it, then click the hotspot to edit the HTML content of the popup layer.
-
How do I display the image with hotspots on the front end?
-
Use the shortcode
[wphs_image id="123"]where123is the attachment ID of the image. You can also use the shortcode in any post, page, or widget area that supports shortcodes. -
Does it work with Gutenberg image blocks?
-
Yes. Hotspots are stored against the attachment ID, so any block that references that attachment (image block, gallery block, ACF image fields) inherits the configured hotspots when rendered through the
[wphs_image]shortcode. -
Does it work with page builders (Elementor, Divi, Beaver Builder)?
-
Yes via the
[wphs_image]and[wphs_gallery]shortcodes. CSS and JS are enqueued defensively for builders that render shortcodes afterwp_head. -
Are hotspot positions responsive?
-
Yes. Coordinates are stored as percentages of the natural image dimensions, so they scale with any rendered image size.
-
Can I use a custom icon instead of the default dot?
-
Yes. In the per-image settings, switch the hotspot style to Image, upload or choose your custom icon from the Media Library, and save.
-
Does it work with ACF?
-
Yes. The plugin stores hotspot data as post meta on the attachment, so any image displayed via
wp_get_attachment_image()— including ACF image, gallery, and repeater fields — can use the shortcode to render with hotspots. -
Will uninstalling the plugin delete my data?
-
Yes. When you uninstall the plugin (not just deactivate it), all hotspot settings, attachment meta, and the plugin’s custom post type contents (galleries and tooltips) are removed from the database.
Сын-пикирлер
There are no reviews for this plugin.
Contributors & Developers
“Image Hotspots by Pleaseup – Interactive Image Map & Tooltips” is open source software. The following people have contributed to this plugin.
Мүчөлөрү
Translate “Image Hotspots by Pleaseup – Interactive Image Map & Tooltips” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Өзгөртүүлөр
3.1.0
- Rebranded plugin display name to “Image Hotspots by Pleaseup” for better discoverability on WordPress.org search.
- Updated readme tags and short description for clarity.
- Admin menu label updated to “Image Hotspots” (page title remains in the same location).
- No functional or breaking changes — existing shortcodes, settings, hooks, post types, and stored data remain fully compatible.
3.0.3
- Build: excluded
.gitkeepplaceholder files from the distribution zip (WordPress.org plugin scanner flags any hidden file). - readme.txt: bumped “Tested up to” to 6.9.
3.0.2
- Admin: renamed the admin sidebar menu label and the in-page hero
<h1>from “WP Hotspots” / “WP Image HotSpots” to “Pleaseup Hotspots” to match the plugin name. - readme.txt: updated installation and FAQ instructions to refer to the new menu label.
- Translations: POT regenerated for the renamed strings.
3.0.1
- Renamed plugin to “Pleaseup Hotspots” (slug
pleaseup-hotspots) for the WordPress.org Plugin Directory. - Frontend: extracted the gallery carousel JavaScript and dynamic CSS to enqueued assets (no more inline
<script>or<style>blocks in the rendered shortcode HTML). The dynamic per-instance values are now passed as CSS custom properties on the wrapper. - Admin: the gallery preview now reuses the same enqueued frontend assets so the in-editor preview matches the public render exactly.
3.0.0
Initial release.