🔒 As informações desta seção se aplicam apenas a usuários com conta de Administrador.
O Live Chat Widget permite interagir com visitantes do seu site em tempo real, ajudando empresas a engajar clientes em potencial, oferecer suporte e acompanhar o comportamento dos usuários.
Ao integrar o Live Chat Widget a a SleekFlow, você pode otimizar a comunicação e automatizar fluxos para melhorar a experiência do cliente.
Neste artigo, mostraremos como configurar o Live Chat Widget na SleekFlow, incluindo personalização, idiomas e recursos avançados.
Configurando o Live Chat Widget
Siga as etapas abaixo para configurar o seu Live Chat da SleekFlow:
- Clique no ícone
na barra de navegação esquerda para acessar a página Canais
- Selecione Live Chat Widget no menu lateral
- Você será redirecionado à página de configurações do Live Chat Widget, onde poderá definir o canal conforme suas necessidades e preferências
Observação: Conforme você ajusta as configurações, é possível visualizar a aparência do widget em tempo real.
Configurações gerais
Personalize a aparência e o comportamento do seu Live Chat Widget para alinhá-lo à sua marca:
- Logo do chatbot – Envie um logo para exibir no widget
- Cor de fundo e botão – Ajuste para combinar com a identidade visual
- Nome de exibição do chatbot – Defina como o nome do chatbot será mostrado no widget
Observação: Você pode visualizar as configurações na seção Visualização à direita da página.
Lembre-se de clicar em Salvar antes de seguir para a próxima seção.
Configurações avançadas
Aprimore a experiência de atendimento com recursos adicionais:
- Indicador de tempo de resposta – Defina o tempo estimado de resposta para alinhar expectativas.
- Horário comercial – Configure os horários de atendimento e escolha ocultar ou mostrar o botão do chat fora do horário comercial.
- Você também pode ativar a opção "Ocultar o recurso de mensagem do Live Chat fora do horário comercial" para desabilitar o botão Iniciar chat durante esse período.
Os canais de mensageria social continuarão sendo exibidos mesmo com essa opção ativada.
- Você também pode ativar a opção "Ocultar o recurso de mensagem do Live Chat fora do horário comercial" para desabilitar o botão Iniciar chat durante esse período.
- Formulário de contato – Solicite que visitantes preencham informações (nome, e-mail, telefone) antes de iniciar o chat.
- Por padrão, o telefone é obrigatório
- Você pode torná-lo opcional marcando a caixa correspondente
- É possível escolher quando exibir o formulário: Sempre ou Apenas fora do horário comercial
- Branding do widget (somente para planos Premium & Enterprise) – Você pode escolher exibir ou ocultar o selo “Powered by SleekFlow”.
Observação: Lembre-se de clicar em Salvar antes de seguir para a próxima seção.
Configurações de idioma
Você pode configurar as configurações de idioma do Live Chat Widget para exibir a interface do chat no idioma preferido pelos seus usuários. Isso ajuda a criar uma experiência mais localizada e fluida para os visitantes do seu site.
Nesta seção, você pode:
- Ativar idiomas adicionais usando o botão de alternância
- Definir um idioma padrão para quando o idioma do navegador não for compatível
Depois que um idioma é ativado, você pode defini-lo como padrão clicando no ícone 
Você pode configurar vários idiomas no seu Live Chat Widget conforme as necessidades do seu negócio.
Quando os visitantes acessarem seu site, o widget ajustará automaticamente o idioma com base no idioma do navegador.
Se o idioma do navegador não estiver disponível ou ativado nas suas configurações, o Live Chat será exibido no idioma padrão.
Observação: Certifique-se de salvar suas alterações clicando em “Salvar” na parte inferior da página antes de seguir para a próxima seção.
Mensagens pop-up
Você pode enviar mensagens pop-up automáticas e direcionadas para visitantes do site com base na URL e na atividade deles.
Criando uma mensagem pop-up
Siga as etapas abaixo para criar uma mensagem pop-up:
- Na aba “Mensagem pop-up”, clique no botão “Criar mensagem pop-up”.
Uma janela de criação será exibida.
- Preencha os seguintes campos:
- Cabeçalho da mensagem: insira um nome interno para identificar a mensagem pop-up. Esse nome é apenas para sua referência e não aparece para os clientes.
- Mensagem: insira o texto que será exibido ao visitante (máximo de 1024 caracteres).
- Selecionar o tempo de disparo: defina, em segundos, quando a mensagem deve aparecer após o visitante acessar a URL.
- Condições: escolha em quais páginas a mensagem deve ser exibida ou ocultada, com base na URL. Você pode adicionar várias condições para detalhar o comportamento.
Exibindo mensagens pop-up em páginas específicas
Se você deseja que a mensagem pop-up apareça apenas em uma página específica, é possível definir condições precisas para controlar onde ela será exibida.
Por exemplo, se quiser que a mensagem apareça somente na homepage, você pode configurar:
- Mostrar quando a URL contém exatamente:
www.sleekflow.io/homepage
Dessa forma, a mensagem pop-up será exibida apenas na homepage.
Se a URL não corresponder exatamente, a mensagem não será exibida.
Dica: Para manter a comunicação clara e fácil de entender para os clientes, evite criar várias mensagens pop-up para a mesma URL. Consolidar mensagens garante uma experiência mais fluida e evita confusão.
Editando uma mensagem pop-up
Você pode modificar uma mensagem pop-up existente conforme suas necessidades:
- Clique no ícone
ao lado da mensagem que deseja editar
- Faça as alterações necessárias na janela de edição
- Escolha Salvar como rascunho ou Salvar e publicar a mensagem atualizada
Excluindo uma mensagem pop-up
Se você não precisar mais de uma mensagem pop-up, siga estas etapas para excluí-la:
- Clique no ícone
ao lado da mensagem
- Uma mensagem de aviso aparecerá. Clique em “Excluir” para confirmar a exclusão
Observação: Se você excluir uma mensagem publicada, ela não será mais exibida na URL configurada.
Publicando mensagens pop-up em rascunho
Para publicar uma mensagem pop-up que está em rascunho:
- No menu suspenso “Rascunho”, selecione “Publicado”
- Clique em “Salvar” para finalizar e ativar a mensagem
Configurando canais para o Live Chat Widget
Você pode escolher quais canais de comunicação serão exibidos para os visitantes do seu site por meio do Live Chat Widget, permitindo que os clientes entrem em contato com sua empresa através da plataforma de mensagens preferida.
Quando os visitantes clicam em um canal (por exemplo, WhatsApp, Instagram, LINE), eles são redirecionados para a plataforma correspondente para continuar a conversa.
Se escolherem Live Chat, eles podem conversar diretamente com sua empresa dentro do próprio widget no site.
Como selecionar os canais disponíveis
- Ative os canais que deseja exibir no widget utilizando o botão de alternância.
- Os visitantes verão essas opções e poderão escolher onde enviar suas mensagens.
- Para plataformas como WhatsApp, Instagram e Facebook Messenger, você pode selecionar uma conta específica no menu suspenso.
Observação: Certifique-se de ter pelo menos 1 canal ativado para que seus clientes possam entrar em contato com você.
Observação: Certifique-se de salvar suas alterações clicando em “Salvar” na parte inferior da página antes de seguir para a próxima seção.
Obtendo o trecho de código
Para integrar o Live Chat Widget ao seu site, você precisará copiar e colar o trecho de código exclusivo no HTML das páginas desejadas. Isso garante que o widget apareça e funcione corretamente para os visitantes.
Como obter o trecho de código
- Depois de concluir a configuração do seu Live Chat Widget, clique no botão “Obter trecho de código” no canto superior direito da página.
- Uma janela pop-up será exibida. Clique em “Copiar código” no canto inferior direito para copiar o snippet para a área de transferência.
Observação: O código exibido na prévia é apenas um exemplo — não copie aquele código diretamente para o seu site.
Depois de copiar o snippet, siga os passos abaixo para instalá-lo:
- Cole o trecho de código antes da tag </body> em todas as páginas onde deseja que o widget apareça.
- Para exibir o widget em todas as páginas, adicione o código na seção <header> ou <footer>.
- Atualize seu site após colar o código para ativar o widget.
- Confirme a instalação verificando se o widget aparece no canto inferior direito do site.
- Envie uma mensagem de teste pelo canal de Live Chat para garantir que o widget está conectado corretamente à SleekFlow.