Documentation Index
Fetch the complete documentation index at: https://docs.lovi.ai/llms.txt
Use this file to discover all available pages before exploring further.
🎛️ Visão Geral dos Seus Widgets
Este é seu centro de comando de widgets. Aqui você pode ver cada bolha de chat que criou.- Por que ter mais de um? Você pode querer um “Bot de Vendas” para sua página de preços e um bot de “Suporte Técnico” para seu centro de ajuda. Aqui você gerencia todos eles.
- Ações Principais por Widget:
- 📋 Copiar Script: Pegue o código mágico para colar no seu site.
- ⚙️ Configurar: A parte divertida. Ajuste cores, mensagens e comportamento (vamos chegar lá já já).
- 🗑️ Excluir: Remova se não precisar mais.
🎨 Personalizando Seu Widget (A Aula de Arte)
Clique no ícone de engrenagem ⚙️ para entrar no laboratório de configuração. Vamos tornar este widget realmente seu.1. O Básico
- Agente de IA: Qual cérebro está alimentando este chat? Selecione um dos seus agentes da lista.
- Idiomas: Seu site fala Português, Inglês e Espanhol? Diga ao widget para que ele não pareça estranho.
2. Mensagem Flutuante (O Gancho 🪝)
Não deixe seu bot se esconder! Defina uma mensagem chamativa que aparece acima do ícone.- Entediante: “Converse aqui.”
- Melhor: “Oi! Precisa de ajuda com seu pedido? 👋”
⚠️ Atenção: Adicione traduções para todos os seus idiomas. Você não quer que visitantes em inglês vejam uma bolha vazia!
3. Aparência (Vista-se para Impressionar)
- Cabeçalho: Escolha o que aparece no topo. Apenas um título? Seu logo? Um avatar de um robô usando monóculo? Você decide.
- Cores: Use a ferramenta de conta-gotas 🖊️ para combinar com sua marca exatamente.
- Cor Principal: As bolhas de mensagem e o botão de enviar.
- Cor do Texto: Certifique-se de que é legível! Texto amarelo em fundo branco é um crime contra a visão.
4. O Porteiro: Formulários de Coleta de Dados 📝
Quer saber com quem está falando antes de começarem a conversar? Habilite o Formulário.- Peça Nome, Email ou Telefone.
- Torne campos “Obrigatórios” se for rigoroso, ou “Opcionais” se for flexível.
- LGPD / Privacidade: Adicione um link para sua política para ficar em conformidade. 👮♂️
5. Coleta de Dados Inteligente (Avançado 🤓)
Isso é para os magos da tecnologia. O widget pode espiar os dados do seu site (localStorage) para ver se o usuário já está logado.
- Como ajuda: Se estiver logado, o widget pode dizer “Olá, João!” em vez de pedir o nome novamente.
- Configuração: Você nos diz a “Chave” (ex.:
user_email) e nós pegamos o valor automaticamente.
🛠️ Ajustes Extras e Layout
Refine a experiência:- Posição: Esquerda ou Direita? (Direita é padrão, Esquerda é para rebeldes).
- Tela Cheia: Quer que o chat ocupe toda a tela do celular? Ative esta opção.
- Incorporar (Elemento DOM): Em vez de uma bolha flutuante, fixe o chat permanentemente dentro de um
<div>na sua página. Ótimo para páginas “Fale Conosco”. - CSS Personalizado: Se você sabe programar, pode escrever seus próprios estilos aqui para sobrescrever os nossos. O céu é o limite.
🧪 Test Drive (Playground)
Antes de colar o código no seu site ao vivo, dê uma testada no Playground.- As cores estão combinando?
- O Agente está sendo educado?
- O formulário funciona?