Player flutuante (picture-in-picture): para continuarem vendo o vídeo enquanto navegam

O picture in picture é uma janela de vídeo reduzida que continua visível e em reprodução enquanto a pessoa percorre a página ou troca de aba. Em uma página de vendas, um player flutuante evita que o visitante perca o vídeo assim que rola para ler o preço, as garantias ou as perguntas frequentes.

Este guia explica o que é exatamente o picture in picture, por que ele pode alongar o tempo de visualização e melhorar a conversão, quando vale a pena, quais regras de design respeitar no computador e no celular e como evitar que o player atrapalhe o seu botão de compra. Se o seu vídeo é longo, é provável que seja uma das melhorias mais rentáveis.

O que é o picture in picture e em que ele difere de um player fixo?

O mesmo nome serve para duas coisas parecidas. A primeira é a função do navegador ou do sistema operacional, que tira o vídeo para uma janela pequena flutuante que permanece acima de outros aplicativos; a maioria dos navegadores modernos a admite, com pequenas diferenças entre eles. A segunda é o player flutuante integrado à própria página, que se ancora em um canto quando o visitante desce e continua visível enquanto ele lê.

Um player fixo, por outro lado, ocupa o seu lugar na página e fica ali. Quando o visitante desce para ver o resto da oferta, o vídeo some da tela e, com ele, a voz que estava convencendo. Muitos players pausam o vídeo nesse momento, e a pessoa raramente volta para cima para retomar.

O player flutuante resolve esse problema: a mensagem continua presente enquanto a pessoa explora o resto da página, de modo que não precisa escolher entre assistir e ler.

Por que um player flutuante aumenta o tempo de visualização?

O principal inimigo de um vídeo de vendas é o abandono no meio da reprodução. Quando a pessoa rola e o vídeo deixa de ser visto, a reprodução fica interrompida ou ignorada, e isso aparece na analítica de retenção do vídeo como uma queda brusca no ponto em que a rolagem começa. O player flutuante elimina esse tipo de queda, porque o vídeo acompanha quem desce pela página.

Os efeitos esperados são vários e se apoiam uns nos outros.

• Mais minutos vistos. A pessoa pode ler os depoimentos ou a garantia enquanto continua ouvindo o argumento principal, em vez de abandonar o vídeo para fazer isso.

• Menos interrupções. O vídeo não para ao rolar, então o visitante não precisa localizá-lo de novo nem apertar outra vez o botão de reproduzir.

• Mensagem mais coerente. O que se vê na tela reforça o que se ouve: o preço, a oferta e o vídeo convivem na mesma vista.

Como um maior tempo de visualização costuma vir acompanhado de uma maior intenção de compra, essa melhoria pode se traduzir em conversão. Não é uma garantia, porque depende da qualidade do vídeo e da oferta, mas convém medi-la com um teste comparado em vez de supor o resultado.

Quando um vídeo flutuante funciona e quando não funciona?

Funciona sobretudo quando o vídeo é longo e a página tem conteúdo relevante abaixo. Um VSL de vários minutos exige que a pessoa dedique tempo e atenção, e a duração do VSL condiciona quanto se alonga esse risco de distração: quanto mais longo é o vídeo, mais provável é que o visitante queira olhar outra parte da página enquanto escuta.

Também combina bem com cursos online. Uma videoaula costuma vir acompanhada de materiais, notas ou exercícios na mesma tela, e o aluno quer consultá-los sem perder o fio da explicação.

Se você hospeda as aulas em uma plataforma fechada, o player dentro da área de membros é o lugar natural para ativar essa função, porque o estudante passa muito tempo ali e alterna entre vídeo e texto.

Não é tão útil em clipes muito curtos de menos de um minuto, em páginas com pouco conteúdo abaixo do vídeo nem em landings de uma única tela. Se não há nada para ler ao rolar, o player flutuante só acrescenta ruído.

Como configurar um player flutuante passo a passo?

O processo é simples se o seu player admite a função de forma nativa. Estes passos servem para qualquer página de vendas ou aula.

1. Escolha o vídeo que vale a pena manter visível: o VSL principal ou a aula mais longa, não cada clipe da página.

2. Ative a opção de player flutuante ou picture in picture nos ajustes do seu player.

3. Defina quando ele aparece: o habitual é que o vídeo se solte quando o visitante rola e a reprodução já tenha começado.

4. Escolha a posição, o tamanho e se poderá ser arrastado ou fechado, e confira como fica no computador e no celular.

5. Faça um teste real com a sua própria oferta e revise se o player não cobre o botão de compra nem os campos do formulário.

Com o Atomic Player você pode configurar o comportamento do seu player e conferir depois, na analítica, quanto tempo a mais cada visitante permanece.

Quais regras de design seguir para não incomodar o visitante?

Um player flutuante mal resolvido irrita mais do que ajuda. Estas normas básicas evitam os erros mais frequentes.

• Posição discreta. O canto inferior direito é o mais habitual, porque deixa livre o texto da maioria das páginas. Evite as zonas onde costumam aparecer o chat de suporte ou o banner de cookies.

• Tamanho moderado. Deve ser visto com clareza sem ocupar mais do que uma pequena parte da tela. Permitir que o visitante o amplie ou arraste dá controle a ele.

• Botão de fechar visível. Quem não quiser o vídeo deve poder tirá-lo com um único toque. Um player que não pode ser fechado frustra e pode provocar o abandono da página.

Revise também como se comportam a barra de progresso e os controles na versão flutuante, porque em um quadro pequeno os botões ficam mais difíceis de apertar.

No celular, a tela é bem menor e o vídeo flutuante pode cobrir uma parte importante do texto. Convém reduzi-lo mais, ancorá-lo em cima ou embaixo conforme o design e garantir que o visitante consiga fechá-lo sem esforço.

Como evitar que o vídeo flutuante cubra a sua chamada para ação?

O seu botão de compra é o elemento mais importante da página, e o player não deve competir com ele. Uma boa chamada para ação precisa estar visível e acessível no momento em que o visitante decide, e um vídeo em cima do botão destrói esse momento.

Estas são as práticas que melhor funcionam para evitar isso.

• Coloque o player no lado oposto. Se o botão principal fica à direita, ancore o vídeo à esquerda, e o contrário.

• Reduza o vídeo ao chegar na oferta. Quando o visitante chega à seção de preço, o player pode encolher ou desaparecer para deixar todo o protagonismo ao botão.

• Repita a chamada para ação dentro do player. Um botão integrado ao próprio vídeo flutuante mantém a oferta à mão sem que seja preciso voltar atrás.

O que muda entre um player fixo e um flutuante?

As duas opções mostram o mesmo vídeo, mas o comportamento da página e a experiência do visitante mudam bastante.

Aspecto

Player fixo

Player flutuante

Ao rolar

O vídeo sai da tela e costuma pausar

O vídeo se ancora em um canto e continua em reprodução

Atenção do visitante

Precisa escolher entre ver ou ler

Pode ver e ler ao mesmo tempo

Melhor uso

Vídeos curtos e páginas de uma única tela

VSLs longos, cursos e páginas com muito conteúdo

Risco

Abandono do vídeo ao se deslocar

Cobrir a chamada para ação se for mal desenhado

Para um vídeo longo, o player flutuante costuma ser a opção mais inteligente, desde que você cuide da posição, do tamanho e do botão de fechar. Para clipes breves, um player fixo bem posicionado é suficiente.

Perguntas frequentes

O que é o picture in picture?

É uma janela de vídeo reduzida que continua visível e em reprodução enquanto a pessoa navega por outras abas, aplicativos ou partes da página. Existe como função do navegador e como player flutuante integrado à página.

Como ativo o picture in picture no navegador?

Na maioria dos navegadores ele se ativa pelo menu contextual do próprio vídeo ou por um botão do player, embora o procedimento exato varie conforme o navegador e o dispositivo. Se o player o desativa, a opção não aparece.

O player flutuante melhora a conversão de uma página de vendas?

Pode melhorar, sobretudo com vídeos longos, porque o visitante continua ouvindo a sua mensagem enquanto explora o resto da página. O efeito depende da oferta e do design, por isso convém medi-lo com um teste comparado.

O picture in picture funciona no celular?

Sim, em muitos dispositivos e navegadores, mas a tela é pequena. Reduza o tamanho do vídeo, garanta que ele possa ser fechado com facilidade e confira se não cobre o seu botão de compra.

Quando não convém usar um player flutuante?

Não convém em clipes de menos de um minuto, em páginas de uma única tela ou quando não há nada para ler abaixo do vídeo. Nesses casos, um player fixo bem posicionado fica mais limpo.

Que o seu vídeo não desapareça quando o visitante desce

Um vídeo que permanece na tela enquanto a pessoa lê é um vídeo que continua vendendo. Com a posição adequada, um botão de fechar visível e uma chamada para ação livre de obstáculos, o player flutuante alonga o tempo de visualização e melhora a experiência no computador e no celular.

Teste o Atomic Player e meça quanto mais a sua audiência assiste com um player que não se perde ao rolar.