Criar widget de chat

Adicione o chat ao vivo diretamente no seu site ou no conteúdo do funil de vendas, em vez de usar apenas um balão de chat flutuante. O widget de chat ao vivo incorporado ajuda você a posicionar as conversas onde os visitantes têm maior probabilidade de interagir.

O que é o widget de chat ao vivo incorporado?

O widget de chat ao vivo incorporado é uma opção de posicionamento que renderiza o widget diretamente no conteúdo da página, em vez de exibi-lo flutuando no canto da tela. Isso faz com que o chat pareça parte integrante do design da página, o que pode ajudar as empresas a posicionar o suporte e as oportunidades de conversão exatamente onde os visitantes estão tomando decisões.

O widget ainda se conecta à mesma experiência de bate-papo ao vivo, portanto, o posicionamento altera a apresentação do widget, não a forma como as conversas são encaminhadas ou gerenciadas.

Principais benefícios do widget de chat ao vivo integrado

• Maior visibilidade: posicione o chat próximo a seções principais, formulários, blocos de preços ou chamadas para ação (CTAs) onde os visitantes já estão interagindo.
• Experiência de página natural: Apresente o chat como parte do layout do site, em vez de uma sobreposição flutuando sobre o conteúdo.
• Sem alterações no fluxo de trabalho: o encaminhamento, a captura de leads e o gerenciamento do chat ao vivo continuam funcionando por meio do sistema de chat existente.
• Implantação flexível: utilize o widget em funis de vendas, sites, páginas de destino e outras áreas compatíveis.

Onde o chat ao vivo integrado funciona melhor

O chat ao vivo integrado pode ser usado em:

• Funis
• Sites da Web
• Páginas de destino
• Sites HTML personalizados
• Outras páginas compatíveis onde os widgets de bate-papo podem ser instalados

O widget incorporado também é responsivo para dispositivos móveis por padrão, ajustando-se automaticamente a telas menores sem deixar de fazer parte do conteúdo da página.

Como configurar um widget de chat ao vivo incorporado

Uma configuração adequada garante que o widget apareça exatamente onde você deseja e se comporte de maneira consistente em todo o seu site ou funil de vendas. A principal diferença nessa configuração não está no recurso de chat ao vivo em si, mas sim em onde o widget é renderizado na página.

Passo 1: Crie um novo widget de bate-papo

Acesse Sites → Widget de bate-papo e clique em + Novo ou abra um widget existente.

Passo 2: Selecione Chat ao vivo

Selecione a opção Chat ao Vivo.

Passo 3: Defina o posicionamento do widget como Incorporado

• Acesse a aba Estilo.
• Em Posicionamento do widget, escolha: Incorporado / Em linha (Renderizado dentro do conteúdo).

Isso garante que o widget aparecerá dentro do layout da sua página, em vez de flutuar na tela.

Passo 4: Personalize seu widget

Você pode configurar o widget de acordo com suas necessidades:

Tema e Aparência

• Escolha temas de cores.
• Ajustar a identidade visual (avatar, cabeçalho, cores).
• Combine o estilo do widget com o seu site.

Configurações da janela de bate-papo

• Editar mensagem de introdução.
• Configure os campos do formulário de contato (Nome, Telefone, etc.).
• Defina os campos obrigatórios.
• Personalizar o texto do botão.

Mensagens e comportamento

• Configurar respostas automáticas.
• Configurar atribuição de chat ao vivo.
• Defina o horário comercial.
• Personalize as mensagens de encerramento do chat.

Passo 5: Obtenha o código de incorporação

• Clique em Obter código (canto superior direito).
• Copie o script de incorporação.

Passo 6: Adicione o widget ao seu funil, site ou qualquer outra propriedade digital

Opção 1: Funis

Opção 2: Sites / Páginas externas

O widget será renderizado exatamente onde o código for inserido.

Como funciona

O widget é carregado diretamente no conteúdo da página. O chat funciona da mesma forma que um chat ao vivo padrão (roteamento, automação, etc.).

Os usuários podem:

• Iniciar uma conversa.
• Enviar detalhes de contato.
• Continuar o bate-papo em tempo real.

Casos de uso comuns para bate-papo ao vivo incorporado

O posicionamento integrado é especialmente eficaz quando o chat precisa dar suporte a uma ação específica ou reduzir a hesitação antes que um visitante avance. Esses casos de uso ajudam a enquadrar o widget como parte da estratégia da página, em vez de apenas mais um elemento de design.

Os casos de uso comuns incluem:

• Capturar perguntas antes do envio do formulário.
• Apoiar os visitantes durante a comparação de preços.
• Oferecendo ajuda nas páginas de reserva ou consulta.
• Respondendo a objeções durante as etapas do funil.
• Criando uma experiência de suporte mais guiada nas páginas de serviço.
• Adicionar uma opção de conversa visível dentro das seções de contato dedicadas.

Melhores práticas

Um widget bem posicionado pode impulsionar conversões sem interromper a experiência do usuário na página. O objetivo é fazer com que o chat pareça útil e oportuno, e não uma distração.

• Coloque o widget próximo a conteúdos que exijam alta interação, como formulários, ofertas, áreas de reserva ou avisos de suporte.
• Combine a identidade visual do widget com a da página para uma aparência mais harmoniosa.
• Teste o espaçamento e o alinhamento para que o widget não pareça apertado em seções estreitas.
• Após a publicação, revise o layout para dispositivos móveis para confirmar a legibilidade e o espaçamento.
• Mantenha as mensagens de introdução e agradecimento claras e orientadas para a ação.

Observações importantes sobre o comportamento

• Os widgets incorporados não flutuam na página.
• Você ainda pode usar widgets fixos em outras páginas.
• Não houve alterações no roteamento de chats, automações ou captura de dados do CRM.
• Ao alternar entre o Chat ao Vivo Fixo e o Chat ao Vivo Incorporado enquanto utiliza dimensões de widget personalizadas, as dimensões são redefinidas para os valores padrão recomendados para o novo posicionamento selecionado.

Solução de problemas do chat ao vivo integrado

Widget não está sendo exibido

Verifique se o código de incorporação está posicionado corretamente e se a página foi publicada.

Problemas de layout

Verifique a largura do contêiner no seu construtor de páginas e certifique-se de que não haja conflitos de CSS.

Chat não responde

Verifique as configurações de atribuição do chat ao vivo e confirme a configuração do horário comercial.