Botão flutuante de WhatsApp: como colocar atendimento direto no seu site
Um visitante pode encontrar sua empresa pelo Google, acessar uma página de serviço, analisar um produto e ainda permanecer com alguma dúvida. Nesse momento, oferecer um canal de contato visível pode fazer a diferença entre perder a visita ou iniciar uma nova conversa.
O botão flutuante de WhatsApp permanece disponível enquanto a pessoa navega pelo site. Quando é acionado, ele direciona o visitante para uma conversa com o número configurado.
Com o WhatsFácil, você pode criar seu link e gerar um botão para utilizar em páginas institucionais, lojas virtuais, blogs e páginas de vendas.
O que é um botão flutuante de WhatsApp?
É um elemento visual que fica sobre o conteúdo do site, normalmente próximo a um dos cantos da tela.
Mesmo quando o visitante rola a página, o botão continua disponível. Dessa forma, a pessoa não precisa voltar ao topo, procurar a página de contato ou copiar um número de telefone.
Ao clicar, o WhatsApp é aberto com a conversa preparada para o número definido.
Por que colocar o WhatsApp no site?
Formulários continuam sendo úteis, principalmente quando a empresa precisa coletar informações mais detalhadas. Entretanto, muitos visitantes preferem conversar diretamente pelo celular.
O botão flutuante pode ser utilizado para:
- Atendimento comercial;
- Solicitação de orçamento;
- Dúvidas sobre produtos;
- Agendamentos;
- Suporte;
- Reservas;
- Pedidos;
- Informações sobre entrega;
- Consultas de disponibilidade.
O principal benefício é diminuir a distância entre a dúvida e o atendimento.
Como criar um botão flutuante?
Antes de instalar o botão, é necessário definir para onde ele direcionará o visitante.
No WhatsFácil, você pode gerar link WhatsApp fácil informando o número e uma mensagem de abertura.
Depois, utilize a função de botão flutuante para gerar o código que será inserido no site.
A mensagem pode ser adaptada ao contexto da página:
“Olá! Estou navegando pelo site e gostaria de solicitar um orçamento.”
Em uma loja virtual:
“Olá! Estou no site e tenho uma dúvida sobre um produto.”
Em uma página de agendamento:
“Olá! Gostaria de consultar os horários disponíveis.”
Onde inserir o código do botão?
O código precisa ser adicionado ao site para que o elemento seja carregado nas páginas.
O local exato depende da plataforma utilizada. Em sites WordPress, por exemplo, ele pode ser inserido por meio de uma área de código personalizado, pelo tema ou por uma ferramenta própria para inclusão de scripts.
Em outras plataformas, o código pode ser colocado na estrutura global do site para que apareça em todas as páginas.
Caso o botão deva ser exibido somente em uma página específica, o código pode ser adicionado apenas naquela página.
Antes de alterar o site, é recomendável manter uma cópia de segurança e testar o funcionamento em computador e celular.
O botão pode aparecer em todas as páginas?
Sim. Para empresas que utilizam o WhatsApp como principal canal comercial, deixá-lo disponível em todo o site pode facilitar bastante o atendimento.
Entretanto, também é possível trabalhar de forma estratégica.
Uma empresa pode utilizar mensagens diferentes em cada área:
Página de serviços
“Olá! Gostaria de receber mais informações sobre este serviço.”
Página de orçamento
“Olá! Já conheci os serviços e gostaria de solicitar uma proposta.”
Página de produto
“Olá! Tenho uma dúvida sobre este produto.”
Página de contato
“Olá! Acessei a página de contato e gostaria de falar com a equipe.”
Essas mensagens oferecem contexto antes mesmo de o atendente responder.
Botão flutuante funciona no celular?
O recurso deve funcionar tanto em computadores quanto em dispositivos móveis.
No computador, o clique normalmente abre o WhatsApp Web ou apresenta uma opção compatível com o dispositivo.
No celular, o endereço direciona a pessoa para o aplicativo instalado.
Depois da instalação, faça testes em diferentes tamanhos de tela para confirmar que o botão:
- Não cobre textos importantes;
- Não fica sobre menus;
- Não atrapalha botões de compra;
- Não bloqueia avisos de cookies;
- Permanece fácil de clicar;
- Abre o número correto.
A navegação no celular merece atenção especial, pois o espaço disponível na tela é menor.
Qual mensagem colocar no botão?
A frase precisa mostrar ao visitante o que acontecerá depois do clique.
Alguns exemplos:
- Fale pelo WhatsApp;
- Solicite um orçamento;
- Converse com nossa equipe;
- Tire suas dúvidas;
- Consulte a disponibilidade;
- Agende seu horário;
- Faça seu pedido;
- Precisa de ajuda?
Uma chamada específica costuma ser mais eficiente do que um botão genérico.
Em uma página de venda, por exemplo, “Tire suas dúvidas sobre este produto” oferece mais contexto do que simplesmente “WhatsApp”.
Botão flutuante ou link comum?
Os dois recursos podem trabalhar juntos.
O link comum é indicado para:
- Menus;
- Textos;
- Banners;
- Páginas de contato;
- Rodapés;
- Botões de chamada;
- Campanhas.
Já o botão flutuante permanece visível durante a navegação e oferece um atalho constante para o atendimento.
Uma boa estrutura pode incluir um botão principal dentro da página e manter o ícone flutuante disponível para quem decidir entrar em contato depois de ler o conteúdo.
Use uma mensagem diferente para cada campanha
A empresa pode criar mais de um link fácil para WhatsApp e utilizar mensagens específicas conforme a origem do acesso.
Uma campanha no Instagram pode enviar:
“Olá! Vim pelo Instagram e gostaria de saber mais.”
Uma página encontrada no Google pode usar:
“Olá! Encontrei sua empresa pelo Google e gostaria de solicitar informações.”
Já o botão do site pode iniciar com:
“Olá! Estou acessando o site e gostaria de falar com um atendente.”
Essa organização facilita a identificação dos canais que estão gerando contatos.
Outros usos para o link criado
O mesmo endereço utilizado no botão flutuante pode ser compartilhado em:
- Redes sociais;
- Assinaturas de e-mail;
- Anúncios;
- Cartões digitais;
- Apresentações;
- Catálogos;
- Materiais impressos;
- QR Codes.
Assim, a empresa mantém uma comunicação consistente em diferentes canais.
Transforme as visitas do site em conversas
Um site deve apresentar informações, transmitir confiança e orientar o visitante para a próxima ação.
Quando o WhatsApp faz parte do atendimento da empresa, deixar o contato visível evita que a pessoa precise procurar o número ou preencher um formulário antes de conversar.
Acesse o gerador do WhatsFácil, crie seu endereço personalizado e gere um botão flutuante para facilitar o atendimento em seu site.
