Story flutuante
O que você vai aprender
- Pra que serve esta section
- Que o visitante pode arrastar a bolha pra outro lugar da tela
Pra que serve
✨ Recurso exclusivo deste tema: mostra uma bolha circular com um vídeo em miniatura (em loop, sem som), no estilo "stories" do Instagram/TikTok, flutuando por cima do conteúdo da página. Ao clicar, o vídeo abre em tela cheia com som.
O visitante pode arrastar a bolha pra qualquer posição da tela (clicando e segurando), e essa posição fica salva no navegador dele, então da próxima vez que visitar, a bolha aparece onde ele deixou.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Vídeo | Arquivo de vídeo mostrado na bolha e, em tela cheia, ao clicar. |
| Cor da borda | Cor do contorno ao redor da bolha circular. |
Boas práticas
- Use um vídeo curto e visualmente chamativo pra miniatura, como ela toca em loop sem som, o apelo é visual (movimento), não o áudio.
- Como a bolha é arrastável, ela pode acabar sobrepondo outro elemento fixo da tela (ex: o Player de música ou o Badge de SAC), teste a combinação se for usar mais de um recurso flutuante ao mesmo tempo.