Como adicionar um botão flutuante do WhatsApp no seu site WordPress (apenas 3 passos simples)

Ter um botão flutuante do WhatsApp é uma ótima maneira de permitir que seus visitantes entrem em contato. Saiba como fazer.

  • 12 min de leitura
Foto de Lucas Tavares
botão flutuante do whatsapp

O e-mail jamais morrerá (ou pelo menos durará bastante tempo), mas por ser uma comunicação lenta para respostas, muitos proprietários de site tem buscado soluções mais velozes. Não é à toa que muitos deles agora possuem um botão flutuante do WhatsApp em seus sites.

Afinal de contas, dar acesso direto ao seu número do WhatsApp ou WhatsApp da sua equipe de suporte é uma solução conveniente para seus clientes entrarem em contato rapidamente, independente se for para esclarecer algumas dúvidas, pedir informações, finalizar compras ou contratar serviços.

Nesse artigo, mostramos o passo a passo exato para inserir um botão flutuante do WhatsApp. Abordaremos também os diferentes plugins que cumprem esse objetivo, quais os requisitos, como configurar seu número de WhatsApp e daremos dicas funcionais de como ter o máximo de resultados com seu botão flutuante.

Ao final desse conteúdo, seu botão flutuante do WhatsApp estará ativo, com mensagens diretas para seu número e ainda recebendo visitantes com boas-vindas, os recepcionando da maneira correta, para evitar ruídos comunicacionais no processo.

O que é um botão flutuante do WhatsApp?

Um botão flutuante do WhatsApp é um botão que redireciona os visitantes do seu site para seu número pessoal ou profissional no WhatsApp. Normalmente, ele se encontra no canto inferior direito da tela, fixo e com o logotipo do aplicativo de mensagens. 

Quais as vantagens de adicionar um botão flutuante do WhatsApp no seu site?

Adicionar um botão flutuante do WhatsApp no seu site traz uma série de vantagens. Muitos acreditam, inclusive, ser a forma mais rápida e eficiente de gerar contato através de suas páginas. 

Abordaremos todas as vantagens, mas deixamos claro que elas são relativas ao tamanho do seu site e da quantidade de mensagens que receberá por ele. 

Acesso imediato ao seu número

Dar acesso imediato ao seu número (ou número da sua equipe de vendas, ou suporte) é um benefício absurdo do botão de contato flutuante do WhatsApp. Com isso, não se tem mais a demora de respostas inerentes das plataformas de e-mail. Os clientes e seguidores podem se sentir à vontade sabendo que qualquer problema pode ser resolvido rapidamente. 

Aumento da interação com clientes e possíveis clientes

Com o botão flutuante do WhatsApp é possível aumentar a interação com aquelas pessoas que já são seus clientes, mas também com as que podem ser futuramente, principalmente a depender da sua equipe de vendas ou suporte.

O WhatsApp, por ser uma comunicação instantânea, facilita a compreensão, troca de informações e faz com que haja uma conexão mais humana, se comparado a outras formas de contato. Dessa forma, há mais participação dos visitantes, por já estarem acostumados com essa maneira de contato.

Pontos positivos na experiência do usuário

Ter um botão direto para o WhatsApp é uma maneira interessante de melhorar a experiência do usuário, justamente pela velocidade de resposta pelo aplicativo. É muito comum, por exemplo, empresas demorarem até dois dias para responder um e-mail de suporte. Sejamos sinceros, muitas vezes não se tem dois dias para resolver um problema.

Seja devido ao problema ser urgente e atrapalhar o uso e venda dos seus clientes, seja também ao fato de evitar a perda de reputação do seu site pela demora de suporte. 

Sites como o Reclame Aqui agrupam diversas reclamações comuns sobre a demora ou até mesmo ausência de resposta de contato por parte de empresas. Claro, caso tenha um blog simples, não há a real necessidade de utilizar um botão flutuante do WhatsApp (o que não te impede de ter um, se quiser), mas se oferece produtos ou serviços, é essencial ter atendimentos mais rápidos.

Forma mais rápida de prestar suporte

Prestar suporte pelo WhatsApp é extremamente rápido e simples, tanto pela possibilidade de gravar áudios, quanto por ser multimídia permitindo vídeos ou imagens. Isso é interessante para quem for ensinar algo, mas também para o cliente conseguir explicar a dúvida dele com mais facilidade. 

Contato direto para contratação de serviços 

Se ao invés de produtos, vende seu serviço, o WhatsApp é um grande aliado, justamente por oferecer diretamente seu número a outra pessoa, dando a oportunidade dela tirar diversas dúvidas decorrentes do processo de contratar um profissional. 

É uma venda bem eficiente de venda direta também, em que se está “cara a cara” com o cliente, sendo mais fácil (a depender do cliente) convencê-lo a te contratar.

