A documentação oficial foi atualizada para refletir a versão 1.1, detalhando o novo controle dinâmico de espaçamento em tela cheia e o título correto da seção de layout.

Documentação Oficial: Video Bubble PRO

O Video Bubble PRO foi desenvolvido para aumentar a retenção e as conversões da sua loja virtual exibindo vídeos de demonstração flutuantes. Siga as instruções abaixo para garantir a melhor performance e integração da ferramenta.

Requisitos do Sistema

Para que o plugin rode com fluidez máxima e sem gargalos no seu servidor, sua infraestrutura deve atender aos seguintes requisitos básicos:

  • Plataforma: WordPress (versão 6.0 ou superior).
  • E-commerce: WooCommerce instalado e ativo (versão 7.0 ou superior).
  • Versão do PHP: PHP 7.4 ou superior (Recomendado PHP 8.1 ou 8.2 para maior velocidade).
  • Memória RAM (WP Memory Limit): Mínimo de 256 MB. Para lojas com alto tráfego, o ideal é 512 MB.
  • Certificado SSL: Obrigatório (HTTPS ativo) para garantir a compatibilidade de reprodução de vídeos nos navegadores modernos.

Instalação do Plugin

  1. No painel administrativo do seu WordPress, navegue até Plugins > Adicionar novo.
  2. Clique no botão Enviar plugin localizado no topo da tela.
  3. Selecione o arquivo .zip do Video Bubble PRO que você baixou após a compra.
  4. Clique em Instalar agora e, logo em seguida, em Ativar.

Configurações Globais (Painel WordPress)

Após a ativação, defina o comportamento global da bolha e do modal na tela do seu cliente. No menu lateral esquerdo do WordPress, acesse Configurações > Video Bubble PRO.

Na seção Layout e posicionamento da Miniatura, ajuste os seguintes campos:

  • Lado da Tela: Escolha se a miniatura de vídeo flutuante aparecerá no canto inferior Esquerdo ou Direito da sua loja.
  • Distância Inferior (px): Define o espaço exato em pixels entre o rodapé do site e a miniatura.
  • Distância Lateral (px): Define o espaço exato em pixels entre a borda da tela escolhida e a miniatura.
  • Espaçamento superior e inferior do vídeo em tela cheia (px): Define a margem de respiro no topo e na base quando o cliente clicar para ampliar o vídeo. Você digita apenas um valor (ex: 50 ou 350) e o sistema aplica a margem verticalmente enquanto ajusta a largura de forma automática para manter a proporção correta e evitar cortes na imagem.

Salve as alterações ao finalizar.

Configurando o Vídeo no Produto

A exibição da bolha é individualizada, permitindo que você tenha um vídeo específico para cada produto da sua loja.

  1. Acesse Produtos > Todos os Produtos e edite o item desejado.
  2. Na lateral direita da tela de edição, localize a caixa Configuração Video Bubble PRO.
  3. URL do Vídeo: Insira um link direto do YouTube (pode ser vídeo normal ou Shorts) ou clique no botão Upload Vídeo (MP4) para enviar um arquivo da sua própria biblioteca de mídia.
  4. Formato Bolha: Escolha como a miniatura flutuante será exibida: Círculo, Vertical ou Horizontal.
  5. Formato Aberto: Escolha a proporção do vídeo quando o cliente clicar na bolha: Vertical (Shorts/TikTok) ou Horizontal (YouTube Padrão).
  6. Cor da Borda: Utilize o seletor de cores nativo (ou digite um código Hexadecimal) para definir a cor da borda que envolverá a miniatura e o modal, alinhando com a identidade visual da sua marca.
  7. Atualize ou Publique o produto.

Nota: Vídeos do YouTube configurados no painel já rodam automaticamente com a função autoplay nativa, mudos e em loop quando em miniatura.

Suporte Técnico Avançado

Desenvolvido com foco em alta performance e segurança por Ralph D F Vanelli – Agência Vanelli.