• Mostrando resultados da busca por {{ posts_busca["corrected"] }} {{termo_busca}}
  • {{post.title}}
  • Não foram encontrados resultados para {{ posts_busca["corrected"] }} {{termo_busca}}

Disponibilizar botão de contato via WhatsApp no Criador de Site

André Brasil - Time de Atendimento da KingHost

Que tal ter mais interatividade com os usuários do seu site disponibilizando um botão de contato via whatsapp?

Para usar essa ferramenta, é necessário que você contrate o Criador através do nosso site ou acesse-o a partir do Painel de Controle caso já seja nosso cliente e o tenho contratado.

Acessar Criador de Site

Para começar, você precisa acessar seu Painel de Controle para depois conseguir realizar o acesso ao construtor de páginas do Criador de Site.

Depois de acessar o painel, selecione o seu domínio e navegue através dos ícones de ferramentas até encontrar Criador de Site.

Assim que acessar a ferramenta haverá o botão de login no construtor. Clique em Acessar criador de sites.Você será redirecionado para a página de administração do seu site feito com o Criador.

Botão de contato via whatsapp no Criador de site

No topo do construtor do seu site, clique em Widgets e depois em Código HTML.

Ao selecionar a ferramenta de código HTML e arrastar para a página do site, apresentará uma página em branco para você disponibilizar o código desejado. Nesta página em branco, você pode colocar o código que fará a ligação entre o site e o aplicativo:

<html>
<body>
<a href="https://api.whatsapp.com/send?phone=NUMEROTELEFONE&text=MENSAGEM">Chamar no WhatsApp</a>
</body>
</html>

Configurando o código

  • NUMEROTELEFONE: deve ser completado com: XXYY000000000 – XX é o código do país. No caso do Brasil é 55. YY é o DDD de sua região. Se for Rio Grande do Sul, por exemplo, é 51 (Não vai o zero). 000… é o número de seu telefone celular (sem pontos ou traços, apenas números).
  • MENSAGEM: você disponibiliza o texto inicial da conversa. Porém, como a ferramenta não “lê” o espaço, entre as palavras deve ser utilizado “%20”.
    Ex: Olá%20Cliente. | Bom%20Dia. | Como%20Vai.

Com este código, se o usuário clicar no botão “Chamar no WhatsApp” através do celular, já abre o aplicativo para conversa.

Estilizando o botão de chamada

Que tal estilizar um pouco e deixar o link mais chamativo?
Após o botão de contato do WhatsApp estar funcionando, você pode usar um buscador e selecionar uma imagem do aplicativo e baixar a mesma para seu computador (Recomendo uma imagem PNG com fundo transparente).

Após baixar a imagem, acesse o criador de sites – menu Arquivo. Nesta ferramenta, importe a imagem que escolheu.

Após importar a imagem para a ferramenta, se colocar o mouse sobre ela vai apresentar um ícone de “lupa” que é o visualizar.

Ao clicar no “visualizar”, a imagem será apresentada na ferramenta. Você deve clicar com o botão direito do mouse e selecionar a opção Ver Imagem ou Abrir imagem em nova aba.

Ao realizar este procedimento, vai ser aberto a imagem em seu navegador de internet em tamanho maior e vai apresentar a URL da imagem dentro dos servidores. Copie a URL e salve em um bloco de notas ou outro arquivo de texto.

Agora você precisa fazer uma pequena alteração no código HTML que criou no passo anterior, ficando basicamente da seguinte forma:

<html>
  <body>
     <a href="https://api.whatsapp.com/send?phone=555199999999&text=Olá,%20tudo%20bem?"><img width="300px" height="300px" src="CAMINHO DA IMAGEM"/></a>
  </body>
</html>

Assim como qualquer outra alteração em seu Criador de Site, as modificações só entram em vigor depois de clicar no botão Publicar, presente no topo direito da página.

Depois de clicar no botão ‘Publicar’, as alterações do seu site já estarão disponíveis em seu site, basta acessá-lo para verificar as modificações.

Esse artigo foi útil pra você?