Como colocar o botão do Whatsapp no Blogger - Elaine Gaspareto- Dicas para blogs e inspirações para a vida

Como colocar o botão do Whatsapp no Blogger

Publicado em 22/04/2019

Como colocar o botão do Whatsapp no Blogger
Já ensinei aqui como colocar o chat do Facebook Messenger no blog.
Hoje vou compartilhar contigo um código que encontrei no GitHub que faz a mesma coisa, insere um botão em blogs do Blogger, mas desta vez é o botão do Whatsapp.
Quer aprender?
Vem comigo, é muito simples e fácil.
Para começar abra a página com o código que vamos usar:

Copiar o código


A seguir vá até o painel administrativo do blog onde deseja testar o recurso e clique em Tema.
Clique então em Editar HTML e dentro da caixa com o código-fonte do tema tecle Ctrl+F.
Na barra de busca que expandir digite </body> e tecle enter para localizar.
Acima de </body> cole o código que pedi para copiar.

Importante:
Leia o código!
Deixei marcadas as áreas que você precisa editar.

<script type="text/javascript">
 (function () {
 var options = {
 whatsapp: "+5500000000000", // NÚMERO DO SEU WHATSAPP
 company_logo_url: "ENDEREÇO DE SEU LOGO AQUI", // URL DE SEU LOGO
 greeting_message: "ESCREVA AQUI A MENSAGEM PRIMÁRIA.",
 call_to_action: "AQUI A MENSAGEM QUE SEMPRE APARECERÁ",
 position: "right", // POSIÇÃO DO BOTÃO
 };
 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>

Notou os campos em vermelho?
Então, faça o que eles pedem.

No campo NÚMERO DO SEU WHATSAPP coloque seguindo o exemplo: 55, que é o código de área do Brasil, seguido dos 2 dígitos de seu DDD (o meu, por exemplo, é 16) e o número de seu celular/whatsapp, com 9 dígitos.
No campo ENDEREÇO DE SEU LOGO AQUI coloque a url do seu logo. Se não tiver ou não quiser deixe sem nada. Mas é legal, aparece no primeiro acesso.
No campo ESCREVA AQUI A MENSAGEM PRIMÁRIA coloque o texto que desejar; ele só aparecerá no primeiro acesso, depois só reaparecerá após 30 dias. Os cookies definem isso.
No campo AQUI A MENSAGEM QUE SEMPRE APARECERÁ digite a chamada para a ação que sempre aparecerá. Eu sugiro algo como Entre em contato, por exemplo.
No campo POSIÇÃO DO BOTÃO troque right por left se quiser o botão alinhado à esquerda.
Aí é só salvar e está pronto!

Agora vamos testar.
Clique no botão que acabaste de inserir em seu blog.
Clique em Message.
Se for a primeira vez que você estiver usando esse recurso vai aparecer uma página para habilitar o Whatsapp na web.
Essa:

Whatsapp na web
Basta posicionar a câmera do seu celular, estando logado no Whatsapp, claro, e escanear o código. Está explicadinho na página.
Assim que o código estiver habilitado é só usar o Whatsapp Web exatamente como usamos no celular.
E é só isso!

Informações importantes:

  1. Tem um porém: não funciona no Firefox e nem no Explorer. No Chrome funciona perfeitamente.
  2. Dá pra usar em lojas virtuais e em blogs Wordpress, mas precisa ter acesso ao código do tema, ok?
  3. Sim, seu número fica exposto. Então só use se tiver um propósito ou caso deseje formar um grupo do seu blog no Whatsapp, por exemplo.
  4. Também é muito útil caso você queira estreitar o relacionamento com seus leitores.
  5. Também é especialmente útil se você quer ter uma forma de contato mais rápida com clientes, caso venda produtos ou serviços via blog.
Eu não gosto de Whatsapp, mas quem curte, vai amar dicunforça!
Se usar me diz aí nos comentários com link para seu blog, eu vou lá deixar uma mensagem pra você :)
Enjoy!







3 comentários

  1. olá, não consigo colocar o códico do wahatsap no blog aqui está muito complicado, help não encontro tb na internet, poderia ensinar para os leigos. muito grata Elaine

    ResponderExcluir
    Respostas
    1. Infelizmente não tem outro modo, esse é o mais simples que há, ao menos é o mais simples que conheço.
      Releia com calma, tenho certeza que vai conseguir. Releia até entender, não tem erro.
      bjssss

      Excluir

Olá! Muito obrigada por ler meu blog e obrigada também por se dispor a comentar meus posts. Seja muito bem-vindo(a)!

Importante!
Devido à falta de tempo hábil eu não me comprometo a responder perguntas referentes aos tutoriais postados neste blog.
Pedidos de ajuda individual serão respondidos conforme o meu tempo e disponibilidade permitirem.
Deixe sua pergunta ou solicitação sempre nos comentários, eu infelizmente não tenho como responder pedidos de ajuda por email.
Por favor, entenda: comentários sem relação alguma com o post não serão liberados e nem respondidos.

Para saber mais sobre a melhor forma de utilizar este blog leia Termos de uso do blog.



Muito obrigada, fique à vontade para interagir.
Mas lembre-se:
Gentileza, educação e boas maneiras servem também para a vida nos blogs…