O atendimento ao cliente por meio de um bate-papo online é um recurso que pode marcar pontos para qualquer site, especialmente os que vendem produtos ou serviços. No tutorial a seguir, vamos mostrar como adicionar um sistema de bate-papo ao vivo a um site qualquer. Para isso, a ferramenta básica que usaremos é o Crafty Syntax Live Help, um produto de código aberto que é construído em PHP e emprega o banco de dados MySQL para armazenar as informações. O Crafty Syntax deve ser instalado num servidor web. O serviço é chamado por meio de um link que pode ser colocado em qualquer página do site. Esse link abre uma sessão de bate-papo entre o internauta e um atendente. Se o sistema de chat não estiver ativo (por exemplo, fora do horário de atendimento), o visitante pode enviar uma mensagem à empresa. Veja agora os passos para obter e instalar o Crafty Syntax Live Help.

1. O QUE É PRECISO

Antes de tudo, confira a lista do que você precisa para instalar esse recurso no site. Primeiro, você deve ter acesso a um servidor web Linux, no qual estejam ativos o interpretador de scripts PHP e o banco de dados MySQL. Não é necessário conhecer PHP, mas é preciso saber criar um banco de dados no MySQL e lidar com arquivos no Linux. Para começar, baixe o Crafty Syntax no endereço www.info.abril.com.br/download/4167.shtml.

Agora, prepare o MySQL. Crie um banco de dados vazio. Uma vez logado no MySQL, o comando é simples: create database livehelp; livehelp, no caso, é o nome do banco de dados — você pode escolher outro. Anote o nome do usuário e a senha desse banco de dados.

2. INSTALAÇÃO

Você pode ter baixado um arquivo compactado no formato TAR.GZ ou ZIP. Extraia os arquivos e faça o upload de todos eles para o subdiretório /livehelp no diretório-raiz de seu website. (Se quiser, renomeie o diretório para algo como /ajudaonline, /ajuda ou algo que lhe pareça melhor.) Altere as permissões do arquivo config.php para 777 — ou seja, licença para ler, escrever e executar concedida a todos: público, grupo e usuário. Uma forma de fazer isso é clicar com o botão direito no arquivo config.php e, no menu, escolher CHMOD ou Change Attributes. Abre-se uma caixa, na qual você deve digitar o número 777 ou então marcar todas as caixas Read, Write, Execute.

Abra seu browser e execute o arquivo setup.php no site, chamando a seguinte URL: www.seudominio.com.br/livehelp/setup.php.

3. CONFIGURAÇÃO

Agora, você entrou no configurador automático do Crafty Syntax. Acompanhe o roteiro:

1. Na caixa de combinação Language, escolha o idioma Portuguese e escolha New Installation na caixa Installation. O novo idioma só entrará em ação depois que os ajustes forem completados.

2. Na caixa Title of Your Live Help, digite o título do seu serviço de bate-papo online. Pode ser, por exemplo, “Loja X — Atendimento Online”.

3. Na caixa Live Help HTTP Path, digite o endereço completo do sistema de bate-papo: http://www.seudominio.com.br/livehelp. Adapte esse endereço ao nome do domínio e ao nome do diretório, caso você não tenha usado livehelp. Atenção: não inclua uma barra (/) no fim do endereço.

4. Na seção User/Password, digite o nome de usuário do administrador e uma senha, duas vezes.

5. Na seção Administration E-mail, forneça o endereço do administrador. Se você esquecer a senha, o Live Help a enviará para esse endereço.

6. Agora, em Full Path to Live Help, forneça o caminho completo do programa. Não se trata de uma URL, mas do diretório do programa na estrutura do servidor. É algo que varia, mas é mais ou menos assim: var/www/html/livehelp. Se tiver dúvida sobre isso, consulte a empresa que hospeda seu site.

7. Digite uma mensagem de boas-vindas. Ela aparecerá quando o usuário abrir o Live Help. Pode ser algo como “Bem-vindo ao nosso sistema de ajuda online. Para iniciar, digite seu nome na caixa abaixo”.

8. Na caixa Database, selecione o formato de banco de dados que você vai usar. Escolha a opção MySQL. O Crafty Syntax também dá suporte a banco de dados de texto. O MySQL é a alternativa mais segura.

9. Agora, indique as informações relativas ao banco de dados MySQL. Na caixa SQL Server, indique localhost. Em SQL Database, digite o nome que você deu ao banco de dados (livehelp ou outro). Nas caixas SQL User e SQL Password, digite o nome de usuário e a senha do administrador, definidos durante a criação do banco de dados.

10. Clique no botão Install. O Crafty Syntax está configurado. Mas, antes de usar o Live Help pela primeira vez, apague o arquivo setup.php, que serve apenas para a configuração. Última tarefa: volte ao arquivo config.php e, de forma idêntica ao que foi mostrado no passo 2, altere as permissões do arquivo para 755 ou 400.

4. INSTALAÇÃO NA WEB

Instalado e configurado o Crafty Syntax, você já pode entrar no sistema. No browser, digite www.seudominio.com.br/livehelp/. Surge a tela de administração do produto. Faça o login usando o nome de usuário e a senha definidos na instalação. Agora, clique na orelha Departamentos. A tela principal mostra um departamento cadastrado, “default”. Clique no link Gerar HTML. Na próxima tela, indique o tipo de HTML que deseja criar. Na caixa associada à pergunta “Qual formato você quer?”, escolha Link Simples (Sem Opções de Convite). Acione o botão Criar. Com isso, o programa exibe o código HTML que você deve copiar e inserir nas páginas de entrada para o serviço de atendimento. Trata-se de um link como este, que chama um script PHP: http://www.seudominio.com.br/livehelp/livehelp.php?department=1

Esse link pode ser colocado em qualquer página do site onde você queira oferecer ajuda ao visitante. Ao clicar no link, ele abre a tela de chat. Do outro lado, um operador, logado na interface de administração, atende e inicia o bate-papo. Observe que o Crafty Syntax traz um departamento e um operador-padrão. Você pode criar outros, usando o menu da tela de administração. Para finalizar, na orelha Departamentos, clique no link Configurações, ao lado do nome do departamento. As mensagens de interação com o usuário estão em inglês. Personalize essas mensagens em português e, no final da tela, clique no botão Atualizar. Seu sistema de atendimento está pronto. Explore mais o Crafty Syntax e veja que há vários outros recursos de administração.