GutenSpot – Image Gallery Hotspots for Gutenberg

Descripción

GutenSpot añade bloques de hotspots interactivos al editor Gutenberg, convirtiendo cualquier imagen en un mapa clickeable con puntos que abren tooltips, descripciones y enlaces. Dirigido a quienes necesitan enriquecer fichas de producto, plantas bajas, infográficos, mapas y galerías con marcadores explicativos directamente en la edición nativa de WordPress, sin depender de shortcodes externos o constructores de página adicionales.

Principales Características de GutenSpot

• Bloque nativo de Gutenberg
  Inserta el componente de hotspots directamente mediante el inserter estándar del editor de bloques.
• Puntos posicionables en la imagen
  Permite arrastrar los marcadores sobre la imagen para fijar la coordenada exacta de cada hotspot.
• Tooltips con contenido rico
  Cada punto muestra título, descripción y enlace configurados en el panel lateral del bloque.
• Estilos visuales personalizables
  Ajusta colores, tamaño, animación de pulso y iconos de los marcadores por bloque.
• Galería de imágenes con hotspots
  Combina múltiples imágenes marcadas en un conjunto navegable dentro del mismo post o página.

Beneficios de GutenSpot

• Edición totalmente visual
  Marca puntos haciendo clic sobre la imagen en el propio editor, sin necesidad de calcular coordenadas manualmente.
• Engagement en la página
  Aumenta el tiempo de permanencia al invitar al visitante a explorar detalles interactivos.
• Sin dependencia de plugins extras
  Funciona directamente en Gutenberg estándar, desobviando constructores visuales o bibliotecas externas.
• Diseños responsivos
  Los hotspots se ajustan a la imagen en diferentes resoluciones, manteniendo la posición en móvil y escritorio.

Para quiénes es indicado GutenSpot?

• Quienes venden productos visualmente complejos (muebles, electrónicos, ropa) y quieren destacar características en puntos específicos de la foto.
• Si produces contenido educativo o tutoriales con mapas, esquemas e infográficos anotados.
• Quienes crean portafolios de arquitectura, diseño de interiores o paisajismo y necesitan explicar elementos de la imagen punto a punto.

Cómo descargar GutenSpot

GutenSpot está disponible para descarga aquí en Ultrapack. Tras descargar el archivo .zip, instálalo en Plugins > Añadir Nuevo > Subir plugin, selecciona el archivo y actívalo. Luego de la activación, el bloque aparece en el inserter de Gutenberg dentro de la categoría de bloques personalizados, listo para recibir tu primera imagen con puntos interactivos.

Diseñado para quienes trabajan exclusivamente con el editor de bloques nativo, GutenSpot resuelve la necesidad de marcar regiones de imagen sin recurrir a soluciones externas o código manual. La combinación entre el posicionamiento visual de los puntos y los tooltips configurables cubre desde tiendas en línea con fichas detalladas hasta páginas institucionales que presentan proyectos, plantas o procesos paso a paso en WordPress.

Preguntas frecuentes