Junho 9, 2023

Botão do WhatsApp no seu site: Guia 2023 para conseguir integrar rapidamente

Reading time about 12 min

Integrar um botão do WhatsApp no seu site é uma excelente forma de obter novos clientes e impulsionar a sua estratégia de marketing por meio deste aplicativo de mensagens instantâneas super conhecido. Neste guia, você vai descobrir o passo a passo para integrar o botão do WhatsApp de forma rápida e prática no seu site, melhorando seus resultados!

Usar o WhatsApp para trocar mensagens pessoais é algo conhecido por milhões de brasileiros, mas o aplicativo também está se tornando cada vez mais popular para se comunicar com as empresas. 

Prova disso são os 50 milhões de usuários do WhatsApp Business (versão gratuita do aplicativo que permite criar uma conta comercial) em todo o mundo. Ao todo, são cerca de 175 milhões de usuários que enviam mensagens todos os dias para essas contas business criadas pelas empresas. Outro dado surpreendente: 80% dos brasileiros utilizam o WhatsApp para se comunicar com as marcas, de acordo com pesquisas.

A maioria dos usuários que entram em contato com empresas no WhatsApp o fazem para acompanhar e rastrear suas compras, mas também há quem envie mensagens para solicitar atendimento ao cliente no WhatsApp ou perguntar sobre ofertas e promoções. Ou seja, o WhatsApp pode, sim, te ajudar a converter!

Em todas essas situações, responder rapidamente é essencial para iniciar um diálogo com o possível ou atual cliente. Por isso, um botão do WhatsApp no site da sua empresa permitirá que você comece a conversar automaticamente por meio do aplicativo.

A boa notícia é que instalar o botão do WhatsApp é muito simples! Isso pode ser feito manualmente ou com alguns plugins que facilitam o processo.

Vantagens de integrar o botão do WhatsApp no seu site

O botão do WhatsApp no site da empresa é uma forma de fortalecer a estratégia de marketing e o serviço ao cliente por meio desse aplicativo de mensagens. Veja os principais benefícios:

Acesso ao aplicativo de mensagens mais usado no mundo

Com mais de 2,2 bilhões de usuários ativos e 100 bilhões de mensagens diárias enviadas em todo o mundo, o WhatsApp é o líder global indiscutível em mensagens trocadas pelo celular. 

Cada usuário do WhatsApp gasta em média cerca de 38 minutos por dia navegando no aplicativo. Estima-se, também, que a taxa de conversão média por usuário seja de 45 a 60% mais alta do que a existente em e-mail marketing e SMS.

Portanto, usar o WhatsApp Business na sua empresa e torná-lo acessível com um botão no seu site é uma porta de entrada para novos clientes.

Experiência de usuário otimizada no mobile

Desde 2017, os usuários que navegam usando um dispositivo móvel são mais numerosos do que aqueles que usam um computador. Atualmente, eles são quase 60%! Portanto, é provável que o seu site receba a maioria das visitas vindas de um celular. 

Por isso, um botão do WhatsApp no seu site é muito importante, já que otimiza a navegação nos dispositivos móveis. Quando o usuário clica no ícone do WhatsApp usando o celular, um chat com a empresa é aberto automaticamente no aplicativo. 

Comunicação instantânea com o prospect ou cliente

O WhatsApp é, acima de tudo, um aplicativo de mensagens instantâneas. Se o cliente tem um retorno rápido da empresa, é provável que priorize este aplicativo em relação a outros canais de comunicação, ainda mais por ser tão acessível.

Ao usar o botão do WhatsApp, o cliente espera uma resposta rápida e você deve ter os recursos para satisfazer essa expectativa. No entanto, se você não puder responder instantaneamente, o WhatsApp Business oferece a possibilidade de enviar uma resposta instantânea, o que é ótimo para transmitir segurança ao seu cliente.

Recursos para o atendimento ao cliente

A rapidez que o WhatsApp confere anda de mãos dadas com um atendimento ao cliente eficaz. Por exemplo, se um cliente ficar confuso ao montar um móvel que tenha comprado na sua loja online, talvez prefira enviar um WhatsApp ao serviço técnico em vez de um e-mail.

A expectativa de resposta rápida é maior no primeiro caso (comunicação por WhatsApp) do que no segundo (comunicação por e-mail). Assim, o botão do WhatsApp visível no seu site é uma forma de comunicar que você responderá rapidamente.

Favorece a proatividade do usuário

A própria política de marketing do WhatsApp favorece o usuário a iniciar a comunicação com a empresa na plataforma de forma proativa. Um botão do WhatsApp no seu site é a forma ideal de atingir esse objetivo.

Também será um meio de obter mais prospects para a sua lista de contatos, que podem se tornar clientes mais tarde, passando para a etapa de conversão. Em cada conversa iniciada, poderá solicitar o consentimento para os utilizadores serem incluídos na sua lista de contatos e receberem as suas campanhas de marketing. 

Dessa forma, poderá chegar a alguns segmentos da população que estejam menos familiarizados com o e-mail, que não tenham propensão a se inscrever na sua lista de e-mail, nem a consultar suas newsletters com regularidade. 

Leia também: Como enviar mensagem em massa WhatsApp

Limitações do botão WhatsApp no seu site

Embora dar visibilidade à sua conta WhatsApp seja uma boa prática para o seu negócio, não é uma solução universal. As principais limitações a ter em conta são:

Experiência pouco otimizada no computador

Apesar dos dados anteriores, a navegação por computador continua a ter um peso significativo. Por exemplo, é a opção predominante nas atividades empresariais B2B. Para os visitantes que usam um computador, o botão do WhatsApp não oferece a mesma acessibilidade que a versão móvel, no celular.

Não se trata de um obstáculo impossível de reverter. Existe um aplicativo desktop para usar o WhatsApp no computador, configurado muito rapidamente através da digitalização de um QR code no celular (WhatsApp Web). No entanto, os usuários que não possuem o WhatsApp Web não poderão abrir o chat instantaneamente. 

Aplicativo WhatsApp Web, que permite acessar o WhatsApp pelo computador

Por isso, um chat para site é geralmente uma opção mais otimizada para a navegação a partir de um computador. É possível oferecer ambas as opções para que cada visitante selecione a que mais lhe convém.

Dependência de uma plataforma externa

Ao usar um link do WhatsApp, a comunicação com seus clientes depende de uma plataforma externa. Logo, você terá que seguir as políticas do WhatsApp Business.

Embora o WhatsApp favoreça o uso do aplicativo para o atendimento ao cliente das empresas, há permissões, regulamentos e detalhes que podem ser alterados a qualquer momento.

Possibilidades limitadas de personalização

A aparência de um chat no WhatsApp é pouco personalizável. Em outros aplicativos de chat para site, em contrapartida, pode configurar itens como a cor de fundo para adaptá-lo à sua cor corporativa. Em vez disso, um chat no WhatsApp não suporta ajustes visuais: a cor da interface deve ser o verde do aplicativo.

É o usuário quem deve iniciar a conversa 

Outra diferença significativa é que um chat para site pode surgir automaticamente enquanto o usuário está navegando pelo site.

Por outro lado, com o botão WhatsApp, é imprescindível que seja o usuário quem inicia a conversa. Por isso é tão importante pensar na visibilidade deste botão no site e na experiência do cliente. O botão não deve passar despercebido para o visitante que deseja usá-lo.

Maior dificuldade para recuperar conversas antigas

Muitas vezes o cliente precisa recuperar uma conversa antiga com a empresa, especialmente se contém instruções ou a resposta a uma dúvida importante. Em princípio, o WhatsApp armazena os chats antigos, mas eles podem ser perdidos por troca de celular, falta de espaço, etc.

O e-mail é um canal de comunicação mais otimizado para armazenar a informação: inclui linhas de assunto que facilitam a pesquisa e pode ser armazenado mais facilmente na nuvem. Ao utilizar um chat para site, também pode enviar uma cópia da conversa ao e-mail do utilizador. Os parâmetros básicos do WhatsApp, contudo, não preveem essa possibilidade.

Como integrar um botão do WhatsApp no seu site

A forma mais manual e técnica de integrar o botão no seu site é criar um link do WhatsApp em linguagem HTML com o seguinte atributo href:

https://api.whatsapp.com/send/?phone=__

Há também uma versão curta do link para a estrutura:

https://wa.me/__

Em ambos os casos, no final do link, você deve digitar o número de telefone do seu WhatsApp com o prefixo internacional correspondente (sem o sinal +). Este seria o exemplo para um número brasileiro (com prefixo +55):

<a href=https://api.whatsapp.com/send/?phone=55000000000>Envie um WhatsApp</a>

O link abre um chat do WhatsApp com o número de telefone indicado. Se tiver facilidade para manipular o código HTML e CSS do seu site, poderá inserir o link onde considerar mais conveniente.

Botão WhatsApp com a funcionalidade Conversations da Brevo

Se você preferir realizar a integração sem precisar de competências técnicas, o widget de chat da ferramenta Conversations, da Brevo, permite integrar o botão do WhatsApp no seu site com facilidade, além de dar acesso a outros recursos para gerenciar as suas campanhas de marketing no WhatsApp.

Abaixo, você vai aprender como usar Conversations da Brevo com integrações pré-fabricadas para WordPress (incluindo WooCommerce) e Shopify, ou sem elas, em qualquer tipo de site. 

Para começar, em todos os casos:

