Portal do Cliente: Configuração
Tela admin onde a agência customiza o que cada cliente final vê no portal público (
/portal/{token}): branding (logo + cor), abas visíveis e marca YouFlow.
Pra que serve
Cada cliente cadastrado em Clientes ganha um link público (/portal/{token}) que mostra o pipeline de vídeos, pautas, otimizações, demandas estratégicas, documentos, relatórios e, quando há consultoria ativa, também a aba Consultoria (reuniões, recomendações, objetivos e questionário). O cliente acessa sem login, só com o link.
O problema: nem todo cliente usa tudo. Alguns não têm roteiros aprovados, outros não recebem relatórios mensais ainda, e nenhuma agência quer mostrar "Powered by YouFlow" no rodapé do portal dela.
Essa tela resolve isso. Por cliente, você define:
- Branding: logo da agência (ou do cliente) + cor de destaque.
- Quais abas aparecem: Auto (esconde se vazio) / Sempre mostrar / Sempre esconder, por aba.
- Ocultar marca YouFlow: toggle pro rodapé.
Quem pode acessar
- Plano necessário: Business ou Agency (Creator não tem clientes externos).
- Perfis com acesso: Owner, Admin, Manager. O cliente final nunca acessa essa tela, ele só consome o portal pelo link público.
Como chegar
- Menu lateral, "Clientes".
- No card do cliente, bloco "Portal do cliente", botão "Configurar".
Branding
Logo
Dois jeitos de setar:
- Upload (recomendado): botão "Upload" abre o seletor de arquivo. Sobe pro nosso storage (bucket
avatars) e a URL fica preenchida automaticamente. Aceita PNG, JPG, SVG, WebP até 2MB. - URL externa: cole no campo de texto qualquer URL pública (ex: logo no site da agência).
Prévia aparece embaixo do input pra você conferir antes de salvar.
Fundo do portal é escuro (#0a0a0a), logo com fundo transparente ou em cores claras funciona melhor. SVG é o ideal pra ficar nítido em qualquer resolução.
Cor principal
Paleta com 6 cores pré-definidas (Y4Y Rosa, Laranja, Roxo, Azul, Verde, Dourado) + campo livre pra hex custom. Aparece como CSS variable --portal-cor no portal e pode ser usada em destaques futuros (botões, badges).
Botão "Padrão" desfaz a customização e volta pro look default do YouFlow.
Abas visíveis
O portal tem 7 abas: Produção, Roteiros (pautas), Otimizações, Estratégia, Documentos, Relatórios e Consultoria.
Cada uma tem 3 estados de visibilidade:
| Estado | Comportamento |
|---|---|
| Auto (default) | Aba aparece pro cliente se houver pelo menos 1 item. Vazia, some. |
| Sempre mostrar | Aba aparece mesmo vazia (útil pra avisar o cliente que algo vai chegar). |
| Sempre esconder | Aba nunca aparece, mesmo com itens (útil quando aquele cliente não consome aquela aba). |
A configuração é salva por cliente, diferentes clientes podem ter diferentes abas visíveis no mesmo workspace.
A aba Consultoria só existe quando aquele cliente tem um engajamento de consultoria ativo (ou encerrado ainda dentro do período de leitura). Sem engajamento, ela não aparece mesmo em "Sempre mostrar". Detalhes do que o cliente vê nela ficam na seção Aba Consultoria abaixo.
Aba Consultoria
Quando o cliente tem um engajamento de consultoria ativo, o portal ganha a aba Consultoria, um espaço separado do pipeline de produção onde ele acompanha o trabalho consultivo e responde o que depende dele. Você não configura nada de conteúdo aqui: a aba é alimentada automaticamente pelo módulo Consultoria e pelo Portal do engajamento. O cliente vê e responde direto, sem login.
Se o cliente tiver mais de um engajamento, aparece um seletor no topo pra alternar entre eles. Engajamento encerrado fica em modo somente leitura por um período (aviso amarelo no topo, sem botões de resposta).
Dentro da aba, o cliente navega por sub-abas:
Além disso, aparecem no topo da aba, quando disponíveis:
- Pulso mensal (uma pergunta, nota de 0 a 10) pra medir a satisfação do mês.
- Avaliação de fim de ciclo, com nota geral, atingimento por objetivo, o que manter/melhorar e um depoimento opcional (o cliente autoriza ou não o uso em divulgação).
Ocultar marca YouFlow
Toggle simples no fim. Quando ligado, remove o texto "Powered by YouFlow" do rodapé do portal. Útil pra agências que apresentam o sistema como ferramenta própria.
(Não esconde a marca em outras telas internas, só no portal público do cliente.)
Onde testar
Depois de salvar, clique em "Abrir portal" no topo da tela (link com ícone de seta) → abre o portal real do cliente numa nova aba. Você vê exatamente o que ele vê.
Se o cliente estiver com portal revogado (toggle "Ativo/Revogado" na lista de Clientes), aparece um aviso amarelo no topo, as configurações ficam salvas mesmo assim, e voltam a valer quando você reativar o portal.
Dúvidas frequentes
Mexer aqui afeta o que o cliente vê em tempo real? Sim. Salvar = aplica imediatamente. Cliente que tiver o portal aberto precisa dar F5.
Posso ter logos diferentes pra cada cliente? Sim. Cada cliente tem sua própria config (1:1). Útil se você é agência e cada cliente final tem sua identidade visual.
Funciona com /portal/{token} que já existe ou só pra cliente novo?
Funciona pra qualquer cliente, novo ou antigo. Sem config = defaults (logo YouFlow, cor padrão, abas em Auto).
Posso usar Auto + um toggle Mostrar pra avisar o cliente que algo vem em breve? Sim. Útil quando você sabe que vai entregar o primeiro relatório semana que vem, bota "Sempre mostrar" na aba Relatórios, e o cliente vê a aba (vazia) já curioso pelo que vai entrar.
Upload de logo é seguro? Outros clientes podem ver? A URL é pública (qualquer um com o link vê), mas o path é único por cliente. Só quem souber a URL exata acessa, e ela só é exposta no portal daquele cliente específico.