--- title: "Destaque" slug: "spotlight" updated: 2026-10-26T08:24:47Z published: 2026-10-26T08:24:47Z canonical: "docs.document360.com/spotlight" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Destaque O elemento Spotlight permite chamar a atenção do espectador para uma área específica de um degrau ao escurecer tudo fora da região definida de spotlight. Todas as áreas fora da região de spotlight serão escurecidas. Atualmente, o nível de brilho da área diminuída não pode ser ajustado. --- ## Destaque para cenários do mundo real | Cenário | Configuração Recomendada | | --- | --- | | Guiando um usuário para clicar em um botão específico em uma demonstração de produto | Formato retangular, dimensionado para cobrir o botão | | Destacando um ícone ou indicador de status | Formato circular, dimensionado ao ícone | | Chamando atenção para um menu de navegação ou item na barra lateral | Formato retangular, cobrindo a região do menu | | Focando em um campo de formulário durante um guia de integração | Forma retangular, alinhada à área de entrada | --- ## Adicionando um elemento de destaque ### Adicione destaque a um guia passo a passo 1. Navegue até a etapa em que você quer adicionar um holofote. 2. No painel direito, role até a seção **Adicionar elementos** . 3. **Clique em Destaque**. Se um ou mais elementos de destaque já foram adicionados, clique **em Adicionar novo** para inserir outro. 4. Use o **ícone do olho** no canto superior direito do painel Spotlight para alternar a visibilidade do spotlight para o usuário final. Holofotes ocultos não serão visíveis no Flo publicado, mas podem ser tornados visíveis novamente a qualquer momento. 5. Ative a opção **Ocultar outros elementos** para ocultar temporariamente todos os outros elementos na etapa atual enquanto configura o spotlight. Outros elementos ficam ocultos temporariamente e não são deletados. 6. No campo **Nome** , insira um rótulo descritivo para o elemento de destaque. 7. **Em Forma**, escolha uma forma no menu suspenso: - **Retângulo** - mais indicado para destacar botões, campos de formulário, painéis ou regiões horizontais da interface. - **Círculo** - adequado para ícones, avatares ou componentes circulares de interface. 8. Clique **em Aplicar** para salvar o elemento de destaque. ![](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Spotlight-guide.png) --- ### Adicionar vídeo explicativo / vídeo interativo com holofote 1. Navegue até a etapa em que você quer adicionar um holofote. 2. No painel direito, role até a seção **Adicionar elementos** . 3. **Clique em Destaque**. Se um ou mais elementos de destaque já foram adicionados, clique **em Adicionar novo** para inserir outro. 4. Use o **ícone do olho** no canto superior direito do painel Spotlight para alternar a visibilidade do spotlight para o usuário final. Holofotes ocultos não serão visíveis no Flo publicado, mas podem ser tornados visíveis novamente a qualquer momento. 5. Ative a opção **Ocultar outros elementos** para ocultar temporariamente todos os outros elementos na etapa atual enquanto configura o spotlight. Outros elementos ficam ocultos temporariamente e não são deletados. 6. No campo **Nome** , insira um rótulo descritivo para o elemento spotlight (por exemplo, `Spotlight - Submit Button`, `Spotlight - Navigation Menu`). 7. No campo **de hora de início** , insira o carimbo de hora em que o holofote deve aparecer. 8. No campo **Fim do tempo** , insira o carimbo de tempo em que o holofote deve desaparecer. 9. Para selecionar um quadro exato, use a opção **Selecionar quadro exato (15 fps** ). Use os botões de seta para navegar quadro por quadro ou insira um número de quadro diretamente. Clique em **Selecionar** para confirmar ou **Cancelar** para descartar. 10. **Em Forma**, escolha uma forma no menu suspenso: - **Retângulo** - mais indicado para destacar botões, campos de formulário, painéis ou regiões horizontais da interface. - **Círculo** - adequado para ícones, avatares ou componentes circulares de interface. 11. Clique **em Aplicar** para salvar o elemento de destaque. ![Add spotlight to explainer video or interactive video](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Spotlight-video-demo.png) --- ## Gerenciamento dos elementos de destaque Uma vez adicionados, os elementos de destaque são listados no **painel Destaque**, cada um exibindo o nome do destaque e a etapa à qual ele é aplicado. - **Adicione outro destaque** - Clique **em Adicionar novo** no topo do painel para configurar um elemento adicional de destaque. - **Editar um destaque** - Clique em qualquer destaque na lista para abrir seu painel de configuração, onde o nome, o passo e a forma podem ser modificados. Clique **em Aplicar** para salvar alterações, **Cancelar** para retornar ao painel Spotlight, ou no **ícone Excluir** para excluí-las. - **Exclua um destaque** - Passe o mouse sobre um destaque na lista para revelar o **menu de três pontos**. Clique nele e selecione **Excluir** para remover permanentemente o elemento de destaque. ![User interface displaying spotlight options with timestamps and delete functionality.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Manage-spotlight.png) --- ## Melhores práticas - **Use nomes descritivos** - Rotule cada destaque claramente para facilitar a identificação e gerenciamento, especialmente quando múltiplos destaques forem aplicados em etapas diferentes. - **Esconder em vez de deletar** - Desabilite temporariamente os holofotes que não são necessários em vez de excluí-los. Isso preserva a configuração para uso futuro. - **Redimensione e reposicione após aplicar** - Certifique-se de que o holofote cubra exatamente a área pretendida na tela. - **Use holofotes com moderação** - Evite aplicar holofotes em muitos passos consecutivos para manter sua eficácia. - **Pré-visualização após a aplicação** - Verifique se a região escurecida não oculta outros conteúdos essenciais na tela.