GutenSpot – Image Gallery Hotspots for Gutenberg

Description

O GutenSpot adiciona blocos de hotspots interativos ao editor Gutenberg, transformando qualquer imagem em mapa clicável com pontos que abrem tooltips, descrições e links. Voltado para quem precisa enriquecer fichas de produto, plantas baixas, infográficos, mapas e galerias com marcadores explicativos diretamente na edição nativa do WordPress, sem depender de shortcodes externos ou construtores de página adicionais.

Principais Características do GutenSpot

• Bloco nativo do Gutenberg
  Insere o componente de hotspots direto pelo inserter padrão do editor de blocos.
• Pontos posicionáveis na imagem
  Permite arrastar os marcadores sobre a imagem para fixar a coordenada exata de cada hotspot.
• Tooltips com conteúdo rico
  Cada ponto exibe título, descrição e link configurados no painel lateral do bloco.
• Estilos visuais customizáveis
  Ajusta cores, tamanho, animação de pulso e ícones dos marcadores por bloco.
• Galeria de imagens com hotspots
  Combina múltiplas imagens marcadas em um conjunto navegável dentro do mesmo post ou página.

Benefícios do GutenSpot

• Edição totalmente visual
  Marca pontos clicando sobre a imagem no próprio editor, sem precisar calcular coordenadas manualmente.
• Engajamento na página
  Aumenta o tempo de permanência ao convidar o visitante a explorar detalhes interativos.
• Sem dependência de plugins extras
  Roda direto no Gutenberg padrão, dispensando construtores visuais ou bibliotecas externas.
• Layouts responsivos
  Os hotspots se ajustam à imagem em diferentes resoluções, mantendo a posição em mobile e desktop.

Para Quem o GutenSpot é Indicado?

• Quem vende produtos visualmente complexos (móveis, eletrônicos, vestuário) e quer destacar características em pontos específicos da foto.
• Você que produz conteúdo educacional ou tutoriais com mapas, esquemas e infográficos anotados.
• Quem cria portfólios de arquitetura, design de interiores ou paisagismo e precisa explicar elementos da imagem ponto a ponto.

Como Baixar o GutenSpot

O GutenSpot está disponível para download aqui no Ultrapack. Após baixar o arquivo .zip, instale em Plugins > Adicionar Novo > Enviar plugin, selecione o arquivo e ative. Depois da ativação, o bloco aparece no inserter do Gutenberg dentro da categoria de blocos personalizados, pronto para receber sua primeira imagem com pontos interativos.

Pensado para quem trabalha exclusivamente com o editor de blocos nativo, o GutenSpot resolve a necessidade de marcar regiões de imagem sem recorrer a soluções externas ou código manual. A combinação entre posicionamento visual dos pontos e tooltips configuráveis cobre desde lojas online com fichas detalhadas até páginas institucionais que apresentam projetos, plantas ou processos passo a passo no WordPress.

Frequently asked questions