Navegação

Guia de Configuração

Integre o widget AI Anywhere perfeitamente em sua aplicação com nosso guia de integração abrangente.

Leitura de 9 min

A configuração é onde o AI Anywhere realmente se torna seu. Cada Assistente tem configurações que definem como ele se comporta e aparece. Deixe\

Configuração do Assistente

Ao criar ou editar um Assistente, você configura:

  • Nome do Assistente: Um nome descritivo para o seu Assistente (por exemplo, "Assistente de Formulário de Contato", "Bot de Suporte"). Isso ajuda você a identificá-lo no seu painel.
  • Seletor: O seletor CSS que aponta para sua área de texto (por exemplo, #message, .comment-box). Isto informa ao Assistente onde anexar. Necessário quando o Assistente está configurado para Incorporar ou Ambos; opcional apenas para Página do Assistente.
  • Requisitos e Palavras-chave: Palavras-chave ou frases que o Assistente deve considerar ao analisar a entrada do usuário. Isso ajuda a guiar a IA\
  • Resposta do Assistente: Um texto de exemplo que demonstra a qualidade e o estilo que você deseja que os usuários alcancem. O Assistente usa isso para entender o contexto e fornecer sugestões relevantes.

Para configurar seu Assistente, navegue até seu painel e crie um novo Assistente ou edite um existente. Aqui você pode definir o seletor, a Resposta do Assistente e todas as outras configurações do Assistente.

Configuração do Botão

O Botão do Assistente é o que os usuários veem e clicam. Você pode personalizar:

  • Rótulo do Botão: O texto que aparece no botão (por exemplo, "Assistente", "Obter Ajuda", "Assistente de IA"). Escolha algo claro e convidativo que combine com a voz da sua marca.

O rótulo do botão é uma das primeiras coisas que os usuários veem, então escolha algo que comunique claramente o que o Assistente faz e incentive os usuários a clicarem nele.

Configuração do Agente

As configurações do Agente controlam como o Assistente se comunica com os usuários. Configure:

  • Idioma: Selecione o idioma para a interface e sugestões do Assistente. As opções incluem inglês, espanhol, francês, alemão, chinês, japonês, árabe, português, russo, hindi e outros.

Configuração do Tema

As configurações de tema controlam a aparência visual do seu Assistente:

  • Cor do Tema: A cor principal usada para o botão do Assistente. Use o seletor de cores para selecionar uma cor hexadecimal que combine com sua marca (por exemplo, #4B0082 para roxo).
  • Estilo do Tema: Escolha entre estilos de tema predefinidos: Padrão, Minimalista, Moderno, Clássico, Corporativo ou Criativo. Cada tema tem um estilo visual diferente para a interface do Assistente.

Você também pode clicar em "Personalizar" para acessar opções avançadas de tematização onde pode ajustar a aparência do botão, cores e estilos. Para mais detalhes, veja nosso Tematização & Personalização guia.

Exemplo de Fluxo de Configuração

Configurações do Assistente:

  1. Criar Tema No seu painel, crie um novo Assistente e dê a ele um nome descritivo (por exemplo, "Assistente de Formulário de Contato").
  2. Definir Seletor: Insira o seletor CSS para sua área de texto (por exemplo, #message ou .contact-form textarea).
  3. Configurar Botão: Defina o rótulo como "Assistente" ou personalize-o para combinar com sua marca.
  4. Definir Cor do Botão: Escolha a cor da sua marca (por exemplo, #4B0082 para roxo).
  5. Definir Idioma: Escolha o idioma (por exemplo, "Inglês").
  6. Adicionar Exemplo Ideal: Cole um texto de exemplo de alta qualidade que mostre o que você deseja que os usuários alcancem.
  7. Adicionar Palavras-chave (Opcional): Adicione palavras-chave relevantes que o Assistente deve considerar.
  8. Copie Seu Trecho: Depois que tudo estiver configurado, clique em "Gerar Trecho" e copie o código de integração para adicionar ao seu site.
Nota: Todas as alterações de configuração são salvas no seu Assistente. Quando você atualiza as configurações, pode regenerar o trecho com sua configuração mais recente. As alterações entram em vigor imediatamente no seu site ao vivo após você atualizar o código e atualizar a página.