Início Chat ao Vivo no Site Como configurar o chat ao vivo no seu site

Como configurar o chat ao vivo no seu site

Última atualização em Apr 07, 2025

O chat ao vivo da Akece permite que você ofereça atendimento direto no seu site, com uma experiência rápida, moderna e integrada ao restante da sua central de atendimento. Este guia mostra como criar o canal do site e ajustar todas as configurações disponíveis.

Navegadores e sistemas compatíveis

A Akece funciona nos principais navegadores modernos. Recomendamos utilizar versões atualizadas dos seguintes navegadores:

  • Mozilla Firefox: a partir da versão 52

  • Google Chrome e Chromium: a partir da versão 57

  • Apple Safari: a partir da versão 14.1

  • Microsoft Edge: a partir da versão 16

Para dispositivos móveis, o aplicativo da Akece é compatível com:

  • Android: versão 5.0 ou superior

  • iOS: versão 11.0 ou superior

Como criar o canal de site (caixa de entrada do tipo Website)

Passo 1 – Acesse a criação de caixa de entrada

Vá em Configurações → Caixas de Entrada → Adicionar Caixa de Entrada.
Selecione a opção Website e clique em Configurar.

Passo 2 – Preencha os dados do site

Informe os seguintes campos:

  • Nome do site: como você quer identificar esse canal.
    Exemplo: Site Institucional

  • URL do site: o domínio onde o chat será instalado.
    Exemplo: https://www.exemplo.com

  • Cor do widget: escolha a cor do botão/flutuante do chat.

  • Cabeçalho de boas-vindas: uma frase de saudação inicial.
    Exemplo: Olá 👋

  • Mensagem de boas-vindas: texto de apoio abaixo do cabeçalho.
    Exemplo: Estamos aqui para te ajudar com qualquer dúvida.

  • Mensagem automática do canal (opcional):
    Exemplo: Oi! Como podemos te ajudar?

Ative ou desative o envio automático da saudação quando a conversa for iniciada.

Clique em Criar caixa de entrada.

Passo 3 – Adicione atendentes ao canal

Mesmo que você seja administradora da conta, será necessário se adicionar como atendente da caixa de entrada para visualizá-la e atender conversas.

Selecione os atendentes desejados no menu suspenso e clique em Adicionar Atendentes.

Passo 4 – Adicione o widget ao seu site

Na última etapa, você verá um código (snippet) para incorporar o chat no seu site. Copie esse código e cole no arquivo principal do seu site (geralmente no <head> do HTML).

Você pode clicar em Mais configurações para acessar os ajustes adicionais ou em Ir para a caixa de entrada para abrir diretamente o canal recém-criado.

Ajustes adicionais da caixa de entrada do site

Na tela de Caixas de Entrada, clique no ícone de engrenagem da caixa que deseja ajustar. Você verá as seguintes abas:

Aba "Configurações"

Aqui você encontrará opções extras como:

  • Coleta automática de e-mail: ativa por padrão. Exibe um campo solicitando o e-mail do visitante ao iniciar uma conversa.

  • Habilitar Nota de Satisfação (CSAT): ativa uma pesquisa de satisfação sempre que uma conversa é encerrada. Os resultados podem ser acompanhados em Relatórios.

Clique em Atualizar para salvar as alterações.

Aba "Colaboradores"

Adicione ou remova atendentes da caixa de entrada.
Você também pode ativar a atribuição automática de novas conversas para esses atendentes.

Aba "Horário de Atendimento"

Ative a opção "Definir disponibilidade de atendimento para esta caixa" se quiser trabalhar com horários fixos.

Você poderá:

  • Definir os dias e horários disponíveis.

  • Escrever uma mensagem personalizada que será exibida fora do horário de atendimento.

  • Escolher o fuso horário correspondente.

Clique em Atualizar horário de atendimento para salvar.

Aba "Formulário Pré-Atendimento"

Permite coletar informações antes do início da conversa.
Você pode solicitar dados como:

  • Nome

  • E-mail

  • Telefone (atributos padrão)

Se quiser campos personalizados, crie atributos personalizados antes de configurar o formulário.

Exemplo de mensagem:
Olá! Precisamos de algumas informações para te atender melhor 🙂

Clique em Atualizar para ativar o formulário.

Aba "Código de Integração"

Aqui você pode copiar novamente o código do widget, caso precise reinstalá-lo em seu site.

Aba "Editor de Widget"

Personalize visualmente o widget do chat com cores, textos e visualização ao vivo de como ficará no seu site.


Com seu chat ao vivo configurado, você está pronta para oferecer suporte direto e rápido aos seus visitantes. Se precisar de ajuda em qualquer etapa, conte com a gente:

📩 [email protected]
📱 @akece.ai

Próxima etapa: conectando redes sociais e outros canais para uma experiência de atendimento completa.