Como criar uma aparência customizada para o widget do chat
Você pode criar sua própria aparência customizada para o widget do chat. Para realizar isso, siga estes passos:
1.Faça o download dos arquivos iniciais (link).
Se você deseja manter nosso widget padrão do chat para dispositivos móveis, favor substituir o jivosite.js pelo encontrado neste arquivo
2.Copie a pasta "jivosite" do arquivo baixado e cole no diretório raíz do seu site. Por exemplo, se você utiliza um servidor compartilhado, o diretório será: …/Public_html/seu_domínio/jivosite.
3.Confirme se o código script inicial está disponível em http://meusite.com.br/jivosite/jivosite.js
.
4.Adicione este código entre as tags <head>
e </head>
no rodapé do seu site.
<link href="/jivosite/jivosite.css" rel="stylesheet" />
<script src="/jivosite/jivosite.js" type="text/javascript"></script>
5.Confirme se o código principal do JivoChat já foi adicionado ao seu site.
6.Voce pode modificar facilmente a imagem do widget para algo mais adaptado ao seu site na pasta http://meusite.com.br/jivosite/images/
. Você encontrará os arquivos iniciais do Photoshop neste local.
7.Altere a altura do div no arquivo "jivosite/jivosite.css"
para se adequar a altura da imagem que escolheu, se necessário.