Botão de whatsapp com número e mensagem pronta

Olá a todos. Estou tentando configurar um botão de whatsapp como meu número e uma mensagem, porém, toda vez que salvo o código html aparece a expressão “&amb;” entre o número e o “text”. Eu editei este modelo:

<button class="btn" data-moblet="" href="#" onclick="window.open('https://api.whatsapp.com/send?text=  Essa mensagem veio do app XXX. Clique no link abaixo para acessá-lo! https://app.vc/XXXX  ','_system', 'location=yes'); return false;" style="text-decoration: none;">      <u class="titleb2" data-moblet="">COMPARTILHE ESSA MENSAGEM</u></button>

acrescentando o “phone=xxxx&” em https:// api.whatsapp.com/ send?phone=xxxx&text= yyyy", mas quando salvo, isso se transforma em “https:// api.whatsapp.com/ send?phone=xxxx&amb;text= yyyy”, ou seja, surge um “amb;”.

Se alguém puder explicar onde está o problema, agradeço desde já.

O código que vc deve pegar para que o usuário clique e vá para uma mensagem no seu whats é:

<p>  <a href="https://api.whatsapp.com/send?1=pt_BR&phone=5500000000000"    ><img src="https://i.imgur.com/suCWxMs.png" style="width: 20%" />  </a></p>

Você pode usar esse site para gerar um link com uma mensagem automática de direcionamento:

https://www.convertte.com.br/gerador-link-whatsapp/

No link da imagem (imgur…) vc pode colocar outra imagem para substituir o ícone roxo… upando essa imagem no imgur.
Temos artigo ensinando a fazer isso. Busque em nossa Central de ajuda por COMO HOSPEDAR IMAGENS.

Só para reforçar, vc estava pegando um código html para compartilhamento de mensagem via whats e não para abertura de conversa com um nr específico de whats.

1 curtida

Oi @BrunaPalma, muito brigado pelo esclarecimento. Porém, eu tentei adaptar este código, de compartilhamento de msg, justamente para evitar usar um botão com o imgur. Eu gostei deste modelo justamente por ele gerar um botão a partir do próprio código, sem a necessidade de utilizar imagem.

Mas assim, o código acima acaba funcionando sim, ainda não entendi pq aparece esse "amb; " toda vez q eu salvo, mas oq ocorre é que na tela de desenvolvimento, no PC, ele aciona o whatsapp mas não carrega a msg, mas no celular, com o webapp baixado, ele carrega a mensagem, mesmo com esse “amb ;” o botão envia a mensagem gravada e para o número indicado.

Seria interessante se vcs disponibilizassem mais modelos de código com botões/funções que evitassem o uso de muitos recursos externos. É bem mais rápido, prático e deixa o app mais leve, do que seguir a sequência de: criar imagem, compactar, hospedar, gerar link, etc.

A grande lição, para quem ler esta conversa, é que alguns recursos podem não funcionar quando testados no PC, mas funcionarão no celular. Já houve outra situação em que perdi um dia inteiro tentando encontrar o problema e quando fui testar no celular o recurso estava funcionando. Neste caso perdi mais de 4hrs. Tenho que tomar por habito fazer os testes também no celular.

Muito obrigado pela atenção e espero que a experiência seja útil para mais alguém.

Olá! Tudo bem?

No momento, não damos suporte personalizado para códigos em HTML, mas temos um código que deve te ajudar com sua demanda!

No momento você pode usar o botão, sem a imagem do “Imgur”. Para isso, você pode usar este exemplo abaixo:

<p>
 <a href="https://api.whatsapp.com/send?1=pt_BR&phone=5500000000000"> 
  <input type="button" class="btn" value="COMPARTILHE ESSA MENSAGEM" /> 
 </a>
</p>

Você pode alterar o link depois do “a href”, conforme sua necessidade;
Pode alterar a mensagem que vem após o “Value”;
E por fim, é sempre importante manter o class="btn", essa é a estilização do botão, esta tag não precisa ser alterada;

De restante, deve funcionar corretamente.

1 curtida