Como Implementar Chat em Tempo Real no Seu Site com a GeHost
Olá, querido(a) cliente! Seja bem-vindo(a) ao nosso guia de chat em tempo real — o seu primeiro passo para tornar seu site mais interativo, humano e conectado com seus visitantes. Aqui, você vai aprender, passo a passo, como colocar um chat no seu site, mesmo sem ser expert em programação. Prometo: é mais simples do que parece!
Imagine que seu site está sempre "acordado", respondendo perguntas, atendendo clientes e criando conexões — mesmo quando você está dormindo. Isso é possível com um chat em tempo real. E com a GeHost, você tem tudo o que precisa para fazer isso funcionar.
Dica do Sensei: O chat em tempo real não precisa ser complexo. Comece com algo simples — como um chat de suporte ou um botão de "Fale conosco" — e vá evoluindo conforme o seu site cresce.
Passo 1: Escolha uma Ferramenta de Chat
Antes de tudo, você precisa escolher qual ferramenta vai usar para o chat. Existem várias opções gratuitas e fáceis de integrar. Algumas das mais populares e recomendadas são:
- Chatwoot (gratuito, open source)
- LiveChat (com versão gratuita limitada)
- Crisp (ótimo para pequenas empresas)
- ManyChat (se você quer chat por WhatsApp também)
Para este guia, vamos usar uma solução simples, flexível e que funciona bem com qualquer site — o Chatwoot. Ele é gratuito, fácil de instalar e pode ser hospedado na sua própria conta da GeHost.
Passo 2: Acesse o Gerenciador de Arquivos do cPanel
Para instalar o chat, você vai precisar acessar o Gerenciador de Arquivos do seu cPanel. É aqui que você vai colocar os arquivos do chat no seu site.
1. Faça login no cPanel com suas credenciais.
2. Após o login, você verá a tela principal do cPanel. Procure pela seção Arquivos e clique em Gerenciador de Arquivos.
Passo 3: Acesse a Pasta do Seu Site
O seu site está hospedado na pasta public_html (ou www em alguns casos). Vamos lá:
1. No Gerenciador de Arquivos, clique na pasta public_html.
2. Se você tiver um domínio principal (como seusite.com.br), essa pasta é onde seu site está hospedado. Se tiver subdomínios, você pode criar o chat em uma pasta específica (ex: chat).
Passo 4: Baixe e Instale o Chatwoot
1. Acesse o site oficial do Chatwoot e baixe a versão mais recente (em formato ZIP).
2. Volte ao Gerenciador de Arquivos do cPanel e clique em Upload.
3. Arraste o arquivo ZIP que você baixou e espere ele ser enviado.
4. Após o upload, clique com o botão direito no arquivo ZIP e selecione Extrair.
5. O sistema vai criar uma pasta com os arquivos do Chatwoot. Você pode renomear essa pasta para algo como chat ou chatwoot para facilitar.
Passo 5: Configure o Banco de Dados
O Chatwoot precisa de um banco de dados para funcionar. Vamos criar um:
1. No cPanel, vá até a seção Bancos de Dados e clique em Bancos de Dados MySQL.
2. Clique em Criar Banco de Dados. Digite um nome curto e fácil (ex: chatwoot_db).
3. Depois, vá até Usuários de Banco de Dados e clique em Adicionar Usuário.
4. Crie um nome de usuário (ex: chatwoot_user) e uma senha segura.
5. Atribua esse usuário ao banco de dados que você criou.
Passo 6: Configure o Chatwoot
1. Abra seu navegador e acesse: seusite.com.br/chat (ou o nome da pasta onde você colocou o chat).
2. Você será redirecionado para a tela de instalação. Preencha os dados do banco de dados:
- Database Name: o nome que você criou (ex:
chatwoot_db) - Username: o usuário que você criou (ex:
chatwoot_user) - Password: a senha que você escolheu
- Host: geralmente
localhost
3. Clique em Next e siga os passos até finalizar a instalação.
4. Após a instalação, você poderá criar um administrador e configurar o chat para o seu site.
Passo 7: Adicione o Chat ao Seu Site
Depois de instalar, o Chatwoot gera um código JavaScript que você deve colocar no seu site. Esse código faz o chat aparecer no seu site.
1. No Chatwoot, vá até Configurações → Integrações → Web Widget.
2. Copie o código JavaScript que aparece.
3. Volte ao seu site (no cPanel, no public_html), e abra o arquivo principal do site (geralmente index.html ou home.php).
4. Cole o código antes da tag fechada </body>.
Pronto! O chat agora aparecerá no seu site — em tempo real, com notificações, mensagens e até suporte automático.
Passo 8: Teste e Aproveite!
1. Abra seu site em outro navegador ou em modo anônimo.
2. Clique no botão do chat. Ele deve aparecer no canto inferior direito (ou onde você configurou).
3. Envie uma mensagem. Você vai ver a resposta em tempo real — como se fosse uma conversa com um amigo.
Dica do Sensei: Não se esqueça de ativar o SSL no seu site (você pode fazer isso no cPanel, em SSL/TLS Certificates) para garantir que todas as conversas sejam seguras.
Conclusão
Parabéns, você acabou de transformar seu site em um espaço vivo, humano e conectado! Com um chat em tempo real, você não só atende melhor seus visitantes, como cria uma
