Title: Image Hotspot Block
Author: Thomas
Published: <strong>25 de noviembre de 2022</strong>
Last modified: 18 de marzo de 2026

---

Buscar plugins

![](https://ps.w.org/image-hotspot-block/assets/banner-772x250.png?rev=2823924)

Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**.
Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas 
de compatibilidad cuando se usa con las versiones más recientes de WordPress.

![](https://ps.w.org/image-hotspot-block/assets/icon.svg?rev=2823923)

# Image Hotspot Block

 Por [Thomas](https://profiles.wordpress.org/kywyz/)

[Descargar](https://downloads.wordpress.org/plugin/image-hotspot-block.1.0.6.zip)

 * [Detalles](https://es.wordpress.org/plugins/image-hotspot-block/#description)
 * [Valoraciones](https://es.wordpress.org/plugins/image-hotspot-block/#reviews)
 * [Desarrollo](https://es.wordpress.org/plugins/image-hotspot-block/#developers)

 [Soporte](https://wordpress.org/support/plugin/image-hotspot-block/)

## Descripción

Easily create _Image Hotspots_ (tooltips with WooCommerce or custom product info)
with the Image Hotspot Block, all directly from within your post, page or site editor!

_This plugin has just been released so please let me know if you have any feature
requests or suggestion!_

### Key features

 * **Easy to use :** Simply add the block to your page, add your image and products
   and you are good to go!
 * **Easy to customize :** From the color of the dot, to the tooltip content and
   layout, we try to give you as much control as possible to let you create the 
   perfect style for you.
 * **Performance :** We only load our script and style when the page is actually
   using our block.

### How to use

 * Open a page or blog post using the block editor ( Gutenberg editor ).
 * Add the «Image Hotspot» block.
 * Choose an image.
 * With the block selected, in the right sidebar ( block options ), click on «Add
   product».
 * From there, either add a WooCommerce product to autofill product info, or create
   a custom product.
 * You can move the hotspot by holding ctrl or command key and draging the hotspot.
 * You can then customize the tooltip layout, content etc..

## Capturas

[⌊Admin view - Products list⌉⌊Admin view - Products list⌉[

Admin view – Products list

[⌊Admin view - Tooltip options⌉⌊Admin view - Tooltip options⌉[

Admin view – Tooltip options

[⌊Client view⌉⌊Client view⌉[

Client view

## FAQ

### Will it work with my theme ?

_Image Hotspot Block_ should work with any theme, **as long as you are using the
block editor** ( Gutenberg ). Also please note that the alignment options «wide»
and «full» support is also up to your theme.

### Is WooCommerce required ?

While _Image Hotspot Block_ works best with WooCommerce, it is not required and 
you will be able to create «custom products» on a per-tooltip basis.

### Does it work for videos or gif ?

_Image Hotspot Block_ only supports images for now, if we get requests to support
more media types we might include it in the future!

## Reseñas

![](https://secure.gravatar.com/avatar/de3ffea8f5fe7ee722f86dce34cef31f3a568c2918a7e84f18490d2acaf08fae?
s=60&d=retro&r=g)

### 󠀁[Excellent but no support](https://wordpress.org/support/topic/excellent-but-no-support/)󠁿

 [cambob](https://profiles.wordpress.org/cambob/) 12 de enero de 2025 1 respuesta

Ive tried pretty much every map hotspot plugin available and this is for sure the
best out there in my opinion. Works excellent not only for products but for maps
as well. Also you dont have to use shortcode on this, it is set up directly in a
post or page which means your map or image can be full width which doesnt seem possible
with shortcodes wihout doing some code/css work. Only thing is the opacity on the
dots does not seem to work. The plugin itself is 5 star but I docked a star because
the creators website is unfinished with a 404 error on the support page and no way
to contact the creator. Too bad its really good.

![](https://secure.gravatar.com/avatar/7fd0db6b7cc94854050dc68325a632244c35e2b497fede26f1b3631c79f5821e?
s=60&d=retro&r=g)

### 󠀁[Purrfect for Showcasing Your Products!](https://wordpress.org/support/topic/purrfect-for-showcasing-your-products/)󠁿

 [Jordy Meow](https://profiles.wordpress.org/tigroumeow/) 21 de marzo de 2024

Using this plugin, I can make my products stand out in a really fun way. I added
a photo of my cat wearing my handmade bracelet and reading my book! The tooltips
grab my visitors' attention, making them excited to learn more about my products.
Congrats to Thomas, well done!

 [ Leer todas las 2 reseñas ](https://wordpress.org/support/plugin/image-hotspot-block/reviews/)

## Colaboradores y desarrolladores

«Image Hotspot Block» es un software de código abierto. Las siguientes personas 
han colaborado con este plugin.

Colaboradores

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

[Traduce «Image Hotspot Block» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/image-hotspot-block)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/image-hotspot-block/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/image-hotspot-block/)
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/image-hotspot-block/)
por [RSS](https://plugins.trac.wordpress.org/log/image-hotspot-block/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 1.0.6

 * Fixed a fatal error when a hotspot references a WooCommerce product that no longer
   exists.

#### 1.0.4

 * Hotfix issue where a script wouldn’t load for some users.

#### 1.0.3

 * Maintenance update, updated dependencies, refactored code.

#### 0.0.1

 * Initial release.

## Meta

 *  Versión **1.0.6**
 *  Última actualización **hace 7 meses**
 *  Instalaciones activas **200+**
 *  Versión de WordPress ** 5.0 o superior **
 *  Probado hasta **6.8.11**
 *  Versión de PHP ** 7.0 o superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/image-hotspot-block/)
 * Etiquetas:
 * [image hotspot](https://es.wordpress.org/plugins/tags/image-hotspot/)[products](https://es.wordpress.org/plugins/tags/products/)
   [tooltip](https://es.wordpress.org/plugins/tags/tooltip/)[woocommerce](https://es.wordpress.org/plugins/tags/woocommerce/)
 *  [Vista avanzada](https://es.wordpress.org/plugins/image-hotspot-block/advanced/)

## Valoraciones

 4.5 de 5 estrellas.

 *  [  1 valoración de 5 estrellas     ](https://wordpress.org/support/plugin/image-hotspot-block/reviews/?filter=5)
 *  [  1 valoración de 4 estrellas     ](https://wordpress.org/support/plugin/image-hotspot-block/reviews/?filter=4)
 *  [  0 valoraciones de 3 estrellas     ](https://wordpress.org/support/plugin/image-hotspot-block/reviews/?filter=3)
 *  [  0 valoraciones de 2 estrellas     ](https://wordpress.org/support/plugin/image-hotspot-block/reviews/?filter=2)
 *  [  0 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/image-hotspot-block/reviews/?filter=1)

[Tu valoración](https://wordpress.org/support/plugin/image-hotspot-block/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/image-hotspot-block/reviews/)

## Colaboradores

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

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/image-hotspot-block/)