Passar para o conteúdo principal

Como criar um botão de WhatsApp GRATUITO para o seu site?

Guia para criar e adicionar botão WhatsApp GRATUITO ao seu site.

Ana Claudia Perazzolo avatar
Escrito por Ana Claudia Perazzolo
Atualizado há mais de um mês

Transforme os visitantes do seu site em leads com o botão de WhatsApp.

Com este botão instalado em seu site, os usuários precisam apenas clicar para abrir uma conversa de WhatsApp com você!

Com um botão do WhatsApp, você pode:

  • Direcionar visitantes do site para o WhatsApp;

  • Receber instantaneamente nomes de usuários e números do WhatsApp.

Passos para integrar o botão WhatsApp em seu site GRATUITAMENTE

  1. Acesse a página do criador do botão WhatsApp

2. Personalize o botão de WhatsApp

Adicione seu número do WhatsApp com o código de discagem do seu país. Por exemplo, para números brasileiros, adicione '55'.

Personalize o botão com uma variedade de opções, como:

  • Fundo do botão;

  • Texto do botão de Chamada Para Ação (por exemplo: converse conosco);

  • Margem inferior, esquerda e direita;

  • Raio da Margem;

  • Mensagem pré-preenchida que os clientes enviarão a você (por exemplo, "Oi, estou vindo através do site", ou "Olá, gostaria de mais informações".

  • Posição do botão no site.

3. Escolha a cor de fundo do botão de WhatsApp

Para criar um botão do WhatsApp que chame a atenção do visitante do seu site, o botão deve ter um bom contraste com a cor de fundo do seu site.

4. Configure as dimensões do botão de WhatsApp

Configure as dimensões do botão WhatsApp que definirão onde o botão será aberto na tela quando um usuário clicar no botão WhatsApp.

Por padrão, Margem Inferior, esquerda e direita são mantidos em 30 enquanto o raio é mantido em 24 por padrão.

5. Posição do botão no site

Você pode colocar o botão à esquerda ou à direita do seu site.

Estudos sugerem que 80% das pessoas prestam atenção ao lado esquerdo de um site. Portanto, seria benéfico colocar o botão WhatsApp no ​​lado esquerdo.

6. Texto do CTA e mensagem pré-preenchida

O texto do botão de Chamada Para Ação (CTA em inglês) é basicamente o texto exibido no botão do WhatsApp, como por exemplo “Converse conosco”.

Uma mensagem pré-preenchida é uma mensagem que estará preenchida quando o cliente se conectar com você pelo WhatsApp, após clicar no botão WhatsApp.

A mensagem pré-preenchida deve ser baseada na 'tag de primeira mensagem' para atribuir automaticamente a tag ao usuário. Por padrão, a mensagem pré-preenchida é 'Oi', mas pode ser personalizada por você como desejar.

7. Personalize o widget de bate-papo

A imagem abaixo é o Chat Widget. Isso aparece ao clicar no botão do site.

A próxima etapa é personalizar a janela do Widget que os clientes visualizarão após clicar no botão WhatsApp Chat.

Preencha as informações necessárias, como nome da empresa, logomarca, texto do botão do widget e uma mensagem padrão na tela, conforme imagem abaixo.

Como você pode imaginar, o nome da marca na imagem é AiSensy, a mensagem na tela é “Olá, como posso ajudá-lo?”, e o texto do CTA do widget é “Iniciar conversa”.

8. Personalize o seu URL (opcional)

Depois de personalizar o widget de bate-papo, você estará pronto. No entanto, você também tem a opção de personalizar o botão de bate-papo para uma página específica.

Basicamente, você pode configurar o conteúdo do botão WhatsApp para uma URL específica, incluindo mensagem de exibição, mensagem pré-preenchida, etc., conforme mostrado na imagem abaixo.

Preencha cuidadosamente as informações necessárias, como URL de origem (lembre-se dos parâmetros), mensagem pré-preenchida e mensagem na tela. Você pode criar botões de bate-papo personalizados de acordo com as diferentes páginas do seu site.

9. Visualize o Botão/Widget de WhatsApp

Visualize seu botão do WhatsApp clicando nele! Revise as informações e prossiga para a última etapa.

10. Copie e cole o código do snippet abaixo da tag "body" da sua página da web

Como última etapa, clique no botão “Gerar Snippet”. Copie o código do snippet e cole-o abaixo da tag "body" da página da web.

Tudo certo!

Desfrute de 3x mais engajamento e conversões com o seu botão de WhatsApp!

Respondeu à sua pergunta?