Conhecendo o painel

Syncro tem layout clássico de SaaS: sidebar lateral com menus, header superior com search/notificações/perfil, e área central com conteúdo. Esse artigo dá visão geral pra você se localizar nos primeiros minutos.

Layout geral

Header superior

Logo

Canto superior esquerdo. Clique = volta pro Início (dashboard).

Busca (Cmd+K)

Ícone lupa ou texto "Busca global". Clique abre modal de busca.

Atalho de teclado: Cmd+K (Mac) ou Ctrl+K (Windows/Linux).

Veja Busca global com Cmd+K.

Notificações

Ícone sino com badge numérico se tem notificações não lidas.

Clique → painel lateral desliza com últimas notificações:

• Lead novo atribuído.

• Task vencendo.

• Webhook de integração falhou.

• Sistema avisos.

Sophia

Ícone com avatar Sophia (ou texto). Clique → drawer lateral direito abre com chat IA.

Veja Como pedir ajuda.

Usuário

Avatar do usuário. Dropdown:

• Perfil → /configuracoes/perfil.

• Preferências → notificações, tema, idioma.

• Sair → logout.

Navegação

Estrutura organizada em 6 grupos principais:

Início

/inicio (rota name dashboard).

Dashboard com stat cards, funil, leads por origem, tarefas do dia.

Veja Dashboard overview.

Chats

/chats.

Caixa unificada com WhatsApp + Instagram + Site. Lista de conversas à esquerda, mensagens no centro, info do contato à direita.

Veja Caixa unificada.

CRM (dropdown)

Submenu com:

• Kanban (/crm) — pipeline visual com drag-drop.

• Contatos (/contatos) — lista de leads em tabela.

• Tarefas (/tarefas) — to-dos atribuídos.

• Calendário (/agenda) — eventos.

• Listas (/contatos/listas) — segmentação estática/dinâmica.

• Metas (/metas) — metas de vendas.

• Lead Scoring (/configuracoes/scoring) — pontuação de leads.

Automações (dropdown)

• Automações (/configuracoes/automacoes) — trigger-based.

• Sequências (/configuracoes/sequencias) — nurturing multi-step.

• Disparos (/disparos) — campanhas em massa.

• Formulários (/formularios) — captura de leads.

• Chatbot (/chatbot/fluxos) — fluxos visuais.

• Agentes IA (/ia/agentes) — IA conversacional.

Relatórios (dropdown)

• Relatórios (/relatorios) — KPIs detalhados.

• Campanhas (/campanhas) — atribuição UTM.

• Pesquisas NPS (/nps).

⚙️ Configurações (dropdown)

• Integrações (/configuracoes/integracoes).

• Pipelines (/configuracoes/pipelines).

• Campos extras (/configuracoes/campos-extras).

• Motivos de perda (/configuracoes/motivos-perda).

• Tags (/configuracoes/tags).

• Usuários (/configuracoes/usuarios).

• Departamentos (/configuracoes/departamentos).

• Produtos (/configuracoes/produtos).

• Templates WhatsApp (/configuracoes/whatsapp-templates).

• Mensagens rápidas (/configuracoes/mensagens-rapidas).

• Cobrança (/configuracoes/cobranca).

• API / Webhooks (/configuracoes/api-keys).

• Perfil (/configuracoes/perfil).

Atalhos de teclado

💡 Dica: aprenda Cmd+K. Mais usada após pegar o jeito.

Mobile e responsivo

Em smartphones/tablets:

• Sidebar vira menu hamburger (botão ☰ no canto superior esquerdo).

• Tap no ☰ abre overlay.

• Tap fora fecha.

• Header se reduz, mostra só essencial.

• Dashboard adapta cards em coluna única.

💡 Dica: pra usar Syncro no celular frequentemente, instale como PWA. Em /configuracoes/perfil, opção "Instalar app".

Indicadores visuais

Cores do sistema

• Azul (#0085f3): ações primárias, destaques.

• Verde (#10b981): sucesso, leads ganhos.

• Vermelho (#ef4444): erros, leads perdidos, alertas.

• Amarelo/laranja: pendente, em análise.

• Cinza: neutro, info secundária.

Status badges

Convenção em todo lugar:

• ✅ Verde: ativo, conectado, sucesso.

• 🔵 Azul: novo, em progresso.

• ⚠️ Laranja: atenção, reconectar, em análise.

• ❌ Vermelho: erro, falhou, expirado.

• ⚪ Cinza: inativo, pausado, arquivado.

Permissões e visibilidade

O que você vê depende do seu role:

Algumas seções aparecem só pra admin:

• Cobrança.

• API Keys.

• Usuários.

• Integrações de billing.

Veja Gerenciar usuários.

Multi-idioma

Syncro tem pt_BR (default) e en (inglês).

Pra trocar:

1. /configuracoes/perfil → Idioma.

2. Selecione.

3. Salve.

Interface inteira muda imediatamente.

Notificações em tempo real

• Nova mensagem WhatsApp/Instagram → bolha aparece sem refresh.

• Lead criado por colega → kanban atualiza ao vivo.

• Notificação dispara → sino com badge.

Sem polling — tudo via push.

Erros comuns

"Atalho Cmd+K não funciona"

• Já está num input? Sai dele primeiro (Esc).

• Browser tem extensão capturando atalhos? Desative.

"Dashboard demora pra carregar"

• Cache 5min — primeira request regenera.

• Volume alto de dados? Sistema otimiza com aggregations.

"Não vejo opção X no menu"

• Seu role não tem permissão.

• Feature flag desativada (ex: whatsapp_cloud_api).

• Plano não inclui — upgrade.

"Item de menu cinza"

Item disponível mas com limite de plano atingido. Hover mostra tooltip explicativo.

Próximos passos

• Pra fazer tour guiado da UI, veja Tour interativo.

• Pra usar busca global, veja Busca global com Cmd+K.

• Pra configurar primeiros recursos, veja Configuração inicial recomendada.

Artigos relacionados

• Bem-vindo ao Syncro

• Tour interativo

• Busca global com Cmd+K

• Configuração inicial recomendada

• Convidar equipe