Para facilitar o contato dos seus clientes, além de disponibilizar o número de telefone no site, você pode incluir um botão para o WhatsApp, que ao ser acessado, leva diretamente ao aplicativo para a conversa ser iniciada.
Abaixo, clique na plataforma que utilizou para criar o seu site e confira como fazer:
Novo Criador de Sites com IA
Siga as duas etapas abaixo:
Etapa 1: Gerar o link do WhatsApp
Abaixo, clique na opção que deseja configurar e confira como fazer:
- Formato básico - somente o link com o número (x)
- Com mensagem pré-preenchida - ao abrir o link, será exibida a mensagem que você configurar
Formato básico
O link gerado será nesta estrutura: https://wa.me/55DDDNUMERO.
1Copie esta parte do link: https://wa.me/ e cole em um bloco de anotações ou outro recurso de edição
2Complete o link com as seguintes informações:
- 55 - o código do país (Brasil)
- DDD - o código da cidade (Por exemplo: 11 para São Paulo)
- NUMERO - o número de telefone (sem traços ou espaços)
Por exemplo: Para o número (11) 91234-5678, o link é:
https://wa.me/5511912345678
Pronto! Agora você já tem o link do seu WhatsApp para configurar no site.
Com mensagem pré-preenchida
O link gerado será nesta estrutura: https://wa.me/NUMERO?text=MENSAGEM.
1Copie o link: https://wa.me/ e cole em um bloco de anotações ou outro recurso de edição
2Complete o link com as seguintes informações:
- 55 - o código do país (Brasil)
- DDD - o código da cidade (Por exemplo: 11 para São Paulo)
- NUMERO - o número de telefone (sem traços ou espaços)
- MENSAGEM - substitua a palavra MENSAGEM do link por algo que deseja enviar (sem espaços ou use %20 para espaços)
Por exemplo: Para o número (11) 91234-5678 e a mensagem “Gostaria de mais informações!”, o link é:
https://wa.me/5511912345678?text=Olá%2C%20gostaria%20de%20mais%20informações!
Pronto! Agora você já tem o link do seu WhatsApp para configurar no site.
Etapa 2: Adicionar um botão com o ícone do WhatsApp
1No Editor do Criador de Sites com IA, no menu lateral, clique no ícone +
Dica: Você pode incluir o "ícone do WhatsApp" em um botão existente - Confira o passo 3.
2Em seguida, clique em Botão, arraste e solte na posição do site que deseja
3Em seguida, clique no botão adicionado - Altere o nome do botão como deseja
4Na barra de recursos que abrir, clique no primeiro ícone (Botão)
5Nas opções que abrir, clique na aba Ícone
6Em “Ícone”, clique no ícone de seta - Ou no ícone que estiver representado no botão
7Na tela que abrir, clique na aba FA
Dica: Caso tenha salvo em seu dispositivo o ícone do WhatsApp que deseja inserir, clique na aba Personalizado e em seguida, em Ícone de upload
8No campo de busca, procure por What
9Em seguida, clique no ícone que deseja inserir
10O "ícone do WhatsApp" será incluído no botão
11Agora para adicionar o link do WhatsApp, na “Barra de recursos”, clique no ícone de link
12Na aba “URL”, em “Link para", cole o link do WhatsApp
13Em seguida, para abrir a conversa em nova guia, clique no botão para “Ativar”, exibido na cor para “Azul” - Em “Cinza”, significa que não abrirá em outra guia
14Para salvar as alterações, no menu inferior, clique em Atualização
Pronto! Seu WhatsApp está configurado no site.
Criador de Sites Rápido (Descontinuado)
Para adicionar o WhatsApp no site e facilitar a comunicação com os usuários, você deverá fazer dois procedimentos.
Confira abaixo:
Criar API da conversa no WhatsApp
A API da conversa será um link e existem duas formas de gerá-lo:
- Automaticamente - busque no navegador "Gerador de API do WhatsApp" e use um site que disponibilize o gerador - entretanto a HostGator não se responsabiliza pelo uso da plataforma.
- Manualmente (Recomendado) - Confira abaixo como fazer:
1Copie o link a seguir: https://wa.me/ e cole em uma aba do navegador
2Complemente o link acima com o seu número de telefone vinculado ao WhatsApp com o código do país (55) e o DDD da sua cidade. Por exemplo: https://wa.me/5511123456789
3Feito isso, você já terá um link de conversa do WhatsApp
Entretanto, caso deseje, é possível inserir uma mensagem no link da conversa:
4Para isso, no final do link, após o número de telefone, adicione o código ?text=
5Insira o texto que desejar e para acrescer espaço entre as palavras use o código %20
Por exemplo, na frase “Olá! :) Em que podemos ajudar?”, o link ficará assim:
https://wa.me/5511123456789?text=Olá!%20:)%20Em%20que%20podemos%20te%20ajudar?
Integrar a API no Criador de Sites
1No editor do Criador de Sites, em um botão que deseja adicionar o link do WhatsApp, clique sobre ele - Se necessário, confira como acessar o painel
2Dê um nome para esse botão (ex: Contato/Entre em contato – o nome que desejar)
3Na barra de ações que aparece ao clicar no botão, clique em ícone de botão
4Na tela de Ícones, no campo de busca, procure por WhatsApp e clique no ícone encontrado
5Para adicionar o link da API do WhatsApp, clique novamente no botão de ação e em seguida em ícone de link
6Em Anexar Link, selecione a opção Endereço Web
7No campo em branco, adicione o link da API do WhatsApp criado na etapa anterior
8Para concluir, clique em Salvar
9Para salvar as alterações feitas no site, no menu superior, clique em Salvar e em seguida Publicar
Confira o vídeo do procedimento: