Como integrar WhatsApp no site
Neste artigo, você descobrirá como integrar WhatsApp no site .Com mais de 25 milhões de usuários ativos de acordo com os últimos dados, o WhatsApp é possivelmente a estrela da rede social em nosso país , ainda acima do Facebook.
Poucos são os que relutam em instalar este aplicativo em seu smartphone que permite enviar mensagens de texto de áudio ou vídeo a qualquer pessoa ou grupo imediatamente e estima-se que o número de operações que ocorrem por dia seja em torno de 50 bilhões em todo o mundo. mundo.
Com esses dados impressionantes, temos diante de nós uma plataforma fundamental para que qualquer empresa, de qualquer porte, possa interagir com seus clientes e aumentar as vendas. Confira o que o Asteroid produziu na íntegra para você sobre como integrar WhatsApp no site.
Como integrar WhatsApp no site
Apesar dessa importância dentro de qualquer estratégia de mídia social, não é muito comum encontrar sites corporativos que incorporem a possibilidade de contato por meio desse canal. Hoje em nosso blog ensinamos como fazer.
A única coisa que você precisa fazer é colocar um texto, uma imagem ou um botão com um link para o URL: https://api.whatsapp.com/send?phone=[ind[num]
Onde [ind] corresponde ao código do país e [num] ao número do telefone celular de sua empresa, por exemplo:
Se quiser torná-lo mais atraente, você pode baixar um dos logotipos oficiais e enviá-lo para sua página com o link para o endereço mencionado
Desde novembro de 2018, a maneira correta de implementar os botões do WhatsApp é como estou explicando para vocês; com o url wa.me.
Como no caso dos links de chamadas telefônicas , o ideal nos hiperlinks do WhatsApp é que eles sejam identificados na primeira vez. Para isso podemos usar um call to action do tipo botão criado em CSS , uma imagem do WhatsApp ou um ícone Font Awesome, que é o que mais gosto.
O código CSS para um link do WhatsApp com Font Awesome V.6 seria algo assim:
.fab {
padding: 20px;
font-size: 30px;
width: 30px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
border-radius: 50%;
}
.fab:hover {
opacity: 0.7;
}
.fa-whatsapp {
background: #45bbff;
color: white;
}
E o HTML do botão:
<a class="fab fa-whatsapp" href="https://wa.me/34555005500/?text=tu%20texto%20personalizado" target="_blank">Anchor text</a>
No entanto, como nem todos estão dispostos a implementar essas fontes em seus sites, a melhor solução pode ser um link a partir da imagem do logotipo do WhatsApp .
Nesse caso, o link que você deve usar será:
<a href="https://wa.me/34555005500/?text=tu%20texto%20personalizado" target="_blank">
<img src="logo.png" width="50" height="50">
</a>
Qual é o comportamento deste link?
Se pressionarmos de um celular, o usuário abrirá o aplicativo WhatsApp. Por outro lado, se o usuário estiver navegando na web em um computador, ao clicar no link, será aberta outra tela com o aplicativo online do WhatsApp.
Resumindo, o fim é colocar um link para a web. E é um link que podemos colocar de forma atrativa com o log do aplicativo correspondente. No final do artigo, deixo os logotipos oficiais do WhatsApp.
Como a maioria dos aplicativos, devemos ter em mente que isso pode mudar no futuro. Ainda me lembro de aplicativos como o Windows Messenger ou SMS … Mas por enquanto, temos uma ferramenta de mensagens muito poderosa e difundida no mundo.
Espero que o artigo seja útil para você e você já saiba como integrar o botão do WhatsApp na web.