Conecte um botão flutuante do WhatsApp ao seu site

Além do Web Chat completo, a Vambe permite adicionar um botão flutuante do WhatsApp ao seu site: um ícone que aparece em um canto da página e que, ao clicar, leva o visitante diretamente para uma conversa no WhatsApp com o seu negócio. É uma alternativa mais leve ao Web Chat, pensada para negócios que querem dar acesso rápido ao WhatsApp sem instalar um chat completo na página.

O botão flutuante não é a mesma coisa que o Web Chat: o botão redireciona para uma conversa no WhatsApp, enquanto o Web Chat abre o chat dentro do seu próprio site. Se o que você precisa é isso, confira Como instalar e configurar o Web Chat da Vambe no seu site.

---

Como gerar o script

1. Vá ao menu lateral e entre em Canais.
2. No seu canal de WhatsApp, clique nos três pontos à direita.
3. Selecione Gerar script.

Ali abre o seletor com dois tipos de botão: Botão direto e Chat emergente.

---

A diferença entre os dois tipos

Ambos aparecem como o mesmo ícone flutuante no seu site, mas muda o que acontece ao clicar:

• Botão direto: redireciona imediatamente para o WhatsApp. O visitante clica e o WhatsApp (web ou o app, dependendo do dispositivo) se abre com uma conversa já iniciada para o seu número, com uma mensagem predefinida carregada. Não há nenhuma etapa intermediária dentro da sua página.
• Chat emergente: ao clicar, abre-se uma pequena janela de chat dentro da mesma página —onde o visitante pode escrever sua mensagem— e só ao enviá-la ele é redirecionado para o WhatsApp com essa mensagem já escrita. Adiciona uma pequena etapa de atrito, mas dá ao visitante a oportunidade de personalizar o que vai perguntar antes de sair do seu site.

Na prática: se você quer o caminho mais curto até a conversa, use Botão direto. Se preferir que o visitante pense e escreva sua consulta antes de ir para o WhatsApp —por exemplo, para que ela chegue com mais contexto—, use Chat emergente.

---

Personalize o botão antes de copiar o script

Na mesma tela onde o código é gerado, você pode ajustar a mensagem inicial, a cor de fundo do botão, o tamanho do ícone e a posição na tela, com uma visualização ao vivo que reflete as mudanças. A Vambe gera o script já com o seu número de telefone e o seu identificador de cliente carregados —é só copiar.

Se você já tem o Web Chat da Vambe instalado na mesma página, ative a opção Usar com Web Chat: isso posiciona o botão do WhatsApp sobre o Web Chat, no canto inferior direito, para que não se sobreponham.

---

Onde colar o script

O script vai no <head> da sua página, ou logo abaixo de onde essa tag se abre.

Instalar no Shopify

1. No painel do Shopify, vá para Loja virtual → Ver código (ao lado do tema ativo).

1. No explorador de arquivos, abra Layout → theme.liquid.
2. Cole o script logo abaixo da tag <head> —normalmente ela fica por volta da linha 40 do arquivo, embora possa variar conforme o tema.

1. Salve as alterações.

Como theme.liquid é o layout que todas as páginas da sua loja usam, o botão fica instalado em todo o site com este único passo.

---

Continue explorando

Como instalar e configurar o Web Chat da Vambe no seu site.

---

Em resumo

O botão flutuante do WhatsApp é uma forma leve de conectar seu site a uma conversa no WhatsApp, com duas variantes: Botão direto, que leva imediatamente ao WhatsApp, e Chat emergente, que abre primeiro uma janela dentro da sua página para que o visitante escreva sua mensagem antes de ir. Ele é gerado em Canais → seu canal de WhatsApp → os três pontos → Gerar script, e é instalado colando o código no <head> do seu site — no Shopify, dentro de Loja virtual → Ver código → theme.liquid.