Colocar Botão Whatsapp no site

Como colocar o botão de Whatsapp no site.

Neste tutorial vamos colocar um botão de whatsapp no site do ixc.

Primeiramente você precisará jogar a imagem no seu servidor do IXC, para isso baixe a imagem abaixo.

Whatsapp.png

Abra seu sistema e vá no menu Hotsite > Componentes > Imagem, Então terá que clicar em Novo.

Captura de Tela 2019-11-05 às 16.55.13.png

Então você terá que adicionar uma descrição para a imagem podendo ser qualquer uma, o que realmente vai importar para o nosso caso é o nome da imagem, ou seja o nome do arquivo que estará "whatsapp.png".

Captura de Tela 2019-11-05 às 16.55.49.png

Agora com a imagem no servidor vamos criar o módulo onde terá o HTML.

Para isso acesse Hotsite > Conteúdo > Administrar Módulos > Novo.

Captura de Tela 2019-11-05 às 17.08.50.png

Crie um módulo chamado de whats, o tipo do módulo selecione HTML e abaixo coloque a posição centro1.

Captura de Tela 2019-11-05 às 17.13.20.png

Agora na segunda aba chamada Conteúdo HTML teremos que criar um conteúdo HTML para o módulo, clique na "lupa" e depois crie um novo conteúdo html podendo chamar de whats também.

Captura de Tela 2019-11-05 às 16.56.31.png
Captura de Tela 2019-11-05 às 16.56.49.png

Agora terá que copiar o código fonte que vou disponibilizar abaixo e clicar no botão código fonte no editor.

<a href="https://api.whatsapp.com/send?phone=55..."><img class="animated tada" data-selector="img" src="/arquivos_publicos/whatsapp.png" style="height:85px; position:fixed; bottom: 25px; left: 25px; z-index:99999;" target="_blank" /></a>

Botão de Whatsapp no site.png

Olhe para o código e perceba que tem um número de telefone, coloque o seu sem espaços e sem outros caracteres.

Feche a janela e vincule o conteúdo html chamado whats, com o módulo chamados whtas.

Verifique se está habilitado o módulo para aparecer.

Então aparecerá esse botão no site!

Captura de Tela 2019-11-05 às 17.32.53.png

Caso queira adicionar uma botão de whatsapp com formato de gif, copie a seguinte url https://media.giphy.com/media/QtvHd6lI9q4iydr59B/giphy.gif, no código-fonte na seguinte parte da tag src="aqui vai o link do gif" e salve para que a mudança seja aplicada.

Captura de Tela 2021-07-07 às 15.43.51.png

O resultado final ficará desta maneira:

Animação.gif

-

Voltar ao menu Hotsite