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.

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: 30/04/2025