Quais as desvantagens de adicionar um botão flutuante do WhatsApp no seu site?

dúvida

Nem só de vantagens vive o botão flutuante do WhatsApp. Pela leitura dos pontos positivos, já deve ter sido fácil identificar potenciais pontos negativos também. Abordaremos cada um deles na lista abaixo.

Distração do conteúdo

Um fato é: o seu botão flutuante fixo no canto da tela chamará atenção. Isso é bom por um lado, mas pode ser bastante distrativo por outro. Por isso, é interessante dosar o tamanho e animações do botão, para evitar que se torne um elemento que recebe bem mais destaque que os conteúdos publicados.

Perda de privacidade (se usado um número pessoal)

Muitas pessoas pensam: “Vou usar meu número pessoal primeiro e aí quando as mensagens aumentarem, opto por um número profissional”. Esse pensamento não é errado, mas considere que a sua privacidade está em jogo. Por exemplo, imagine estar tarde da noite conversando com seus amigos e de repente começa a receber mensagens constantes vindas do seu site.

É possível ignorar, claro. Mas os sons de notificação ou as notificações em tela vão te gerar certa urgência para responder. Diferente de um WhatsApp com número profissional, que possibilita silenciar as notificações e ativar quando necessário.

Sobrecarga de mensagens

Dependendo da quantidade de tráfego diário que seu site recebe, pode ser que as mensagens recebidas estejam além da sua capacidade de resposta. Nesse ponto, o uso de e-mail se mostra mais interessante. 

Entretanto, se houver uma equipe de vendas ou suporte, ou seja, pessoas cujo objetivo é responder todas as mensagens, isso pode ser relevado.

Difícil organização das mensagens recebidas

Com a sobrecarga de mensagens destacada no item anterior, é notável o quanto a organização delas será difícil. Há quem prefira responder apenas uma mensagem por vez, para garantir que não haverá divergências nas informações dos contatos. Mas isso também atrasará a “limpeza” de todas as mensagens enviadas.

Há plataformas que ajudam nessa organização. O próprio WhatsApp Business destaca tags para as conversas. Mas podem não ser o suficiente, a depender da quantidade.

O que é necessário para inserir um botão flutuante do WhatsApp no seu site

Para inserir o botão flutuante do WhatsApp no seu site, é preciso cumprir alguns pequenos requisitos antes. Falaremos sobre eles para ter certeza que conseguiremos seguir adiante com o tutorial de como adicionar o botão.

Número cadastrado no WhatsApp

Logicamente, para utilizar o botão flutuante do WhatsApp, é necessário ter um número cadastrado no serviço. De preferência, opte por um número diferente do seu habitual e use a plataforma do WhatsApp Business

Configuração de mensagem de Boas-vindas

Para evitar problemas maiores de desorganização, elabore uma mensagem de Boas-vindas para quem entrar em contato. Isso pode ser realizado através do aplicativo do WhatsApp Business através dos passos abaixo:

1. Clique nos três pontos que ficam no topo do WhatsApp e vá em “Ferramentas Comerciais

ferramentas comerciais whatsapp business

2. Na seção “Conversa”, clique em “Mensagem de saudação”.

mensagem de saudação whatsapp business

3. Ative a mensagem de saudação e clique no ícone de lápis para editar a sua.

inserir mensagem de saudação whatsapp business

O que adicionar na mensagem de Boas-vindas

Na sua mensagem de saudação, agradeça a pessoa pelo contato e configure as regras da conversa. Essa etapa é essencial para se organizar no processo de resposta. 

Exemplos de regras:

  • As mensagens são respondidas até às 18h em dias úteis. 
  • Não é permitido o envio de áudio (via texto é mais fácil pesquisar alguma informação futuramente). 
  • O atendimento é feito por ordem, logo pode ser que a resposta demore alguns minutos.

Exemplo de mensagem de Boas-vindas

Para facilitar o entendimento quanto a mensagem de saudação, elaboramos o exemplo abaixo:

Muito obrigado por entrar em contato! Nossa equipe vai te responder assim que possível. Enquanto isso não acontece, pedimos que, para seu suporte ser o mais eficiente possível, digite a sua dúvida (sem áudio) e a elabore o máximo possível para te ajudarmos a resolvê-la. Lembrando que respondemos mensagens até às 18h dos dias úteis. Se enviado em outro horário ou dia, pode ser que a resposta demore um pouco. Agradeço a paciência”. 

Plugin de botão flutuante do WhatsApp

Por último, será necessário o uso de um plugin de botão flutuante do WhatsApp para WordPress. Elaboramos uma lista abaixo.

Plugins para adicionar botão flutuante do WhatsApp

