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 2 semanas

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?