É chegada a hora de gerar o formulário de atendimento para que você possa chamá-lo de seu website.
Se tudo estiver correto, bastará pressionar o botão Gerar e os arquivos serão criados.
Os links gerados, além de uma referência, são uma forma de uma pessoa com experiência visualizar e inclui-los em seu website rapidamente.
De qualquer forma, sugerimos que o arquivo exemplo seja visualizado, tanto no bloco de notas como no seu browser (explorer ou netscape), para que se tenha uma idéia de como a chamada é realizada.
O formulário deverá ser incluído (upload) em sua webpage, via FTP, para que possa ser encontrado, quando o cliente clicar no ícone de atendimento em sua página web.
Formulário - nome do arquivo gerado para o formulário. No final da janela é mostrado o caminho do arquivo.
Exemplo - nome do arquivo gerado como exemplo. No final da janela é mostrado o caminho do arquivo.
Local - se a chamada será local, ou se deverá ser usado a url do seu site. Se local estiver marcado, o sistema chamará seu formulário como "form.htm" se não estiver marcado, a chamada será, por exemplo, "http://www.seusite.com.br/form.htm".
Os demais ítems são descritos mais abaixo com sua utilização.
Links gerados
Os links gerados são usados para a chamada ao seu formulário. Esses links foram incluídos no arquivo exemplo, bastando analisá-lo em seu bloco de notas para se entender seu funcionamento. Vamos no entanto explicar como são usados.
Para que seu atendimento seja funcional, você deverá acrescentar em sua página um link para que seu cliente clique e de inicio ao atendimento.
O primeiro passo é incluir esse link. Vamos dar um exemplo abaixo:
Atendimento on-line, clique aqui.
O seu objetivo é que seu cliente pressione o "clique aqui" e o atendimento se inicie. Então marque-o e use o primeiro ítem gerado: javascript: atendimento(), ficando parecido com isso:
Atendimento on-line, clique aqui.
Se você clicou no link acima, viu que ele ainda não faz nada.
Agora você precisa incluir o script da chamada ao formulário, usando o conteúdo da segunda caixa de edição. Para tal tarefa, você precisará visualizar o código fonte de sua página internet. Você poderá usar o seu editor HTML preferido para isso (dreamweaver ou frontapge) ou ainda o bloco de notas.
Um código comum seria:
<html>
<head>
<title>Demonstração</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF">
<p> </p>
<p> <font face="Arial, Helvetica, sans-serif" size="3">Exemplo de <a href="javascript: atendimento()">Atendimento
on-line</a> . Clique no link ao lado.</font></p>
<p> </p>
</body>
</html>
Repare que as primeiras linhas contém o par <head> e </head>, onde fica o cabeçalho do seu HTML. O código deverá estar incluído nesse local, mais precisamente antes do </head>
Agora inclua o código em cima do </head>.
Veja como ficou:
<html>
<head>
<title>Demonstração</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<SCRIPT language="JavaScript1.2">
function atendimento(){
welcomeWindow = window.open("form.htm", "welcomeWindow", "width=440,height=440");
}
</script>
</head>
<body bgcolor="#FFFFF">
<p> </p>
<p><font face="Arial, Helvetica, sans-serif" size="3">Exemplo de <a href="javascript: atendimento()">Atendimento
on-line</a> . Clique no link ao lado.</font> </p>
<p> </p>
</body>
</html>
Salve seu HTML. Agora ao abrir você poderá ver o funcionamento.
Se tudo estiver correto, irá, ao clicar no link, abrir uma nova janela contendo o formulário que você gerou. (DESDE QUE o formulário esteja na mesma pasta do seu HTML).
O arquivo exemplo contém exatamente este código que apresentamos. É claro que seu html é mais complexo que este, mas o princípio permanece. Acrescente o link, crie um hyperlink para :
"javascript: atendimento()" (sem aspas)
Depois abra seu html, procure por </html> e inclua o código gerado em cima dele.
<SCRIPT language="JavaScript1.2">
function atendimento()
{
welcomeWindow = window.open("form.htm", "welcomeWindow", "width=440,height=440");
}
</script>
</head>
Agora mande o seu html junto com o formulário (via FTP) para seu website.