Hotspot de imagem
Uma imagem vale mais que mil palavras, mas e se você pudesse anotá-la? não deixe os visitantes adivinharem o que é importante em suas fotos de produtos, mapas ou diagramas Master Addons Image Hotspot Element permite colocar marcadores interativos diretamente em qualquer imagem Adicione ícones, personalize seu visual e anexe dicas de ferramentas ricas cheias de texto, imagens ou links Crie guias de produtos interativos, explique infográficos complexos ou construa vitrines de portfólio envolventes Transforme seus visuais estáticos em experiências exploratórias e autoexplicativas.
Colocação e gerenciamento de hotspot visual
Comece com sua imagem base (um produto, um mapa, um diagrama técnico) Em seguida, coloque seus marcadores interativos com precisão perfeita em pixels Use os controles de posição intuitivos, ajustando os controles deslizantes de porcentagem Horizontal e Vertical para mover cada hotspot exatamente onde ele precisa adicionar quantos hotspots você quiser com o botão + Adicionar item, gerenciando cada um de forma independente Esse posicionamento visual transforma qualquer imagem em uma tela detalhada e interativa.
- Pinpointing preciso: use controles deslizantes horizontais (%) e verticais (%) para colocar pontos de acesso em qualquer lugar da sua imagem.
- Hotspots ilimitados: adicione vários pontos de interesse com o repetidor + Adicionar item.
- Gestão Fácil: Rotule, reordenar ou excluir pontos de acesso individuais (#1, #2, etc) facilmente.
- Posicionamento ao vivo: veja o movimento do hotspot no editor enquanto ajusta os controles deslizantes para um posicionamento perfeito.
Sistema de conteúdo rico de dicas de ferramentas
A mágica acontece dica. Para cada hotspot, abra o editor de conteúdo da dica de ferramentas (Tooltip Content editor), adicione uma área de recursos completos onde você pode escrever descrições Mídia ou até mesmo inserir shortcode Explique um recurso de produto, forneça uma estatística ou vincule a outra página Você controla quando ele aparecer: defina o gatilho para pairar para descoberta rápida ou clique para interação deliberada, especialmente crucial para usuários móveis.
- Editor de conteúdo avançado: adicione texto, imagens ou vídeos formatados dentro de cada dica de ferramenta.
- Acionamento flexível: escolha Hover para visualizações instantâneas ou clique para interação controlada e compatível com dispositivos móveis.
- Orientado para a ação: inclua links nas dicas de ferramentas para direcionar os usuários a páginas ou produtos relacionados.
- Informações contextuais: use dicas de ferramentas para revelar especificações, preços, descrições ou instruções diretamente na imagem.
Perguntas frequentes para hotspot de imagens
O que acontece nos telemóveis onde não há hover?
Você pode definir o gatilho de dica de ferramenta em Clique nas configurações de Dicas de Ferramenta Isso faz com que o hotspot toque para revelar em dispositivos de toque, garantindo funcionalidade completa Alternativamente, você pode definir dicas de ferramentas para Desativar no celular, tornando o próprio hotspot um link clicável para mais informações.
Posso usar uma imagem personalizada em vez de um ícone para o marcador de hotspot?
Sim. você pode fazer upload ou adicionar uma imagem personalizada como um marcador da sua biblioteca de mídia Nossa sugestão é usar uma imagem simples como o marcador que pode ser facilmente compreendido.
A imagem base em si é responsiva?
Sim. a Imagem que escolher irá escalar de forma responsiva com o recipiente As posições do hotspot (definidas por percentagens) também são relativas, pelo que permanecerão no local correto na imagem em todos os tamanhos de ecrã.
Qual é um bom caso de uso para este elemento?
Perfeito para imagens de produtos de comércio eletrônico (destacando recursos), mapas interativos (mostrando locais), infográficos (explicando pontos de dados), diagramas técnicos (rotulando peças) ou fotos de equipe (vinculando-se a biografias individuais).
Widgets e extensões de elementos de tendência
Construa sites sofisticados em menos tempo.
Glassmorphismo
Contêiner Extras
Padrões
Duplicador de postagem/página
