Описание
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.
Часто задаваемые вопросы
-
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.
Отзывы
Нет отзывов об этом плагине.
Участники и разработчики
«Image Hotspots by Pleaseup – Interactive Image Map & Tooltips» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники
Перевести «Image Hotspots by Pleaseup – Interactive Image Map & Tooltips» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по 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.