Há alguns mêses atrás, o WhatsApp lançou um link para que todos que tem website pudessem linkar o seu número e com um clique começar uma conversa. Até publicamos aqui no blog como colocar um Link para abrir o WhatsApp no seu site e tivemos muitos feedback's positivo do tutorial.

Widget WhatsApp Fixo na Lateral com Mensagens

Pensando nisso, conhecemos um widget muito legal e que pode aumentar bastante a conversão do seu site ou do seu cliente. Trata-se de um widget desenvolvido pela WhatsHelp e com ele dá para criar um widget com até 10 opções de contato. Porém aqui vou ensinar a usar apenas o WhatsApp que no meu caso foi o que mais funcionou legal.

Adicionando um Widget Fixo do WhatsApp no site

O código é curto e objetivo. Antes da tag </body> do seu código, adicione:

<script type="text/javascript">
 (function () {
 var options = {
 whatsapp: "+5511990909090", // Número do WhatsApp
 company_logo_url: "//www.webcreative.com.br/themes/webcreative/images/perfil.jpg", // URL com o logo da empresa
 greeting_message: "Olá! A primeira mensagem a ser exibida, escreva aqui.", // Texto principal
 call_to_action: "Uma mensagem convidando para enviar um whatsapp.", // Chamada para ação
 position: "right", // Posição do widget na página 'right' ou 'left'
 };
 var proto = document.location.protocol, host = "whatshelp.io", url = proto + "//static." + host;
 var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
 s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
 var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
 })();
</script>

Simples assim! Agora é só alterar os trechos em laranja para os dados da sua empresa.

Criamos também um gerador de botão para facilitar a criação do botão, este funcionará de forma independente e ainda possibilita a medição de conversão pelo google adwords. Acesse agora mesmo o nosso Gerador de Botão Fixo para WhatsApp

Caso não consiga compreender o código acima ou tenha dificuldade em alterar, acesse o site oficial do widget onde você pode personalizar com mais facilidade e também encontrar mais opções de redes sociais.

ACESSAR WHATSHELP

Gostou dessa dica valiosa? deixe um comentário abaixo