¶ Insira um botão do Whatsapp no seu 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.
Abra seu sistema e vá no menu:
- Hotsite
- Componentes
- Imagem
Então terá que clicar em Novo.
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".
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
Crie um módulo chamado de whats, o tipo do módulo selecione HTML e abaixo coloque a posição centro1.
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.
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>
- 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!
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.
Wiki InMap
Opa! Pédia
IXC ACS