Configurando botões no hotsite para canais de atendimento

Iniciaremos criando um modulo especificamente para adicionar esses botões, acesse Hotsite > Conteúdo > Administrar Módulos e clique em novo

Captura de Tela 2021-06-18 às 15.07.31.png

Crie o módulo com as configurações abaixo

Captura de Tela 2021-06-18 às 15.17.46.png

Ainda no módulo criado, selecione o contéudo html e clique em Novo, vamos criar o conteúdo html

Captura de Tela 2021-06-22 às 09.04.53.png

Copie o código-fonte abaixo e cole no conteúdo html

<style type="text/css">#div_opa{

z-index:9999;

position: fixed;

width:100px;

border-radius: 5px;

overflow:hidden;

bottom: 10px;

right:10px;

}

</style>

<div id="div_opa"><a href="#" target="_blank"><img alt="" src="/arquivos_publicos/opa.png" style="width: 100%;" /></a><br />

<a href="#" target="_blank"><img alt="" src="/arquivos_publicos/whatsapp1.png" style="width: 100%; display:block; margin:0px auto;" /></a><a href="#" target="_blank"> <img alt="" src="/arquivos_publicos/telegram1.png" style="width: 100%;" /></a></div>

Baixe as seguintes imagens, elas serão usadas para implementar o código-fonte, você precisará hospedar elas, pode ser no seu sistema ixc de acordo com essa wiki: Inserindo Imagem no Sistema Facilmente ou de acodor com essa wiki : Como adicionar imagens hospedadas fora do IXC.

Telegram.png
Opa.png
Messenger.png
Whats.png

Após as imagens hospedadas, acesse ao código-fonte e cole os respectivos caminhos das imagens nas seguintes tags: src="suaimagem.formato" para que o sistema puxe elas para ser exibidas no própio editor do ixc.

Captura de Tela 2021-06-22 às 09.08.41.png

Saia do modo do código-fonte e clique duas vezes em cima da imagem, selecione a aba de link e basta adicionar a url como na imagem abaixo, no caso do opa suite e do telegram vai ser preciso gerar links especificos para ser adicionados nos botões, para gerar o link do telegram basta seguir essa wiki Como adicionar botão de telegram no hotsite e para gerar o link do whatsapp basta clicar nesse link que será gerado o link necessario para ser adicionado na imagem :https://www.convertte.com.br/gerador-link-whatsapp/.

Captura de Tela 2021-06-22 às 10.01.38.png

Ficará desta maneira no seu site

Captura de Tela 2021-06-22 às 10.57.37.png

-

Voltar ao menu Hotsite