Passar para o conteúdo principal

Configuração do widget

Instale um widget de chat com IA no seu site para captar leads e responder às perguntas dos clientes.

Escrito por Sarah Chen

O widget é um assistente de chat incorporável que fica no seu site. Ele usa IA treinada com o conteúdo da sua empresa para responder às perguntas dos visitantes, captar informações de contato e encaminhar conversas para a sua equipe. Você pode criar vários widgets, cada um com sua própria identidade visual e base de conhecimento.

Criando um widget

Abra as Configurações e selecione Widget na barra lateral. Para criar seu primeiro widget, insira o domínio do seu site, e o Exayard puxa automaticamente as cores da sua marca, o logotipo e o nome da empresa. Ele também começa a rastrear seu site para construir a base de conhecimento da IA.

Para criar widgets adicionais, abra o menu suspenso de nome do widget no topo e clique em Novo widget. Você pode renomear ou excluir qualquer widget no submenu Gerenciar widget do mesmo menu suspenso.

Aparência

Expanda a seção Aparência para personalizar como o widget aparece no seu site. Uma pré-visualização ao vivo à direita é atualizada conforme você faz alterações. Alterne entre as visualizações de desktop e celular, troque o idioma da pré-visualização ou abra o widget em tela cheia em uma nova aba.

Configuração

O que ela controla

Logotipo

Imagem mostrada no cabeçalho do widget

Nome da empresa

Texto mostrado no cabeçalho do widget

Cor primária

Cor de fundo dos botões e dos destaques

Cor de primeiro plano

Cor do texto nos elementos com a cor primária

Tema

Esquema de cores: Sistema, Claro ou Escuro

Texto do botão

Rótulo no botão de abertura flutuante (escolha uma predefinição, escreva um texto personalizado ou oculte-o)

Comportamento de abertura

Como o widget aparece ao carregar a página, configurado separadamente para desktop e celular: Mostrar botão, Abrir imediatamente, Abrir após 30s ou Oculto

Espaçamento

Distância horizontal e vertical da borda da página em pixels

Posição

Posicionamento na página (grade de nove pontos, do canto superior esquerdo ao inferior direito)

O texto personalizado do botão é traduzido automaticamente para todos os idiomas suportados. Clique no ícone de traduções para revisar ou editar traduções individuais.

Conhecimento

O Conhecimento controla o que sua IA sabe sobre o seu negócio. O cartão Conhecimento nas configurações do widget leva à página dedicada de Conhecimento (Configurações > Conhecimento), onde você adiciona e gerencia todo o conteúdo.

Na página de Conhecimento, clique em Site para rastrear um domínio inteiro. O Exayard segue os links pelo site e indexa o conteúdo das páginas para a IA referenciar. Configure o limite de rastreamento (máximo de páginas) e a profundidade de rastreamento (quantos níveis de links seguir) em Avançado na caixa de diálogo. Clique em qualquer site indexado para ver suas páginas, inspecionar URLs individuais, excluir páginas ou rastrear novamente.

Clique em Página da web para indexar uma única URL sem rastrear o site inteiro. Isso é útil para landing pages específicas ou recursos externos. Para dar à IA conhecimento sobre produtos e preços, use a seção Catálogos de produtos: clique em Novo catálogo para criar um, ou clique em Adicionar ao lado de um catálogo em Disponíveis para ativá-lo. Consulte configuração do estimador para detalhes.

Cada widget também pode ter suas próprias Instruções personalizadas (até 4000 caracteres) para moldar o tom e o escopo da IA, definidas por widget na página de Conhecimento.

Serviços

Expanda a seção Serviços para definir os tipos de trabalho que os visitantes podem solicitar pelo widget. Digite o nome de um serviço no campo de entrada e pressione Enter para adicioná-lo. Arraste os serviços para reordená-los, clique em um nome para renomeá-lo inline ou exclua serviços que você não oferece mais.

Instalação

O cartão de instalação no topo das configurações do widget mostra seu código de incorporação com instruções específicas por plataforma. Selecione sua plataforma — HTML, WordPress, Wix, Squarespace ou Shopify — e siga os passos exibidos.

Para o WordPress, instale o plugin do Exayard e cole a chave do seu widget em Configurações > Exayard. Para outras plataformas, copie o trecho de código e adicione-o ao HTML do seu site antes da tag de fechamento </body>.

Após a instalação, o cartão exibe seu domínio com um selo Instalado.

Integrações

A seção Integrações conecta seu widget a plataformas externas para que as conversas e os leads cheguem à sua equipe em tempo real. As integrações de mensagens — Slack e Telegram — encaminham as conversas do widget para um canal ou grupo que você escolher. As integrações de agendamento — Calendly e Cal.com — permitem que os visitantes agendem reuniões diretamente pelo chat. Consulte o artigo sobre integrações para instruções detalhadas de configuração.

Respondeu à sua pergunta?