Como inserir um botão flutuante do WhatsApp no seu site ou blog?

Neste tutorial de hoje você poderá inserir um botão flutuante de Whatsapp.

bom sem mais papo vamos la.

  1. Código em Html você pode colocar em uma pagina especifica ou na index, no meu caso esta no footer.php do meu WordPress.

Não esqueça de alterar os campos que estão acima descritos como INSIRA SEU NÚMERO DE WHATSAPP AQUI, LINK DA IMAGEM.

Lembre-se que é só digitar.

Se algo der errado é bom revisar este passo.
O terceiro passo é você acessar “Editar ou Adicionar CSS”,

  • lá você irá colar o seguinte código:

Após efetuado esses passos, está pronto seu botão.

Possíveis erros ao acompanhar esse tutorial
– Colocar o número de telefone com pontos e traços (ex. +55 (51) 99999-9999);
– Colocar o link da imagem errado;
– Colocar uma imagem muito grande;
– Colocar a imagem nomeada com espaços (ex. “Logo do WhatsApp.png” enquanto o correto seria nomear da seguinte forma “Logo-do-Whatsapp.png”);
– Esquecer de salvar o HTML ou o CSS.

Acesse aqui o site para baixar os ícones

Acesse aqui a API do WhatsApp


Meu funcionando..

 

Já tem 2 duvidas sobre: Como inserir um botão flutuante do WhatsApp no seu site ou blog?

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *