Administrador · Configurações
Como personalizar a aparência do salão
Deixe sua página de agendamento com a cara do seu salão — escolha cores, fontes, logo e fotos em poucos minutos.
Antes de começar
- Tenha à mão o logo do salão (imagem quadrada, fundo transparente de preferência).
- Separe uma foto principal de boa qualidade (a primeira imagem que o cliente vê).
- Opcional: até algumas fotos do ambiente para a galeria.
Tudo ao vivo
A tela é uma escada numerada, e Sua página agora fica sempre à direita (embaixo, no celular): é a sua página de verdade, num telefone, mudando enquanto você mexe. Nada é salvo até você tocar em Salvar — a barra com o botão só aparece quando existe alteração pendente, e diz quantas são. As fotos são a exceção: elas salvam na hora em que você envia.
Passo a passo
O degrau 1 · A cara da sua loja mostra, logo de cara, se falta logo ou foto principal — é o que o cliente vê antes de ler qualquer palavra. Sem foto principal a página abre numa caixa de texto, e o link colado no WhatsApp mostra a imagem padrão do sistema. Os botões Enviar logo e Escolher foto levam para Configurações → Perfil → Marca, que é onde as imagens moram (junto com as Fotos do espaço).
Em 2 · O tema da página, escolha um dos 16 temas prontos. Cada cartão é dividido ao meio: a esquerda é a versão clara e a direita é a versão escura — é o mesmo tema, não dois. Use o filtro Todos / Claros / Escuros para ver só os que abrem num modo específico. Logo abaixo da galeria, Ao abrir, o cliente vê define em que modo a sua página começa (Claro, Escuro ou Sistema) — o cliente pode trocar depois.
Em 3 · A cor da marca, troque a cor do botão de agendar: é ela que pinta a ação principal e os destaques. Mexer aqui não descarta o tema — ele continua marcado na galeria com a etiqueta personalizado, e Voltar ao original desfaz suas mudanças sem tirar o tema.
Precisa de controle total? No degrau 4 · Ajuste fino, toque em Abrir. Lá estão a fonte do texto (em cartões, não numa lista), o interruptor Os títulos usam outra fonte, o tamanho do texto, Os cantos, O botão principal, Os cards e As nove cores, uma a uma nos dois modos.
Em Sua página agora, troque entre Início, Serviços, Assinaturas e Equipe para ver o tema em cada página. O interruptor Modo escuro mostra como fica no escuro, Abrir a página abre a página real numa nova aba, e o ícone de ampliar mostra a prévia em tela cheia.
Quando gostar do resultado, toque em Salvar na barra que aparece no rodapé. Pronto — a página do salão já está com o novo visual.
Layout da lista de serviços
No último degrau da escada, 5 · Layout dos serviços controla como os serviços aparecem para o cliente na sua página pública. Escolha entre duas formas — a etiqueta salva sozinho avisa que a mudança entra no ar na hora, sem precisar tocar em Salvar:
- Abas de categoria (padrão): o cliente vê as categorias como botões no topo e toca em uma para filtrar e ver só os serviços daquela categoria.
- Lista agrupada: cada categoria vira uma seção própria (título + seus serviços logo abaixo), empilhadas de cima a baixo. O cliente rola a página e vê todos os grupos de uma vez, sem precisar clicar. As categorias no topo ficam fixas e viram atalhos: tocar em uma rola a página até aquela seção.
Qual escolher?
Poucas categorias e muitos serviços em cada uma? As Abas deixam a tela mais curta. Quer que o cliente veja tudo o que você oferece só rolando (estilo cardápio)? Use a Lista agrupada.
Serviços sem categoria
Na Lista agrupada, serviços sem categoria (ou de uma categoria desativada) aparecem numa seção Outros no final, para nenhum serviço ficar escondido. Categorias sem nenhum serviço naquela unidade não aparecem.
O que acontece em seguida
- A nova aparência entra no ar imediatamente na página pública do salão.
- Logo passa a aparecer também em notificações enviadas aos clientes.
- Você pode voltar e mudar quantas vezes quiser.
- Se não gostar do que acabou de mexer, toque em Voltar ao salvo — volta ao tema que você tinha salvo, não ao tema de fábrica.
Atenção aos detalhes
Quem pode mexer
Quem muda a aparência da página é o dono do negócio. Uma recepcionista abre a tela e vê o resumo — logo, foto principal, tema e em que modo a página abre — junto com a pré-visualização ao vivo, mas sem os controles de edição.
Aviso de contraste
Se aparecer "Baixo contraste — pode ser difícil de ler" em alguma cor, corrija antes de salvar. Texto com contraste baixo prejudica clientes com baixa visão e derruba a leitura no celular em ambientes claros.
Modo claro e modo escuro
Todos os 16 temas prontos já vêm com as duas versões prontas e testadas — você só precisa desta seção se quiser mexer cor a cor. Em Ajuste fino → As nove cores, uma a uma, use os botões Modo Claro e Modo Escuro para ajustar os dois. O modo escuro é calculado a partir do claro, então mexa só no que estiver errado — uma cor que você define no escuro fica marcada e não acompanha mais as mudanças do claro. Para descartar todas elas e voltar ao automático, use Rederivar das cores claras, que aparece enquanto você está no Modo Escuro.
Sua cor de destaque aparece em mais lugares
A cor de destaque (em Cores) também pinta o banner de promoções e os destaques de assinatura (o ícone de coroa e o cartão do plano) na sua página pública. Escolha uma cor que combine com a marca e chame atenção. Os avisos de horário (dia fechado, profissional de folga) usam cores padrão de status para permanecerem sempre legíveis, independente do tema.
Limite da galeria
A galeria aceita um número máximo de fotos. Ao atingir o limite, remova uma antes de enviar outra. Arraste as fotos para reordenar — a primeira é a que mais aparece.
Como o cliente vê as fotos
Na sua página pública, a primeira foto ocupa a faixa larga do topo, logo acima do nome do salão. O cliente pode tocar na imagem para vê-la em tela cheia — e, quando você tem mais de uma foto, o botão fotos no canto da faixa abre a galeria inteira, que ele percorre deslizando ou com as setas do teclado.
Fotos pesadas
Imagens muito grandes deixam a página lenta no 4G do cliente. Prefira fotos até 2 MB cada — já são suficientes para ótima qualidade.
Perguntas frequentes
Mudei as cores mas o cliente ainda vê as antigas. Por quê? Primeiro confira se tocou em Salvar — a pré-visualização mostra o novo visual, mas só entra no ar depois de salvar. Se já salvou e a página continua diferente do esperado, verifique o Modo Escuro: celulares em modo escuro usam a paleta escura, que pode ter cores personalizadas antigas (veja o aviso na seção de Cores). Por fim, peça para o cliente recarregar a página (puxar de cima para baixo no celular).
Posso usar a fonte do meu site ou uma fonte personalizada? Não. Você escolhe entre seis fontes: Inter, Roboto, Poppins, Montserrat, Open Sans e Lato. As duas ficam em Ajuste fino: a do texto em cartões, e a dos títulos atrás do interruptor Os títulos usam outra fonte.
Qual o tamanho ideal para o logo e a foto principal? O logo funciona melhor quadrado (ex.: 512×512 px), de preferência com fundo transparente (PNG). A foto principal deve ser horizontal e de boa qualidade — é a primeira imagem que o cliente vê ao abrir sua página.
Errei tudo. Como volto ao zero? Depende do que você quer desfazer. Para descartar só as mudanças que ainda não salvou, toque em Voltar ao salvo na barra do rodapé — volta ao tema que estava salvo. Para voltar ao visual de fábrica, escolha o tema Clássico na galeria e toque em Salvar.
Estilo "Pílula", "Gradiente", "Elevado"… o que é isso? Os três ficam lado a lado em Ajuste fino: Os cantos (retos, suaves, redondos), O botão principal (cheio, vazado, degradê) e Os cards (liso, elevado, com borda). O botão degradê mistura a cor da marca com a cor de destaque. Teste na pré-visualização — é mais fácil ver que explicar.
O tamanho do texto muda o quê? Em Ajuste fino, o Tamanho do texto (Compacto, Normal ou Espaçoso) aumenta ou diminui levemente todas as letras da página pública — útil se seu público prefere letras maiores.
Leia também
Ainda com dúvida?
Pergunte ao Barba sobre este tutorial. Ele responde com base nos nossos guias.
Este tutorial foi útil?