Relatório do Painel Admin — Barbearias
Atualização: 13 de outubro de 2026
Modelo: nova landing, com contato direto pelo WhatsApp
Acesso: o painel abre diretamente na lista de barbearias.
1. Visão geral
O painel permite montar vários sites a partir da mesma landing. Cada barbearia tem seu próprio conteúdo, paleta, cor de destaque, cor dos botões, contatos, fotos e informações de publicação. O visual do admin foi mantido.
Os cadastros e fotos ficam salvos neste navegador, em IndexedDB. Os registros anteriores do navegador são migrados. A configuração JSON serve como cópia de segurança; os arquivos ZIP são os sites dos clientes.
2. Lista de barbearias
- Busca pelo nome.
- Nova barbearia: inicia com rótulos, títulos, parágrafos, seis serviços comuns, fotos demonstrativas, uma pessoa na equipe e horários padrão. WhatsApp e endereço precisam ser preenchidos.
- Duplicar: cria outro cadastro com o mesmo conteúdo e histórico de publicação/exportação independente.
- Excluir: pede confirmação e remove o cadastro deste navegador. Não remove um site já enviado para outra hospedagem.
- Rascunho: há pendências.
- Pronta: não há pendências.
- Publicada: você marcou manualmente e informou o link; pendências voltam o cadastro para Rascunho.
- Data da última exportação e aviso Alterado depois da exportação quando o conteúdo foi editado.
3. Cadastro por seção
| Etapa | O que permite configurar |
|---|---|
| 01. Identidade | Nome, logo quadrada ou horizontal para fundo escuro, dez miniaturas de paletas, destaque opcional e cor independente dos botões. Avisa sobre fundo branco detectado na logo e cores com baixo contraste. Sem logo, a landing usa o nome na fonte dos títulos. |
| 02. Abertura | Rótulo, título, texto, foto e descrição acessível da imagem. |
| 03. Sobre | Chave de ligar/desligar; rótulo, título, parágrafo, texto do botão, três fotos e quatro números com legendas. |
| 04. Serviços | Rótulo e título; ícone de um conjunto com oito opções, nome, descrição curta, duração e preço. Valor fixo, A partir de e Sob consulta. Aceita valor zero. Adicionar, remover e reordenar. |
| 05. Diferenciais | Chave de ligar/desligar; foto e título de cada um dos três painéis. |
| 06. Equipe | Rótulo, título, texto, frase sobreposta; foto, nome, especialidade e WhatsApp opcional por profissional. Adicionar, remover e reordenar. |
| 07. Galeria | Chave de ligar/desligar; rótulo, título e subtítulo; envio de várias fotos, recorte quadrado, remoção e reordenação. |
| 08. Depoimentos | Chave de ligar/desligar; rótulo, título, nome, relato e avaliação. Adicionar, remover e reordenar. O cadastro novo mantém esta seção desligada até receber relatos reais. |
| 09. Contato e funcionamento | WhatsApp com DDD e botão Testar; rua, número, bairro, cidade, estado e link do Google Maps; Instagram, TikTok e Facebook; horários por dia, dias fechados e intervalo de almoço; textos do rodapé. |
| 10. Publicação | Domínio; título e descrição para o Google preenchidos com nome e cidade; imagem, título e texto para compartilhar o link no WhatsApp; favicon gerado da logo; marcação manual de Publicada com link. |
Rótulos e títulos têm limite de caracteres e contador. Os campos de conteúdo também possuem limites adequados à seção.
4. Pré-visualização
- Landing completa e rolável, em desktop e celular.
- Exibe todos os serviços, todos os profissionais e os sete dias de funcionamento no rodapé.
- Abrir uma etapa leva a prévia até a seção correspondente.
- Alterações aparecem automaticamente; edições preservam a posição da prévia.
- Paleta e cores atualizam a página. O admin mantém suas próprias cores.
- Botões para ir ao início, ao rodapé e abrir a página em tamanho real.
- Seção desligada fica oculta na landing, com aviso no editor; o conteúdo continua guardado.
5. Fotos e ordenação
Todo envio de foto da abertura, Sobre, diferenciais, equipe e galeria passa pelo ajuste de enquadramento. A tela mostra o formato da foto, com posição horizontal, posição vertical, zoom e arraste. Na abertura, o assunto central continua sendo a referência para o recorte do celular.
Há um pequeno acervo de fotos demonstrativas em Usar foto padrão. As fotos existentes podem ser reenquadradas. A galeria aceita vários arquivos de uma vez, com um ajuste por foto. Os arquivos de imagem podem ter até 20 MB.
Serviços, equipe, galeria e depoimentos podem ser arrastados pela alça. Também há botões para mover para cima e para baixo.
6. Contato e horários
O WhatsApp aparece no formato brasileiro com DDD. O botão Testar abre o contato com uma mensagem de teste, sem enviar automaticamente.
Os botões gerais usam o WhatsApp da barbearia. Os de serviço mencionam o serviço. Os do profissional usam seu número individual; se estiver vazio, usam o da barbearia com o nome da pessoa na mensagem.
Os seletores de hora verificam fechamento após abertura. O almoço deve ficar dentro do expediente e terminar depois de começar. Copiar para os outros dias replica as horas e o almoço nos demais dias abertos, preservando os dias fechados. O rodapé mostra o intervalo em duas faixas de atendimento.
O mapa usa o endereço informado, e o link externo pode ser substituído pelo link do Google Maps. As três redes sociais aparecem como links na abertura e no rodapé quando preenchidas.
7. Publicação e exportação
O domínio é opcional para exportar. Quando informado, é usado nos endereços completos de compartilhamento e na referência principal da página. Preenchê-lo não registra um domínio nem envia o site para outra hospedagem.
O ZIP contém:
- Landing, estilos, funcionamento da página, configuração da marca e paletas.
- Fotos locais ou embutidas usadas na configuração.
- Favicon em PNG.
- Título, descrição, referência do domínio e metadados de compartilhamento já escritos no HTML.
- Resumo do pacote com a cor do botão.
- Arquivo LEIA-ME com os próximos passos.
A exportação verifica nome, foto da abertura, WhatsApp, endereço, pelo menos um serviço completo e horários válidos. Seções opcionais ligadas são verificadas; desligadas não geram pendências. Logo, contato individual e preço maior que zero não são exigidos. Serviço Sob consulta dispensa o valor.
Depois de exportar, uma tela curta orienta: extrair e enviar os arquivos para a hospedagem, conectar domínio e HTTPS, testar no celular e voltar para marcar a publicação com o link.
8. Limpeza do sistema
Os arquivos do antigo fluxo de agendamento foram removidos do projeto. A rota antiga de agendar agora mostra somente o contato por WhatsApp. O painel abre na lista, sem quadros de login.
O original chamado Barbearia Sistema.dc.html não foi localizado na pasta do projeto nem no Drive conectado. Foi entregue uma nova cópia limpa com esse nome, documentando a nova landing e o contato pelo WhatsApp, sem os quadros antigos.
9. Verificações realizadas
| Verificação | Resultado |
|---|---|
| Dez etapas e dez paletas | Disponíveis no editor. |
| Novo cadastro | Seis serviços e conteúdo demonstrativo preenchidos. |
| Prévia com conteúdo maior | Quinze serviços, seis profissionais e horários completos; desktop e celular sem transbordamento horizontal. |
| Preços | Valor fixo zero, A partir de e Sob consulta renderizados na landing e aceitos na exportação. |
| Fotos | Enquadramento aplicado, dois arquivos enviados na galeria e aviso para logo com fundo branco. |
| Reordenação | Arraste da galeria e movimentação de serviços conferidos. |
| Horários | Erro de fechamento antes da abertura, almoço e cópia preservando dia fechado. |
| DDD formatado e URL do botão Testar conferida. | |
| Seção desligada | Conteúdo preservado, seção oculta e pendência removida. |
| Lista | Duplicação, cancelamento e confirmação de exclusão, data de exportação e aviso de alteração conferidos. |
| ZIP | Conteúdo aberto e metadados, imagem de compartilhamento, favicon, domínio e cor do botão conferidos. |
10. Funcionamento da entrega
O painel é uma ferramenta local de configuração: seus cadastros não são sincronizados entre computadores. A publicação do site do cliente é feita enviando o ZIP para a hospedagem escolhida. Os horários são combinados no WhatsApp; não existe reserva automática de vagas.
11. Gerar com IA
Oito blocos recolhíveis, com prompts personalizados pelo nome, cidade, paleta e estilo das fotos. O painel inclui duas versões da logo, envio de ícone próprio, arquivos em lote e recorte nos tamanhos finais. Os prompts da equipe pedem apenas edição das fotos reais, preservando os rostos. Serviços usam ícones prontos e depoimentos usam iniciais em um círculo.