A interface da Leavo AI e dividida em três áreas principais que estão presentes em todas as páginas:
Sidebar esquerda -- Menu de navegação fixo com todos os módulos da plataforma
Header superior -- Barra de topo com ferramentas, informações da conta e acesso rápido a suporte
Área de conteúdo central -- Espaço principal que muda conforme a seção selecionada
Abaixo, cada área é descrita em detalhe com a localização exata de cada elemento.
Sidebar esquerda (menu de navegação)
O sidebar e o menu fixo no lado esquerdo da tela. Ela ocupa toda a altura da página, do topo ao rodapé, e contém a navegação principal da plataforma.
Topo da sidebar
No topo da Sidebar você encontra o logo da Leavo e, ao lado, o seletor de organização com dropdown. Este dropdown exibe o nome da organização ativa e seu papel (ex: "Leavo OWNER"). Ao clicar, você pode alternar entre organizações disponíveis.
Itens do menu
Os itens do menu estão organizados na seguinte ordem, de cima para baixo:
Posição | Item | Ícone | Função |
1 | Dashboard | Ícone de gráfico | Métricas e indicadores de performance da operação de vendas. Exibe cards com KPIs, gráficos de evolução, funil de vendas e comparações de período |
2 | Conversas | Ícone de balão de chat | Inbox centralizado com todas as conversas dos leads via WhatsApp. Permite visualizar, filtrar e interagir nas conversas em tempo real |
3 | Treinamento | Ícone de livro/documento | Base de conhecimento que alimenta a IA. Aqui você adiciona textos e documentos com informações sobre sua empresa, produto e mercado |
4 | Agentes | Ícone de robô/usuário | Criação e configuração dos assistentes de IA. Cada agente tem perfil, treinamento, configurações, follow-up e opcoes avancadas |
5 | Canais | Ícone de conexão | Conexão e gerenciamento de numeros de WhatsApp. Cada canal pode ser associado a um agente |
6 | Cadência | Ícone de sequência/etapas | Sequências automáticas de mensagens com timing inteligente. Permite criar cadências com múltiplas etapas |
7 | Leads | Ícone de pessoas/contatos | Banco de dados com todos os leads. Permite adicionar manualmente, importar listas, filtrar por status, tags e cadências |
8 | Integração | Ícone de quebra-cabeça/conexão | Conexões com ferramentas externas: Google Agenda, Eleven Labs, Webhooks, MCP e API Keys |
9 | Admin | Ícone de engrenagem/escudo | Painel administrativo (visível apenas para usuários com permissão de Admin ou Owner) |
Menu Admin (expansível)
O item Admin é diferente dos demais: ele é expansível. Ao clicar, ele revela três subitens:
Sub-item | Função |
Dashboard | Dashboard administrativo com métricas globais da organização |
Usuários | Gerenciamento de usuários: adicionar, editar permissões, desativar contas |
Organizações | Gerenciamento de organizações (tenants): criar, editar e alternar entre organizações |
📍 Onde encontrar: Sidebar esquerda, último item do menu. Clique em "Admin" para expandir e revelar os sub-itens.
Nota: O menu Admin só aparece para usuários com papel de Admin ou Owner. Usuários com permissões restritas não veem esta opção.
Rodapé da sidebar
Na parte inferior da sidebar, abaixo de todos os itens do menu, ficam as informações do usuário logado:
Nome do usuario -- Ex: "Leavo"
E-mail da conta -- Ex: "[email protected]"
Links legais -- "Termos de Uso" e "Política de Privacidade"
Essas informações permitem que você confirme rapidamente qual conta está ativa, especialmente útil em ambientes com múltiplos usuários.
Sidebar colapsada vs. expandida
A sidebar possui dois modos de exibição:
Modo | Descrição | Quando usar |
Expandida (padrão) | Exibe os ícones e os textos de cada item do menu (ex: ícone + "Dashboard", ícone + "Conversas"). A sidebar ocupa mais espaço horizontal | Quando você precisa navegar e identificar as seções rapidamente pelo nome |
Colapsada | Exibe apenas os ícones, sem texto. A sidebar fica estreita, liberando mais espaço para a área de conteúdo central | Quando você já conhece a plataforma e quer mais espaço para trabalhar com dados, conversas ou configurações |
📍 Como alternar: Clique no ícone de colapsar/expandir no header superior (localizado à direita do seletor de organização). Um único clique alterna entre os dois modos.
No modo colapsado, ao passar o mouse sobre um ícone, o nome da seção aparece em um tooltip para referência rápida.
Header superior (barra de topo)
O header e a barra horizontal no topo da página, presente em todas as telas da plataforma. Ele contém ferramentas e informações organizadas da esquerda para a direita:
Elementos do header (da esquerda para a direita)
1. Logo Leavo + Seletor de organização
📍 Posição: Extremidade esquerda do header.
O logo da Leavo aparece primeiro, seguido de um dropdown com o nome da organização ativa e o papel do usuário (ex: "Leavo OWNER"). Ao clicar no dropdown:
Você vê a lista de organizações disponíveis (ex: "Leavo", "Teste")
Há um link "Organizações" que direciona para a tela completa de gerenciamento
2. Ícone de colapsar/expandir sidebar
📍 Posição: Logo após o seletor de organização.
Um ícone pequeno que alterna a sidebar entre o modo expandido (com textos) e o modo colapsado (apenas ícones). Um clique colapsa, outro clique expande.
3. Título da página atual
📍 Posição: Centro-esquerda do header.
Exibe o nome da seção em que você está navegando. Exemplos: "Dashboard", "Conversas", "Agentes", "Leads". Atualiza automaticamente ao trocar de página.
4. Plantão de Dúvidas AO VIVO
📍 Posição: Centro do header.
Exibe a informação: "Seg. Qua. Sex. a partir das 11h horário de Brasília junto com um botão "Entrar na reunião". Este botão direciona para uma videochamada ao vivo com a equipe de suporte da Leavo.
O plantão acontece três vezes por semana e e a forma mais rápida de obter ajuda personalizada.
5. Ícone de sino -- Novidades
📍 Posição: Próximo ao canto direito do header.
Ao clicar, abre um modal chamado "Novidades" com o changelog da plataforma. O modal lista as versões mais recentes, cada uma com:
Data da atualização
Tipo (ex: Segurança, Melhoria)
Descrição do que mudou
Exemplos de versões listadas: v1. Termos de Uso, v1. Política de Privacidade, v1.7.0, v1.6.0, v1.5.0. Este é o local ideal para acompanhar as evoluções e novos recursos da plataforma.
6. Ícone de interrogação (?) -- Menu de Ajuda
📍 Posição: Canto direito do header, antes do ícone de Insights AI.
Ao clicar, abre um menu dropdown com 6 opções de suporte e recursos:
Opção | Descrição |
Falar com Suporte | Abre um chat direto com a equipe de suporte |
Central de Ajuda | Acessa o Help Center com artigos, tutoriais e guias |
Documentação | Acessa a documentação técnica da plataforma |
Sugestões e Melhorias | Formulário para enviar ideias e sugestões |
Assistir Conteúdos | Acessa vídeos e tutoriais sobre a plataforma |
Status da Plataforma | Página de status para verificar se a Leavo está operando normalmente |
7. Ícone de lâmpada -- Insights AI
📍 Posição: Canto direito do header, último ícone.
Ao clicar, abre o painel lateral do Insights AI -- um chat inteligente que responde perguntas sobre seus dados em tempo real. O painel inclui:
Perguntas sugeridas que você pode clicar diretamente:
"Quantos leads gerados hoje?"
"Qual a distribuição dos meus leads por status?"
"Qual minha taxa de conversão atual?"
Entre outras, contextualizadas aos seus dados
Campo de mensagem ("Escreva sua mensagem...") onde você pode digitar qualquer pergunta personalizada
Histórico de conversa com as respostas anteriores
O Insights AI analisa os dados da sua organização (leads, conversas, agendamentos, cadências) e responde de forma direta, sem que você precise navegar por filtros ou relatórios.
Área de conteúdo central
A área central ocupa o maior espaço da tela e muda conforme a seção selecionada no menu lateral. Dependendo da página, você encontra:
Seção | O que aparece na área central |
Dashboard | Cards de métricas, gráficos de linha e barra, funil de vendas, filtros avançados |
Conversas | Lista de conversas a esquerda com preview, conversa aberta à direita com mensagens e detalhes do lead |
Treinamento | Lista de arquivos de conhecimento com título, tipo, data e ações (editar, excluir) |
Agentes | Cards dos agentes com nome, modelo, status (ativo/inativo) e botões de ação |
Canais | Lista de canais conectados com número, status e agente associado |
Cadência | Lista de cadências com nome, status, quantidade de leads e etapas |
Leads | Tabela com todos os leads, filtros, tags, status e ações em massa |
Integração | Cards de integrações disponíveis com status de conexão |
Admin | Dashboard administrativo, tabela de usuários ou lista de organizações (conforme sub-item selecionado) |
Resumo visual da navegação
Para localizar rapidamente qualquer elemento da plataforma:
O que você procura | Onde encontrar |
Mudar de seção | Sidebar esquerda, clique no item desejado |
Alternar organização | Header, seletor de organização (extremidade esquerda) |
Ver créditos restantes | Sidebar, indicador "Créditos conversas" (inferior-esquerdo) |
Acessar suporte ao vivo | Header, botão "Entrar na reunião" no Plantão de Dúvidas |
Ver novidades/changelog | Header, ícone de sino |
Acessar ajuda e documentação | Header, ícone de interrogação (?) |
Consultar dados com IA | Header, ícone de lâmpada (Insights AI) |
Ver dados do usuário logado | Rodapé da sidebar esquerda |
Colapsar/expandir menu | Header, ícone de colapsar (ao lado do seletor de organização) |
Gerenciar usuários e organizações | Sidebar, item Admin (expansível) |