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
┌────────────────────────────────────────────────────┐
│ [Logo] [Search Cmd+K] [Notif] [User Avatar] │ ← Header
├──────────┬─────────────────────────────────────────┤
│ │ │
│ Menu │ │
│ │ Conteúdo da página │
│ Início │ │
│ Chats │ │
│ CRM ▼ │ │
│... │ │
│ │ │
└──────────┴─────────────────────────────────────────┘
Sidebar é fixa à esquerda em desktop. Em mobile, hambúrguer abre overlay.
Header superior
Logo
Canto superior esquerdo. Clique = volta pro Início (dashboard).
Workspace selector
Aparece se você é parceiro de agência com múltiplos workspaces:
-Avatar colorido + nome do workspace atual. -Dropdown lista outros workspaces vinculados. -Clique pra trocar.
Não-parceiros não veem.
Search trigger (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.
Notifications bell
Í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 button
Ícone com avatar Sophia (ou texto). Clique → drawer lateral direito abre com chat IA.
Veja Como pedir ajuda.
User menu
Avatar do usuário. Dropdown:
-Perfil → /configuracoes/perfil. -Preferências → notificações, tema, idioma. -Sair → logout.
Sidebar de 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).
Parceiros (se aplicável)
-Parceiros (/parceiro) — dashboard do programa.
-Apenas se tenant é agência aprovada.
Dashboard customizável
Dashboard inicial mostra:
-5 stat cards (você escolhe quais aparecem). -Funil do pipeline. -Gráfico de leads (filtrável por período). -Top fontes de leads. -Histórico 6 meses (leads + receita). -Leads perdidos por motivo. -Tarefas do dia. -Tempo médio 1ª resposta WhatsApp. -Onboarding checklist (se conta nova).
Pra customizar:
1.Botão ** Personalizar dashboard** (canto superior direito).
2.Modal com toggles dos 5 cards.
3.Salve.
4.Preferência fica em users.dashboard_config — por usuário.
Veja Dashboard overview.
Atalhos de teclado
| Atalho | Ação |
|---|---|
Cmd+K / Ctrl+K |
Busca global (Cmd+K) |
Cmd+/ / Ctrl+/ |
Atalhos do teclado (modal) |
Esc |
Fechar modal |
Enter |
Confirmar (em buscas e modals) |
↑ ↓ |
Navegar resultados de busca |
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:
| Role | Acesso |
|---|---|
| admin | Tudo (todas configurações + dados) |
| manager | Quase tudo (não tem master tools) |
| viewer | Read-only (não pode editar/criar) |
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
Syncro usa WebSocket pra atualizações live:
-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
"Sidebar sumiu"
-Você fechou? Botão ≡ (ou ←) abre.
-Em mobile, abre/fecha como overlay.
"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