Title: Swapan Interactive Hotspots
Author: swapanmiah120
Published: <strong>7 Agosto 2026</strong>
Last modified: 7 Agosto 2026

---

Ricerca i plugin

![](https://s.w.org/plugins/geopattern-icon/swapan-interactive-hotspots.svg)

# Swapan Interactive Hotspots

 Di [swapanmiah120](https://profiles.wordpress.org/swapanmiah120/)

[Scarica](https://downloads.wordpress.org/plugin/swapan-interactive-hotspots.1.0.0.zip)

 * [Dettagli](https://it.wordpress.org/plugins/swapan-interactive-hotspots/#description)
 * [Recensioni](https://it.wordpress.org/plugins/swapan-interactive-hotspots/#reviews)
 *  [Installazione](https://it.wordpress.org/plugins/swapan-interactive-hotspots/#installation)
 * [Sviluppo](https://it.wordpress.org/plugins/swapan-interactive-hotspots/#developers)

 [Supporto](https://wordpress.org/support/plugin/swapan-interactive-hotspots/)

## Descrizione

Swapan Interactive Hotspots is a lightweight, responsive WordPress plugin that allows
you to draw polygon annotations and add hotspots to any image in your Media Library.
Visitors can hover or tap on marked areas to reveal customizable tooltips with titles,
descriptions, and links.

Built with performance in mind using native HTML5 and SVG coordinate calculations.

### Key Features

 * **Interactive Polygon Canvas:** Draw, edit, and drag vertices of custom shapes
   on any image.
 * **Fully Responsive Coordinates:** Math calculated as percentages ensures annotations
   always point to the correct visual areas across all screen sizes.
 * **Glassmorphic Design:** Sleek modern tooltips with blur effects and smooth animations.
 * **Shortcode & Block Support:** Render annotated images anywhere using shortcodes
   or filters.

## Installazione

 1. Upload the `swapan-interactive-hotspots` directory to the `/wp-content/plugins/`
    directory.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Open any image in your WordPress Media Library, click the **Edit Annotations** 
    button to begin drawing.

## FAQ

### How do I display the annotated image?

You can use the shortcode `[swapan_interactive_hotspots id="YOUR_ATTACHMENT_ID"]`
anywhere in your post content. Alternatively, the plugin automatically filters standard
images embedded in your content to display annotations if they have drawn metadata.

### How do I draw a shape?

Click on the image to place vertices. A line will connect your points. Click on 
the first red vertex to close the polygon shape. Once closed, you can customize 
the label, details, and color in the sidebar.

## Recensioni

Non ci sono recensioni per questo plugin.

## Contributi e sviluppo

“Swapan Interactive Hotspots” è un software open source. Le persone che hanno contribuito
allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

 *   [ swapanmiah120 ](https://profiles.wordpress.org/swapanmiah120/)

[Traduci “Swapan Interactive Hotspots” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/swapan-interactive-hotspots)

### Ti interessa lo sviluppo?

[Esplora il codice](https://plugins.trac.wordpress.org/browser/swapan-interactive-hotspots/)
segui il [repository SVN](https://plugins.svn.wordpress.org/swapan-interactive-hotspots/),
segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/swapan-interactive-hotspots/)
tramite [RSS](https://plugins.trac.wordpress.org/log/swapan-interactive-hotspots/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0.0

 * Initial Release. Stable polygon drawing canvas and responsive tooltip overlays.

## Meta

 *  Versione **1.0.0**
 *  Ultimo aggiornamento **5 giorni fa**
 *  Installazioni attive **Meno di 10**
 *  Versione WordPress ** 5.8 o superiore **
 *  Testato fino alla versione **7.0.3**
 *  Versione PHP ** 7.4 o superiore **
 *  Lingua
 * [English (US)](https://wordpress.org/plugins/swapan-interactive-hotspots/)
 * Tag
 * [hotspot](https://it.wordpress.org/plugins/tags/hotspot/)[image annotation](https://it.wordpress.org/plugins/tags/image-annotation/)
   [Image Map](https://it.wordpress.org/plugins/tags/image-map/)[interactive image](https://it.wordpress.org/plugins/tags/interactive-image/)
   [polygon](https://it.wordpress.org/plugins/tags/polygon/)
 *  [Visualizzazione avanzata](https://it.wordpress.org/plugins/swapan-interactive-hotspots/advanced/)

## Valutazioni

Non sono state ancora inviate recensioni.

[Your review](https://wordpress.org/support/plugin/swapan-interactive-hotspots/reviews/#new-post)

[Vedi tutte le recensioni](https://wordpress.org/support/plugin/swapan-interactive-hotspots/reviews/)

## Collaboratori

 *   [ swapanmiah120 ](https://profiles.wordpress.org/swapanmiah120/)

## Supporto

Hai qualcosa da dire? Ti serve aiuto?

 [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/swapan-interactive-hotspots/)

## Dona

Vuoi supportare lo sviluppo di questo plugin?

 [ Fai una donazione per questo plugin ](https://ismail-hossen-swapan.vercel.app)