Como integrar o WhatsApp ao seu site WordPress

Em julho de 2017, o WhatsApp anunciou oficialmente que mais de 1 bilhão de pessoas usam o WhatsApp todos os dias . Sim, isso é bilhão com um B. Esses usuários também enviam mais de 55 bilhões de mensagens ... todos os dias . Com uma integração com o WhatsApp WordPress, você pode começar a fazer do seu site uma parte desses bilhões de mensagens.

Além disso, o WhatsApp não é mais apenas para telefones - agora existem aplicativos para Mac e Windows que tornaram o WhatsApp oficialmente multiplataforma.

Neste post, vou te ensinar algumas maneiras diferentes de integrar o WhatsApp ao WordPress. Embora não haja uma grande variedade de opções, existem algumas maneiras de integrar o WhatsApp que vão além do compartilhamento social.

O melhor de tudo é que cada plugin ou solução que vou descrever é 100% grátis! Vamos mergulhar ...

Quais são as maneiras de integrar o WhatsApp ao WordPress?

Existem algumas maneiras diferentes de configurar uma integração com o WhatsApp WordPress.

Primeiro, você pode implementar um botão básico que permite aos usuários compartilhar suas postagens via WhatsApp. Vou mostrar duas maneiras de implementar isso por meio de:

• Uma barra de compartilhamento flutuante
• Um botão WhatsApp dedicado

Além desses dois métodos, muitos plug-ins de compartilhamento social de serviço completo também oferecem suporte ao WhatsApp. Como já escrevemos sobre plug-ins de compartilhamento social e esses plug-ins não são específicos do WhatsApp, não vou mostrar esse método, no entanto.

Além do compartilhamento social, no entanto, você também pode usar o WhatsApp para oferecer suporte aos seus visitantes, permitindo que eles facilmente iniciem uma conversa com você via WhatsApp.

Obviamente, isso não é para todos os sites - mas é uma solução interessante para sites de negócios porque permite que você continue a conversa mesmo depois que alguém sai do site.

Vou mostrar como permitir que os visitantes enviem uma mensagem do WhatsApp por meio de:

• Um plugin grátis
• A API WhatsApp real

Como adicionar um botão flutuante de compartilhamento do WhatsApp ao seu site móvel

Para esta primeira opção, você aprenderá como adicionar uma barra flutuante de compartilhamento do WhatsApp à versão móvel do seu site.

Procurei alguns plug-ins diferentes e me deparei com o plug-in gratuito KN Mobile ShareBar. Além do WhatsApp, ele também adiciona botões do Facebook e do Twitter. Infelizmente, não parece haver uma maneira de desabilitar isso sem cavar no código do plugin.

Depois de instalar e ativar o plug-in, seus botões são ativados automaticamente:

Quando um visitante toca no botão WhatsApp, ele é levado diretamente para compartilhar a postagem por meio da API do WhatsApp, com uma mensagem pré-preenchida:

API WhatsApp

Você pode personalizar a mensagem pré-preenchida por meio das configurações do plugin. Para fazer isso, vá para Configurações → KN Mobile Sharebar e edite a caixa de texto do Whatsapp :

Observe que você pode usar os códigos de acesso para inserir informações dinâmicas para o título e URL da postagem.

E isso é tudo que há para fazer! Lembre-se de que esses botões de compartilhamento aparecerão apenas para usuários móveis. Além disso, se você já estiver usando um plug-in de compartilhamento social, com certeza deve testar se há possíveis problemas de compatibilidade na versão móvel do seu site.

Como adicionar um botão WhatsApp dedicado ao celular

Se você deseja uma solução totalmente dedicada ao WhatsApp, pode usar o plugin gratuito Share Post On WhatsApp. Esteja ciente de que você perderá a funcionalidade de barra flutuante do plugin anterior.

O plugin é super simples - depois de instalá-lo e ativá-lo, tudo o que você precisa fazer é ir para Configurações → Compartilhar postagem no WhatsApp para habilitar o botão de compartilhamento do WhatsApp:

Quando um usuário móvel clica no botão, ele é solicitado a abrir o aplicativo WhatsApp real ( verificado para funcionar no meu iPhone 6 ).

A única desvantagem é que o plug-in aparecerá nas versões para desktop e celular do seu site, apesar do botão funcionar apenas no celular:

Para corrigir isso, você pode usar CSS e consultas de mídia. Consegui ocultá-lo na versão desktop do meu site usando algo como:

@media screen and (min-width:667px) {
.share-to-whatsapp-wrapper {
display:none;
}
}

Outro plugin gratuito que esconde automaticamente o botão para usuários de desktop é o WhatsApp Share Button de Alex Moss. O plug-in não é atualizado há três anos, o que me deixa hesitante em recomendá-lo. No entanto, pareceu funcionar quando fiz alguns testes básicos.

Como adicionar o bate-papo ao vivo do WhatsApp ao WordPress

Além do compartilhamento social, outra integração bacana do WhatsApp com o WordPress é usar o WhatsApp para conversar com seus visitantes por meio de um pseudo-chat ao vivo.

Digo “pseudo” porque o botão de chat ao vivo apenas inicia o chat. Assim que o bate-papo for iniciado, você precisará continuar por meio da interface do WhatsApp.

Para adicionar um botão de bate-papo do WhatsApp ao WordPress, gosto do plug-in gratuito do botão de bate-papo do WhatsHelp.

Depois de instalar e ativar o plug-in, você precisa acessar esta página externa para gerar o código do botão:

Nessa página, certifique-se de selecionar WhatsApp como seu aplicativo de mensagens e preencha o restante das informações. Você pode ver uma prévia ao vivo no canto inferior direito:

Quando terminar, digite seu e-mail na parte inferior e clique em Obter código do botão . Em seguida, cole esse código na guia WhatsHelp no painel do WordPress:

Depois de salvar suas alterações, você verá o botão de bate-papo do WhatsApp na versão ao vivo do seu site:

Como criar sua própria solução com a API WhatsApp

Se nenhum dos plug-ins acima fizer isso por você, você também pode criar seu próprio botão personalizado usando a API do WhatsApp.

Tudo que você precisa fazer é usar o botão para enviar tráfego para este URL:

https://api.whatsapp.com/send?phone=PHONENUMBERHERE&text=ENCODEDTEXTHERE

Por exemplo, criar um botão Enviar mensagem vinculado aqui:

https://api.whatsapp.com/send?phone=123456789&text=This%20is%20a%20message

Envia uma mensagem de bate-papo do WhatsApp para “123456789” com a mensagem “Esta é uma mensagem”:

Se você está tendo dificuldades para codificar texto, pode usar uma ferramenta como esta.

Como tudo o que você precisa fazer é enviar as pessoas a um link com esse método, você tem bastante flexibilidade para implementá-lo. Você pode até mesmo usá-lo em um módulo Divi, se quiser.

Resumindo

O WhatsApp é uma ferramenta extremamente popular - os números falam por si. Com sua expansão para web e aplicativos móveis, o WhatsApp também é multiplataforma.

Ao integrar o WhatsApp ao WordPress, você pode permitir que bilhões de usuários do serviço se conectem com você e / ou compartilhem seu conteúdo via WhatsApp.

Se você já estiver usando um plug-in de botão de compartilhamento social, poderá adicionar botões de compartilhamento do WhatsApp por meio dele. Caso contrário, você pode usar uma das duas soluções descritas para adicionar botões de compartilhamento do WhatsApp ao WordPress.

Além de compartilhar, no entanto, você também pode usar o WhatsHelp ou a API do WhatsApp para permitir que seus visitantes enviem mensagens diretamente para o seu próprio número do WhatsApp.

Agora é sua vez - você acha que os botões de bate-papo do WhatsApp são uma alternativa / complemento viável para o bate-papo ao vivo? Dada a popularidade do WhatsApp, parece uma opção interessante, dependendo do seu grupo demográfico específico.

Imagem em miniatura do artigo por x9626 / shutterstock.com