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

Como integrar botão do whatsapp no site
Como integrar botão do 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.