+55 88 9 8838 7788 lucianobragaweb@gmail.com

WhatsAPP no site, como abrir com um link

por | abr 24, 2016 | Marketing | 43 Comentários

WhatsAPP no site, como abrir com um link

Um Botão para abrir WhatsAPP no site! Este é um artigo rápido onde vou ensinar algo bem simples mas de muita utilidade.

WhatsAPP no site

Já pensou se ao visitar seu site o usuário, ao clicar em um link ou botão adicionasse seu número do WhatsApp e já começa a conversar com você imediatamente? Isso é útil especialmente quando você tem uma loja virtual ou seu site pessoal e quer que o cliente possa entrar em contato com você da maneira mais fácil possível. O WhatsApp possibilita isso.

Botão para abrir whatsapp no site

A implementação é através de um link, nada muito complexo. O que você vai precisar incluir é apenas seu número de celular que possua um perfil no WhatsApp.

Veja: <a href=“intent://send/8888387788#Intent… basta substituir pelo seu número.

Vamos ao código, que é bem simples. Copie o link abaixo e cole em sua página, no local onde deseja que apareça o link e depois inclua seu número no local indicado.

Subistitua o Número(8888387788) pelo seu número do WhatsApp
Siga este padrão: DDD + Numero, ex: 88 8838 7788 (Meu Número Whats).

É um simples link, a tag </a>. Depois Você pode personalizar utilizando uma imagem, ou mesmo estilizar com css, enfim. Mas o básico para funcionar é isso.

Nota: Esse recurso funciona se o usuário estiver acessando sua página através de um celular. Não cheguei a testar em IOS, mas no Android funcionou perfeitamente.

Conclusão

Usar este recurso deve possibilitar um aumento significativo nas suas vendas e contato com clientes em potencial para sua empresa, produto ou serviço. Esse artigo, apesar de envolver a implementação de um código, posso classificar na categoria Marketing. Utilizar o WhatsApp como ferramenta de marketing é muito útil. Gostaria de saber sua opinião sobre o assunto. E desde já quero agradecer a você que leu e ou testou esta solução em seu site.

[Atualização] – Outra Solução

whats-app-no-site-com-jivochatAo escrever este simples artigo, tive muitos acessos no site e logo estava na primeira página do Google, então muitas pessoas me questionaram sobre o não funcionamento em alguns caso específicos e por ser exclusivo para Android. Então, uma solução também muito interessante é utilizar o atendimento Online através de um Chat, como o que utilizo aqui mesmo no site.

Para isso eu recomendo o JivoChat, que considero simplesmente a melhor ferramenta disponível no mercado hoje. Além disso, esta ferramenta em breve, terá a função de atendimento através do Whats App, então é um motivo a mais para conhecer.

