Difficulties in running Whatsapp button source code in HTML

Asked

Viewed 165 times

0

I’m creating a sales website and I added a Whatsapp contact button that is at the bottom of the page (is floating if I’m not mistaken), even though I mirrored Whatsapp to the web browser it error message appears saying the page does not exist.

Can someone help me get around this?

inserir a descrição da imagem aqui

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://wa.me/55(77912345678)?text=Entrar%20em%20contato" style="position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;
  z-index:1000;" target="_blank">
<i style="margin-top:16px" class="fa fa-whatsapp"></i>
</a>

html css whatsapp

  • According to the document to use endpoint: https://faq.whatsapp.com/en/android/26000030/? Category=5245251. The number must be active in Whatsapp, in international format (numbers only) and both number and message must be encoded with URI-Ncode. An answer that may help you understand: https://answall.com/questions/266518/enviar-messagingpara-whatsapp-via-site/266551#266551

3 answers

3


1

Replace the link address with this:

https://api.whatsapp.com/send?phone=5577912345678&text=Entrar%20em%20contato

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=5577912345678&text=Entrar%20em%20contato" style="position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;
  z-index:1000;" target="_blank">
<i style="margin-top:16px" class="fa fa-whatsapp"></i>
</a>

0

Replaces the link https://api.whatsapp.com/send?phone=77912345678&text=Enter%20in%20contact

This way: https://api.whatsapp.com/send?phone=5577912345678&text=Entrar%20em%20contato

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<a href="https://api.whatsapp.com/send?phone=5577912345678&text=Entrar%20em%20contato" style="position:fixed;width:60px;height:60px;bottom:40px;right:40px;background-color:#25d366;color:#FFF;border-radius:50px;text-align:center;font-size:30px;box-shadow: 1px 1px 2px #888;
  z-index:1000;" target="_blank">
<i style="margin-top:16px" class="fa fa-whatsapp"></i>
</a>

Browser other questions tagged html css whatsapp

You are not signed in. Login or sign up in order to post.