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.