Muito em breve vou escrever um artigo com mais detalhes sobre esta ferramenta incrível.



  • JeanJonathas

    bem legal, não sabia dessa. com certeza aumenta a taxa de conversão.

  • Caíque de Castro

    Esse link é exclusivo para android

  • Caíque de Castro

    https://github.com/ellisonleao/sharer.js/ os dessa biblioteca funcionam cross-device

    • Helder Lima

      Mas onde está o espaço para colocar o número de wtzp no código dessa biblioteca que vc indicou, Caique?

      • Esse plugin é para abrir a janela de seleção de contato/grupo. Você coloca um título e um link e quando clica ele abre o Whatsapp para o usuário selecionar o contato…

  • Não funciona… colocando o DDD+Nùmero, ele não reconhece o número como sendo um número cadastrado no Whatsapp… tentei com o 55 e +55 (código do país) + DDD + Número, e nem assim…
    Se descobrirem como, me avise, por favor!

    • É verdade. Acabei de testar aqui e só funciona se o contato já tiver adicionado em sua agenda.

      • Rodrigo Tonglet

        Não é verdade, testei e funcionou, porem percebi que pra funcionar eu tive que colocar o DDD sem o zero na frente, ex. não use 012888888… , use 1288888888, mesmo não tendo o numero em minha agenda ele abriu numa boa, antes dessa mudança ocorria o que você relataram, ele dizia que o numero não tinha cadastro no Whats.

        • Acabei de testar aqui da forma como você falou (sem o zero na frente) e aqui continua só funcionando para um contato que você já tem.

          Se for um novo contato aparece essa notificação no whatsapp:
          https://uploads.disquscdn.com/images/41c8adc2ba8a59c2d0757385305ee1a9efed85d26128c5458a5f3a8b9121238d.jpg

          • Rodrigo Tonglet

            Marcus, você tem razão, me deixei enganar pelo fato de que o numero que usei pra testar não esta em minha lista de contatos, MAS JÁ ESTEVE UM DIA, é preciso usar um numero que nunca foi cadastrado, existem muiiiitos sites na internet indicando este mesmo código, a unica explicação que consigo pensar, é que um dia ele já funcionou, e talvez por uma atualização do Whats ele tenha se perdido, uma solução é aquela de criar o link para o telefone, pelo menos ele facilita a vida do usuário para lhe adicionar a agenda, ou mesmo fazer uma ligação. Se encontrar algo compartilho aqui com a galera. Abs.

          • Samara Lima

            Pode ser uma pergunta burra, mas, será que isso não acontece porque o numero que voce está tentando mandar mensagem não está cadastrado no Whatsapp? Você usou um numero que tem o whatsapp instalado, independente se é seu contato ou não?

          • Oi @disqus_8ESuXis88i:disqus , eu testei com um número que tem whatsapp, mas não é meu contato

          • E Deu certo com numero diferente? COMIGO não deu não, manda um print ai do codigo correto pra quem não é contato! Só funciona pra quem é contato!

          • Essa mensagem aparece pra quem não é contato e pra quem não tem WhatsApp, ou seja, se a pessoa tem WhatsApp e não esta na sua agenda quando pressionar o link vai receber a mesma mensagem desse print! Na pratica não serve pra muita coisa, por que a finalidade é justamente ter “estranhos” falando de maneira rapida com você, quem já tem seu contato não precisa acessar por outro local, chama no proprio Whats!

          • Coloquem assim Vamos Conversar?

            SEM O “9” Extra que tem hoje em dia, apenas DDD + Numero direto!

  • Carlos Eduardo Goulart

    Alguém sabe o código que funcione para WordPress?

    • Eduardo, este código funciona no WordPress. É um link.

  • Ricardinho Da Pwer

    ola luciano , nao tem como eu deixar o whats aberto igual um chat no meu site? Outra questao , eu gostaria de incorporar a transmissao ao vivo do facebook no meu site , mas de forma permanente , sem precisar ficar trocando a cada transmissao , tem como gerar um codigo assim? obrigado desde ja amigo.

    • Neste artigo eu indico uma outra solução que é o JivoChat, ele em breve terá essa funcionalidade.

  • Daniel Andres Veliz Obregón

    para ios

  • Flavio Renato

    Muito bom, cara! Estarei implementando isso hoje em um site de Hamburgueria. Valeu!

  • Flavio Renato

    Colocando esse código e acessando pelo cvelular ele vai direto para o envio de SMS,

  • Excelente Solução. Obrigado Xará (Sim, eu tambem sou Luciano Braga) Abraços!

  • Silva Hippie

    Olá Luciano, Já utilizo esse html, mas agora estou querendo inserir um que eu possa colocar o link do meu grupo do whatsapp. ao invés do contato direto (meu número) colocar o convite para entrar no meu grupo.
    Sabe como fazer?

  • Jefferson Rodrigues

    Boa tarde! Estou passando um sufoco para fazer esse procedimento atraves de um icone em assinatura de e-mail, você me ajuda?

  • Alexandra Moura

    Olá Luciano. Tem alguma forma de em vez de ser um link simples, podermos coloca um link diretamente no simbolo do WhatsApp para as pessoas clicarem nele e abrir. Já experimentei, mas na Weebly não dá essa opção!

  • Luciano

    Muito bom! Agradeço a informação! Funcionou!

  • Serralheria Casa das Artes

    pessoa é o seguinte, para o código funcionar corretamente vc deve adicionar o numero do whatsapp que desejarem sendo que “TEM QUE COLOCAR +55 que é o prefixo do brasil” depois coloca o prefixo da cidade “ex 21” depois o numero
    exemplo geral: +55 21 985931455 (no código coloca sem espaços)
    e por ultimo TAMBÉM MUITO IMPORTANTE: se o celular que vc estiver testando for o mesmo do whatsapp do código não ira funcionar, é a mesma coisa de vc tentar liga para vc mesmo não da!
    depois que fizer a alteração no site teste em outro whatsapp(outro numero)

    http://www.serralheriacasadasartes.com.br

    • Nesse caso chama quem não esta na Agenda também ou não ?

  • Sergio Junior

    Gostaria de saber se funciona criando um link pra abrir no PC porque comigo não funcionou…
    Abç!!

  • juvenalvalentim

    Show Luciano, achei uma ferramenta free muito top que dá pra fazer tudo mais rápido e certinho.. olha só: dzmarketing.com.br

  • para abrir o whatsaoo desktop tem alguma solução?

  • SÓ FUNCIONA COM QUEM JÁ É CONTATO

  • Daniel Gava
  • Fabiano Freitas

    Oi pessoal, bom dia. Nesse post eu consegui adiantar muito o que eu queria sobre ter whats no meu site, mas ainda não era exatamente o que eu precisava. Pois não funcionava pra iphone e o código que posto abaixo funciona tanto em pc quanto em android e iphone. E ainda tem o botão logo do whatsapp flutuante na página.

    .botaozap{
    position:fixed;
    z-index:100;
    top:85%;
    left:40;
    }

    Reparem que em meu numero de telefone eu deixei
    55(codigo do brasil)
    (66) DD
    81162056
    Hoje em dia as operadoras acrescentaram o 9 na frente, mas reparem que não coloco o 9 no meu numero aí no código simplesmente porque o número do whatsapp ainda não configurei o 9 por isso deixei o numero antigo 556681162056

    se alguém quiser me ligar Sou o Fabiano de Freitas (66) 9-81162056. Sucesso a todos
    ou entrem no site que adicionei o serviço e inspecionem ou vejam o código fonte
    http://www.descricaoecargos.com.br
    Site para implantação de cargos e salários online nas empresas

  • Eduardo Sganzerla

    Isso funciona em iOS também?
    De qualquer forma, a forma correta de fazer, e que funciona inclusive no computador é: https://api.whatsapp.com/send?phone=…

  • Ronaldo Ventura

    SOLUÇÃO para o caso: Coloque o código do país (+55) junto com o DDD sem o zero, e o número de telefone. Exemplo: https://api.whatsapp.com/send?phone=+5551989897676&text=Mensagem%20Aqui%20Tudo%20OK

  • Caiu Na Rede

    Olá amigo, pelo que eu entendi é um recurso pra ser utilizado via mobile, mas se o site for acessado via desktop, como eu faço?