O vídeo flutuante é uma ótima ferramenta para aumentar as conversões de vendas da sua loja, além de proporcionar uma maneira mais envolvente de apresentar seus produtos aos clientes.
Vamos configurar esse recurso em duas etapas. Primeiro, faremos a configuração geral na área de Aplicativos. Em seguida, vou te mostrar como ajustar o vídeo para cada produto individualmente, garantindo que ele fique personalizado de acordo com as suas opções. Pronto para começar? Então, mãos à obra!
Importante: Este recurso está disponível para os planos Advanced e superiores.
Configurações Gerais
Para começar, acesse o painel da sua loja no wBuy, vá até a seção de Aplicativos, procure por Vídeo Flutuante e clique em Instalar.

Assim que a aba lateral abrir, o primeiro passo é ativar o aplicativo.

Depois de ativar, você poderá adicionar vídeos de forma independente à Página Inicial, às Categorias e aos Detalhes dos Produtos. Vamos falar sobre a configuração específica para a página de produtos em breve, mas, por enquanto, vamos focar nas opções que você pode usar para cada uma dessas telas.

Os vídeos precisam estar hospedados no YouTube ou no Vimeo. Recomendamos que você utilize essas plataformas para não aumentar o custo e o processamento da sua loja. Além disso, essas plataformas são ótimos canais para armazenar seus vídeos. Quanto mais conteúdo relevante você criar, melhor será a experiência dos seus clientes em sua loja. Seja criativo e produza vídeos incríveis!
Você também pode usar vídeos de terceiros, mas é importante ter cuidado com os direitos autorais. Lembre-se: a wBuy não se responsabiliza pelo conteúdo divulgado em sua loja. Isso é de sua total responsabilidade. Portanto, leia com atenção as regras para o uso de vídeos de terceiros e esteja sempre em conformidade com as leis vigentes.
Opções de Miniaturas: Ao configurar as miniaturas do vídeo flutuante, você tem três opções:
- Thumbnail do vídeo: Aqui, o sistema puxa automaticamente a miniatura do vídeo cadastrado no YouTube ou Vimeo.
- Vídeo personalizado: Nesta opção, você pode configurar outro vídeo para aparecer na miniatura. Isso pode ser útil, por exemplo, se você quiser exibir um vídeo em formato vertical ou quadrado que se encaixe melhor no formato da "bolinha" flutuante.
- Imagem personalizada: Você pode escolher uma imagem estática para aparecer na miniatura. Recomendamos um tamanho de 100x100 pixels, mas isso pode variar conforme a personalização que você fizer.

Essas mesmas opções podem ser aplicadas para as miniaturas na Página Inicial, Categorias e Detalhes de Produto. Agora, vamos configurar como o vídeo será exibido na aba de Personalização:

- Permitir que o cliente feche a miniatura: Cada miniatura pode ser fechada individualmente (na página inicial, categorias e produtos). A ação será lembrada por 10 dias, ou seja, o vídeo não será exibido novamente nesse período, a menos que o cliente limpe os cookies.
- Permitir que o cliente possa arrastar a miniatura: Com essa opção o seu cliente pode arrastar o vídeo para outra posições da tela, mas caso atualize a tela ele volta para a posição inicial
- Posição: Escolha entre o lado esquerdo ou direito da tela.
- Altura e largura: Sugerimos trabalhar com tamanhos quadrados, como 100x100 px ou 150x150 px. Lembre-se de que, quanto maior o tamanho, mais espaço o vídeo ocupará na tela do celular. Nosso padrão recomendado é 100x100 px.
- Margem lateral e inferior: Ajuste o espaço "vazio" ao redor do vídeo para que ele não fique grudado nos cantos da tela.
- Arredondamento das bordas: Para deixar o vídeo com formato circular, use um arredondamento de 50 px. Se estiver usando proporções diferentes (como 180x100 px), recomendamos bordas menores, como 10 px ou 8 px.
- Cor da borda: Escolha a cor da borda ou defina como transparente se preferir não exibi-la.
- Largura da borda: Se houver cor na borda, você pode definir aqui a espessura. Caso a borda seja transparente, ela não será exibida.
- Offset: Ajuste a distância da borda em relação ao vídeo. Se a borda for transparente, esse ajuste não terá efeito visível.
Depois de fazer todas as configurações, é só salvar, e pronto! Agora, o seu vídeo flutuante será exibido nas telas que você definiu, e ao clicar nele, o vídeo será ampliado.

Vídeo Flutuante no Produto
Agora você também pode configurar um vídeo específico para cada produto, o que é uma excelente forma de convencer o cliente enquanto ele visualiza os detalhes do produto. Ao editar ou criar um novo produto, no final da página, você encontrará a seção Vídeo do Produto. Aqui estão as opções disponíveis:

- URL do vídeo: As regras são as mesmas que configuramos para as telas gerais (vídeos hospedados no YouTube ou Vimeo).
- Usar vídeo como capa do produto: Para essa opção, recomendamos utilizar vídeos hospedados no Vimeo e garantir que eles tenham a mesma dimensão das fotos do produto.
- Usar como vídeo flutuante (necessário ativar o aplicativo): Se você marcar essa opção, o vídeo deixará de ser exibido junto às imagens do produto e passará a ocupar o lugar do vídeo flutuante. Para isso, é preciso ter o recurso ativado no módulo de Aplicativos no painel wBuy.
Ou seja, temos três possíveis configurações para os vídeos na página do produto:
Vídeo nas imagens do produto + vídeo flutuante geral: Se você adicionar apenas a URL do vídeo, ele será exibido junto com as imagens do produto, além do vídeo flutuante que foi configurado no Aplicativo.

Usar vídeo como capa do produto: Ao ativar essa opção, o vídeo será exibido como a imagem principal do produto nas vitrines e listagens (busca, filtros, categorias, produtos similares, etc.). Cuidado ao utilizar muitos vídeos, pois isso pode deixar a página mais pesada e lenta.

Usar como vídeo flutuante: Com essa opção, o vídeo deixará de fazer parte da galeria de imagens do produto e passará a ser exibido como vídeo flutuante, substituindo o vídeo principal configurado no Aplicativo.

Agora é mãos a obra, crie seus vídeos e use na plataforma, até mais e boas vendas!