Guia de Configuração
Integre o widget AI Anywhere perfeitamente em sua aplicação com nosso guia de integração abrangente.
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,
#4B0082para 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:
- Criar Tema No seu painel, crie um novo Assistente e dê a ele um nome descritivo (por exemplo, "Assistente de Formulário de Contato").
- Definir Seletor: Insira o seletor CSS para sua área de texto (por exemplo,
#messageou.contact-form textarea). - Configurar Botão: Defina o rótulo como "Assistente" ou personalize-o para combinar com sua marca.
- Definir Cor do Botão: Escolha a cor da sua marca (por exemplo,
#4B0082para roxo). - Definir Idioma: Escolha o idioma (por exemplo, "Inglês").
- Adicionar Exemplo Ideal: Cole um texto de exemplo de alta qualidade que mostre o que você deseja que os usuários alcancem.
- Adicionar Palavras-chave (Opcional): Adicione palavras-chave relevantes que o Assistente deve considerar.
- 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.