Difficulties in making Whatsapp button source code work in HTML [closed]

closed. this question is out of scope and is not currently accepting answers.

want to improve this question? Update the question so it's on-topic for Stack Overflow.

Closed 11 months ago .

improve this question

I'm creating a sales site and I've added a Whatsapp contact button that sits at the footer of the page (it's floating if I'm not mistaken) , even I'm mirroring Whatsapp to the web browser it appears the error message saying that the page does not exist .

Can anyone help me get around this?

insert the description of the image here

<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>
Author: Sam, 2020-03-03
Source

3 answers

According to documentation , Your link is incorrect. Instead of:

Https://wa.me/55 (77912345678)?text = enter % 20in%20contact

Series:

Https://wa.me/5577912345678?text=Entrar%20em%20contato

The numbers in sequence (cód. país + cód. área (DDD) + telefone) without parentheses or other character.

 3
Author: Sam, 2020-03-03 01:41:17

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>
 1
Author: Elvis Serrão, 2020-08-18 14:37:57

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>
 0
Author: Daniel de Aguiar, 2020-03-03 03:13:39