Fazer links para o chat com imagens

Para fazer chamadas do tolvnow com imagens diferentes é bem simples.

1. Incluir o código de acesso do tolvnow no rodapé da sua página, logo antes da tag </body>.

2 Crie uma regra CSS para esconder a chamada padrão do tolvnow:

Obs.: ignorar o passo 2 se o chat estiver em modo widget


<style>

#tolvnow-caller { display:none; }

</style>


3. Agora você poderá criar uma função Javascript no <head> de sua página para lidar com o tolvnow da forma que você preferir:


<script>
function tolvnowcustom(online) {
if(online) {
$("div#chamada-chat").html('<img alt="Chat Online" src="chamada_chat_on.jpg" />');
  } else {
$("div#chamada-chat").html('<img alt="Chat Indisponível" src="chamada_chat_off.jpg" />');
}
}
</script>


Cada vez que um cliente acessar seu site o Tolvnow irá verificar se a função tolvnowcustom foi implementada. Caso tenha sido, o nosso snippet chama esta função, passando no parâmetro online=true se houver algum agente disponível e online=false se não houver agentes disponíveis.

Repare que o link chama uma função _tno.toggle(). Em todas as páginas que você tiver incluído o snippet do Tolvnow, esta função estará disponível para você abrir a janela de chat.