Exibir Componente
A funcionalidade Exibir Componente permite exibir um elemento específico da página no momento desejado do vídeo, proporcionando maior interatividade e integração entre o player e o conteúdo da página.
Para começar a editar os controles do seu VSL, basta selecionar o VSL desejado e clicar na opção "Editar VSL".
Em seguida clique em Exibir Componente para começar suas edições.
O recurso Exibir Componente permite que um elemento da página seja exibido automaticamente quando o vídeo atinge um determinado tempo ou evento. Dessa forma, é possível sincronizar botões, formulários ou qualquer outro conteúdo relevante com a reprodução do vídeo, criando um fluxo mais eficiente para a conversão do usuário.
Ativa ou desativa a exibição do componente definido.
Esse campo define qual elemento da página será exibido.
O identificador do componente deve ser o ID do elemento no código HTML da página. O formato utiliza o símbolo # antes do nome do ID, como no exemplo #meu-componente. Esse ID deve corresponder exatamente ao nome do elemento no HTML para que o sistema consiga encontrá-lo e exibi-lo no momento correto.
✅ Exemplo de uso no HTML:
➡ O style="display: none;" garante que o vídeo fique oculto até que o VSL o exiba no momento certo.
Define o momento exato em que o componente será exibido, medido em segundos.
Se for configurado como 5, significa que o componente aparecerá automaticamente quando o vídeo atingir 5 segundos de reprodução. Esse tempo pode ser ajustado conforme necessário para sincronizar a exibição com o conteúdo do vídeo.
Quando ativado, a página será automaticamente rolada para a posição do componente exibido.
Isso garante que o usuário veja o componente assim que ele for mostrado, sem precisar rolar manualmente.
Define como a rolagem automática será realizada quando a funcionalidade estiver ativada. Existem duas opções:
Instantâneo
A página rola imediatamente para a posição do componente sem transição suave.
O usuário vê a mudança de posição de forma abrupta.
Suave
A página rola gradualmente até o componente, criando um efeito mais natural.
Essa opção melhora a experiência do usuário, evitando mudanças bruscas.
Estamos à disposição para ajudar! Entre em contato conosco e teremos prazer em esclarecer suas dúvidas. 😊
Iniciando as edições
Para começar a editar os controles do seu VSL, basta selecionar o VSL desejado e clicar na opção "Editar VSL".
Em seguida clique em Exibir Componente para começar suas edições.
Como Funciona a Funcionalidade Exibir Componente
O recurso Exibir Componente permite que um elemento da página seja exibido automaticamente quando o vídeo atinge um determinado tempo ou evento. Dessa forma, é possível sincronizar botões, formulários ou qualquer outro conteúdo relevante com a reprodução do vídeo, criando um fluxo mais eficiente para a conversão do usuário.
Configurações Disponíveis
Exibir Componente da Página?
Ativa ou desativa a exibição do componente definido.
Identificador do Componente
Esse campo define qual elemento da página será exibido.
O identificador do componente deve ser o ID do elemento no código HTML da página. O formato utiliza o símbolo # antes do nome do ID, como no exemplo #meu-componente. Esse ID deve corresponder exatamente ao nome do elemento no HTML para que o sistema consiga encontrá-lo e exibi-lo no momento correto.
✅ Exemplo de uso no HTML:
<div id="meu-componente" style="display: none;">
<h2>Assine aqui</h2>
</div>➡ O style="display: none;" garante que o vídeo fique oculto até que o VSL o exiba no momento certo.
Tempo do Vídeo (segundos)
Define o momento exato em que o componente será exibido, medido em segundos.
Se for configurado como 5, significa que o componente aparecerá automaticamente quando o vídeo atingir 5 segundos de reprodução. Esse tempo pode ser ajustado conforme necessário para sincronizar a exibição com o conteúdo do vídeo.
Habilitar Rolagem Automática
Quando ativado, a página será automaticamente rolada para a posição do componente exibido.
Isso garante que o usuário veja o componente assim que ele for mostrado, sem precisar rolar manualmente.
Comportamento da Rolagem
Define como a rolagem automática será realizada quando a funcionalidade estiver ativada. Existem duas opções:
Instantâneo
A página rola imediatamente para a posição do componente sem transição suave.
O usuário vê a mudança de posição de forma abrupta.
Suave
A página rola gradualmente até o componente, criando um efeito mais natural.
Essa opção melhora a experiência do usuário, evitando mudanças bruscas.
Ainda tem dúvidas?
Estamos à disposição para ajudar! Entre em contato conosco e teremos prazer em esclarecer suas dúvidas. 😊
Atualizado em: 24/04/2025
Obrigado!