Hotspots interativos
Hotspots são pontos clicáveis que você pode adicionar às páginas do seu flipbook ou álbum, ou às obras da sua galeria. Use-os para tornar seu conteúdo interativo e guiar os espectadores pelo seu material.
Os hotspots estão disponíveis para projetos de Flipbook, Álbum, Cartão de visita, Galeria, Desktop Mockup e Mobile Mockup. Os projetos de Crachá usam a barra de navegação para interatividade.
O que são hotspots?
Hotspots são ícones visuais que aparecem nas páginas do seu flipbook, nas obras da sua galeria ou nas telas dos seus mockups. Quando clicados, executam uma ação como:
- Saltar para outra página no flipbook
- Abrir um site externo
- Mostrar um tooltip com informações
- Abrir um modal com conteúdo rico
Tipos de hotspot
Ir para a página
Leve os visitantes a uma página específica do seu flipbook. Ótimo para:
- Links de sumário
- Referências "Saiba mais na página X"
- Links de volta à capa/início
- Dicas de navegação sequencial
Abrir URL
Abra um site externo em uma nova aba. Perfeito para:
- Links de compra de produtos
- Perfis de redes sociais
- Formulários de contato
- Recursos relacionados
Mostrar tooltip
Exiba texto quando os visitantes passam o mouse sobre o hotspot. Útil para:
- Descrições de produtos
- Informações de preço
- Fatos rápidos
- Dicas e sugestões
Mostrar modal
Abra um popup com conteúdo de texto rico. Ideal para:
- Informações detalhadas de produtos
- Termos e condições
- Informações de contato
- Conteúdo adicional que não cabe na página
Adicionando um hotspot
- Vá até a página ou obra onde você quer adicionar o hotspot. Use a navegação para ir à página correta (flipbook) ou à obra correta (galeria).
- Abra a aba Hotspots na barra lateral direita.
- Clique em "Adicionar hotspot" para começar a criar um novo hotspot.
- Clique na visualização para definir a posição do hotspot. Você verá uma prévia de onde o hotspot aparecerá.
- Configure o hotspot no formulário que aparece:
- Escolha o tipo de ação (Página, URL, Tooltip, Modal)
- Defina o destino da ação (número da página, URL ou conteúdo)
- Selecione um ícone da biblioteca
- Escolha uma cor
- Defina o tamanho (extra pequeno, pequeno, médio, grande)
- Adicione um rótulo opcional
- Escolha o estilo do marcador (Ponto ou Invisível)
- Salve o hotspot clicando no botão de salvar.
Opções de personalização
Ícones
Escolha entre mais de 50 ícones, incluindo setas, formas, símbolos e ícones de ação. Use a busca para encontrar o ícone perfeito.
Cores
Escolha entre cores predefinidas ou insira um código hexadecimal personalizado. Faça os hotspots se destacarem ou se mesclarem ao seu design.
Tamanhos
Quatro tamanhos disponíveis: Extra pequeno (14px), Pequeno (24px), Médio (32px) e Grande (44px). Escolha com base na importância e no design da página.
Posição
Posicione os hotspots com precisão clicando na página. Faça ajustes finos com coordenadas percentuais (X/Y).
Estilo do marcador
Escolha entre Ponto e Invisível. Um hotspot invisível não desenha nenhum marcador, mas continua clicável, e o cursor muda ao passar o mouse. Use para imagens que já mostram o próprio botão. No editor ele aparece como um anel vazado para que você possa movê-lo.
Gerenciando hotspots
A aba Hotspots mostra todos os hotspots da página ou obra atual:
- Editar: clique em um hotspot na lista para modificar suas configurações
- Excluir: remova um hotspot clicando no botão de excluir
- Visualizar: veja os hotspots em tempo real na prévia
- Agrupar: os hotspots são listados por página ou obra, e cada grupo pode ser recolhido
Boas práticas
- 1Não sobrecarregue as páginas - use os hotspots estrategicamente
- 2Use cores consistentes para ações semelhantes
- 3Faça os hotspots grandes o suficiente para tocar no celular
- 4Evite cobrir conteúdo importante
- 5Use tooltips para informações rápidas e modais para conteúdo detalhado
- 6Teste todos os links dos hotspots antes de compartilhar
Exemplos de casos de uso
Catálogo de produtos
Adicione hotspots "Comprar agora" com link para sua loja, ícones de informação para especificações de produtos e navegação para produtos relacionados.
Revista interativa
Vincule referências de artigos às suas páginas, adicione modais "Leia mais" para conteúdo estendido e links de compartilhamento social.
Manual de treinamento
Crie um sumário clicável, adicione dicas em tooltip para termos técnicos e vincule a tutoriais em vídeo.