1- Crie uma conta Brevo grátis para ativar as campanhas no WhatsApp e conecte o número de telefone que você usa para o WhatsApp Business.

2- Vá para Conversations, e depois Widget de Chat. Esta funcionalidade também inclui o chat para site da Brevo que, como indicado na seção anterior, complementa o botão do WhatsApp.

3- Na etapa “Personalize seu Widget de Chat”, a maioria dos ajustes refere-se apenas ao chat para site (por exemplo, a mudança de cor). No entanto, alguns parâmetros, como a posição do botão do chat, também são relevantes para o botão do WhatsApp.

Integração em qualquer tipo de site

A forma mais básica de instalar o botão do WhatsApp com a Brevo consiste em gerar o código do widget de chat da Brevo e integrá-lo no código HTML do seu site.

Ao contrário do link básico da api.Whatsapp, neste caso, quase não há necessidade de ajustes no código. Após as etapas 1, 2 e 3 acima:

4- Ao chegar ao passo “Instale o seu widget de chat”, copie o código JavaScript que aparece na tela.

5- Cole o código no HTML do seu site. O mais recomendável é inseri-lo imediatamente antes da tag <head> nas páginas do seu site onde você quer que o botão WhatsApp apareça.

Instruções mais detalhadas:

Instalar o widget de chat manualmente em qualquer site

Integração no WordPress e WooCommerce

A integração do botão do WhatsApp no CMS WordPress e em seu plugin de e-commerce WooCommerce é automática. Para isso, depois dos passos 1, 2 e 3:


4- No backend WordPress do seu site, adicione um destes plugins e ative-os:

  • Site WordPress genérico: Newsletter, SMTP, e-mail marketing e formulários da Brevo
  • Site WordPress com WooCommerce: Brevo Plugin de WooCommerce.

5- Conecte seu site com a sua conta Brevo através de uma chave API v3.

6- Ative o tracker da Brevo e verifique o seu funcionamento.

7- Na sua conta Brevo, volte a Conversations, e depois “Widget de chat”. No passo “Instale o seu widget de chat”, o botão “Adicione o widget de chat no seu site” aparecerá.

8- Ao clicar no botão, o WhatsApp e o chat para site serão integrados automaticamente no seu site WordPress, tal como você os configurou.

Integração no Shopify

A plataforma de e-commerce Shopify também dispõe de uma integração automática para as campanhas de WhatsApp da Brevo, através do widget de chat.
Para isso, depois dos passos 1, 2 e 3:

4- Na Loja de Aplicativos Shopify, procure pelo aplicativo Brevo e instale-o.

5- Autorize os acessos para conectar sua conta Brevo com a do Shopify.

6- Na sua conta Brevo, volte a Conversations, e depois em “Widget de chat”. No passo “Instale o seu widget de chat”, clique no botão “Adicione o widget de chat no seu site”

7- Ao clicar no botão, o WhatsApp e o chat para site serão integrados automaticamente no seu site WordPress, exatamente como você os configurou.

Pronto! Com a Brevo você consegue ativar um gerador de botão WhatsApp facilmente, sem precisar de habilidades técnicas! E a boa notícia é que, ao adquirir qualquer um de nossos planos mensais, você recebe suas primeiras 1.000 mensagens gratuitamente!

Exemplos de uso do botão de WhatsApp nos sites

Por último, estes dois exemplos de empresas que integraram o botão do WhatsApp em seus sites podem servir de inspiração para você aproveitar todo o potencial que esse aplicativo pode oferecer!

Botão WhatsApp da C&A incita a ação

Além de ficar super visível no site, o botão do WhatsApp da C&A apresenta um mini banner que incita o cliente a clicar e ir para o WhatsApp. Ao trazer a possibilidade de ganhar desconto ao comprar pelo aplicativo, o interesse e a conversão são aumentados. O design, o formato e as cores também não deixam a desejar!

Fonte: C&A

Botao do WhatsApp prático e visível

Você também pode optar por um botão do WhatsApp no site de forma bem básica, mas igualmente eficaz. Este site de acessórios aumentou o tamanho do ícone para deixá-lo bem atrativo e chamativo.

Fonte: Bella Maria

Em ambos os casos, a visibilidade do botão é a chave para se mostrar acessível. Ao integrar um botão do WhatsApp no seu site, vai certamente impulsionar o contato com o lead e se aproximar de muitas oportunidades de vendas! 🚀

Leia mais: Exemplos de mensagens automáticas no WhatsApp.

Experimente enviar campanhas no WhatsApp com a Brevo!

Integração simples e armazenamento ilimitado de contatos! Pague apenas pelas mensagens, sem taxas de configuração ou licença.

Criar a minha conta gratuita >>

Pronto(a) para crescer com a Brevo?

Todas as ferramentas de que você precisa para alcançar seus clientes e expandir seus negócios.

Inscreva-se grátis