Esses são os principais plugins para adicionar um botão flutuante do WhatsApp. Utilizaremos apenas um nesse tutorial, mas sinta-se livre para escolher o que preferir.

1. Click to Chat App

O Click to Chat App possibilita seus clientes clicarem em um botão e abrirem uma conversa no WhatsApp diretamente do seu site. Suporta números pessoais e profissionais. O botão pode vir com uma mensagem pré-definida, sendo enviada automaticamente na primeira mensagem da conversa.

2. Click to Chat – HoliThemes

Faça com que seus visitantes entrem em contato rapidamente através do WhatsApp ou até mesmo WhatsApp Business. Apenas um clique é o suficiente. O Click to Chat é simples e prático de utilizar, podendo ser configurado com facilidade.

3. WP Chat APP

O WP Chat APP permite adicionar um botão flutuante do WhatsApp. Ele pode estar fixo à tela, servir como widget e muitas outras configurações eficientes. Extremamente fácil de configurar, funciona perfeitamente com todos os plugins de cache, com a possibilidade de adicionar vários agentes de atendimento ao cliente ou suporte técnico.

4. Cresta Help Chat

Através do Cresta Help Chat é possível permitir que os visitantes entre em contato via WhatsApp diretamente via botão. Você pode deixá-lo flutuante no canto inferior direito ou em posts por meio de shortcodes.

5. Floating Chat Widget: Contact Chat Icons, Telegram Chat, Line Messenger, WeChat, Email, SMS, Call Button – Chaty

O Floating Chat Widget permite que seus visitantes entrem em contato através de vários chats diferentes, desde o Facebook Messenger, até o WhatsApp. Com ele, se obtêm mais leads, melhora o suporte ao cliente e os direciona a um contato mais efetivo.

Como adicionar botão flutuante do WhatsApp no seu site

Abaixo, siga cada um dos passos descritos para adicionar o botão flutuante do WhatsApp. São etapas muito simples, mas que precisam da devida atenção.

1. Instale o plugin

O plugin que utilizaremos será o primeiro da lista, o Click to Chat App. O instale e ative no seu painel. Ele é absurdamente simples de configurar e instalar.

2. Configure o plugin corretamente

Vá até o menu lateral do WordPress → Social Chat → Botão e configure a mensagem mostrada no site, o seu número de telefone (em padrão internacional, lembre-se que o código do Brasil é 55) e a mensagem a ser enviada automaticamente pelo usuário.

configuração de botão flutuante do whatsapp

3. Teste o botão flutuante do WhatsApp no site

Uma vez que suas configurações tenham sido salvas, veja se o botão aparece corretamente no seu site. Clique e verifique se as pessoas estão sendo, de fato, redirecionadas para o seu número. Aqui, por exemplo, nosso botão ficou assim.

botão flutuante do whatsapp

Dicas importantes para aumentar a conversão do seu botão flutuante do WhatsApp

Após estar com seu botão ativo e configurado, é necessário considerar alguns pontos para garantir a ausência de erros e boa experiência do seu público.

Esteja atento ao tamanho do botão

Utilizar um botão grande demais chamará a atenção desnecessariamente. Porém, se diminuir demais o tamanho, ele perderá o destaque e terá poucas conversões. Realize testes para identificar o tamanho ideal, mas não há uma resposta exata, apenas questão de bom senso.

Verifique o botão principalmente na versão mobile

Indo de encontro com a filosofia mobile first, é comum proprietários de sites focarem na versão desktop de suas páginas, mas esquecem que quando se trata do WhatsApp, a versão mobile é muito mais importante, principalmente porque é ela que levará a maior quantidade de contatos.

Importante: se utiliza pop-ups no mobile, veja se eles sobrepõem o botão do WhatsApp.

Teste o botão flutuante do WhatsApp em uma aba anônima

Testar o botão flutuante do WhatsApp em uma aba anônima te faz ter “a mesma visão do usuário”. Ou seja, sem a influência do painel do WordPress. É interessante fazer isso todas as vezes com plugins que alteram a estrutura visual das páginas.

Se houverem incongruências na visualização ou erros, limpe a cache

Erros na cache do site podem causar algumas pequenas incongruências na visualização do botão. Por causa disso, pode ser interessante limpá-la. Para fazer isso, procure a opção “purge cache”, “clean cache”, “limpar cache” ou equivalente, no painel.

Conclusão

Neste artigo mostramos o passo a passo exato para inserir um botão flutuante do WhatsApp no seu site. Esperamos que todo o material trazido por nós tenha sido simples e de fácil entendimento. 

Se foi, nos deixe saber nos comentários. Escreva abaixo e fale com a gente se conseguiu inserir o botão flutuante do WhatsApp da forma correta

Obrigado por ler até aqui. Um forte abraço! Nos vemos no próximo conteúdo.