GutenSpot – Image Gallery Hotspots for Gutenberg

Description

GutenSpot adds interactive hotspot blocks to the Gutenberg editor, turning any image into a clickable map with points that open tooltips, descriptions, and links. Designed for those who need to enrich product listings, floor plans, infographics, maps, and galleries with explanatory markers directly in the native WordPress editor, without relying on external shortcodes or additional page builders.

Key Features of GutenSpot

• Native Gutenberg Block
  Inserts the hotspot component directly via the editor’s standard inserter.
• Positionable points on the image
  Allows dragging markers over the image to lock the exact coordinate of each hotspot.
• Rich content tooltips
  Each point displays a title, description, and link configured in the block’s side panel.
• Customizable visual styles
  Tune colors, size, pulse animation, and marker icons per block.
• Hotspot image gallery
  Combines multiple marked images into a navigable set within the same post or page.

Benefits of GutenSpot

• Fully visual editing
  Mark points directly by clicking on the image in the editor, without manually calculating coordinates.
• Page engagement
  Increases dwell time by inviting visitors to explore interactive details.
• No extra plugin dependency
  Runs directly on the standard Gutenberg, eliminating visual builders or external libraries.
• Responsive layouts
  Hotspots adapt to the image at different resolutions, preserving position on mobile and desktop.

Who Should Use GutenSpot?

• Those selling visually complex products (furniture, electronics, apparel) who want to highlight features at specific photo points.
• Those creating educational content or tutorials with annotated maps, diagrams, and infographics.
• Those building architecture, interior design, or landscaping portfolios who need to explain image elements point by point.

How to Download GutenSpot

GutenSpot is available for download here on Ultrapack. After downloading the .zip file, install it via Plugins > Add New > Upload Plugin, select the file, and activate it. After activation, the block appears in Gutenberg’s inserter under the custom blocks category, ready to accept your first image with interactive points.

Designed for those working exclusively with the native block editor, GutenSpot addresses the need to mark image regions without resorting to external solutions or manual code. The combination of visual point placement and configurable tooltips covers everything from online stores with detailed listings to institutional pages showcasing projects, floor plans, or step-by-step processes in WordPress.

Frequently asked questions