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 — elas entram na mesma faixa da foto principal, então também são recortadas em 3 por 1.
Prévia antes, página depois
À direita (embaixo, no celular) fica a Prévia da sua página: é a sua página de verdade, mudando enquanto você mexe. O selo ao lado do título diz se o que você vê já está no ar: Publicada (verde) quando a prévia é igual à página dos clientes, Prévia · não publicada (amarelo) quando existe alteração que só você está vendo. A barra no rodapé fica sempre visível e diz o mesmo — nada muda para o cliente até você tocar em Publicar. As fotos são a exceção: elas entram no ar na hora em que você envia.
Passo a passo
O degrau 1 · A cara da sua loja mostra o logo e a foto principal, cada um com uma etiqueta: enviado (verde) ou falta (amarelo). Os botões Enviar logo e Escolher foto levam para Configurações → Perfil → Marca, 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 mostra a versão clara à esquerda e a escura à direita — é o mesmo tema, não dois. Use o filtro Todos / Claros / Escuros para ver só os que abrem num modo específico. Logo abaixo, em Modo Padrão, escolha em que modo a página abre para o cliente: Claro, Escuro ou Automático (segue o modo do celular ou computador de cada cliente) (segue o celular dele). Logo abaixo, Deixar o cliente trocar entre claro e escuro vem ligado: o cliente pode trocar o modo pelo botão de sol/lua no topo da página. Desligue para a página ficar sempre no modo que você escolheu — o botão some e a escolha antiga do cliente deixa de valer. Com Automático e o interruptor desligado, a página acompanha o celular ou computador do cliente, sem botão.
Em 3 · A cor da marca, toque numa das Cores prontas ou use Outra cor para escolher qualquer cor (ou digitar o código dela). É a cor do botão de agendar e dos 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.
Ainda em 3 · A cor da marca, logo abaixo, fica a Cor de fundo: a cor da página atrás de
tudo. Escolha Modo Claro ou Modo Escuro e toque no quadradinho de cor (ou digite o
código, como #151515). Cada modo guarda a sua cor. Os cartões, as bordas e os textos se
ajustam sozinhos para continuar legíveis. Para desfazer, toque em Voltar ao padrão do tema.
Em 4 · A letra, escolha a fonte de todo o texto da página. Cada cartão já aparece escrito na própria fonte.
Precisa de controle total? No degrau 5 · Ajuste fino, toque em Abrir. Lá estão 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.
Na prévia, escolha Celular ou Computador para ver a página nos dois tamanhos, e troque entre Início, Serviços, Assinaturas e Equipe. A prévia abre no modo que o cliente vai ver (o do Modo Padrão); o interruptor Modo escuro mostra o outro. Abrir a página abre a página real numa nova aba, e o ícone de ampliar mostra a prévia em tela cheia. No celular, toque em Ver prévia na barra do rodapé.
Quando gostar do resultado, toque em Publicar na barra do rodapé. O selo muda para Publicada — a página do salão já está com o novo visual.
Layout da lista de serviços
No último degrau da escada, 6 · 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 Publicar. A prévia recarrega sozinha para mostrar a nova lista:
- Abas de categoria: o cliente vê as categorias como botões no topo e toca em uma para filtrar e ver só os serviços daquela categoria. Na aba Todos, os serviços aparecem separados por categoria, com o nome de cada uma como título, na mesma ordem em que você organizou o catálogo.
- Lista agrupada (padrão para salões novos): 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
Nos dois formatos, 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, nem como seção nem como aba.
A mesma escolha vale para a página Nossos serviços da sua página pública: com Lista agrupada, tocar numa categoria rola até a seção dela; com Abas de categoria, filtra a lista. Na página de cada profissional, os serviços também aparecem separados por categoria, na ordem do seu catálogo.
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.
- O logo vira o ícone da aba do navegador na sua página e o ícone do atalho quando o cliente adiciona a página à tela inicial do celular. Sem logo, aparece o ícone padrão.
- Você pode voltar e mudar quantas vezes quiser.
- Se não gostar do que acabou de mexer, toque em Voltar ao publicado — volta ao tema que está no ar, não ao tema de fábrica. Mudou de ideia? O aviso que aparece traz Desfazer.
- Trocar de tema por cima de um tema personalizado, Voltar ao original e Rederivar das cores claras também trazem Desfazer no aviso.
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 publicar. 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.
Fundo escuro com a cor da sua marca
Se o manual da sua marca pede um fundo próprio (um preto institucional, por exemplo), defina-o em Cor de fundo no Modo Escuro e, se quiser que a página abra assim, escolha Escuro em Modo Padrão. Se você colocar um fundo claro no modo escuro (ou escuro no claro), o texto troca de cor sozinho e um aviso explica o que mudou. Se a cor da marca quase sumir no fundo escolhido, um aviso também aparece: troque a cor da marca ou o fundo.
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 — é nessa ordem que elas passam na página pública.
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. Quando você tem mais de uma, elas passam sozinhas nessa faixa, uma a cada poucos segundos, na ordem em que você as deixou — e o cliente pode pular para qualquer uma pelos pontinhos na base da faixa. Tocar na imagem abre a foto em tela cheia; 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 olhe o selo da prévia: se está Prévia · não publicada, falta tocar em Publicar. Se está Publicada 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).
Escolhi Escuro, mas o cliente ainda vê a página clara. Por quê? O Modo Padrão é só o modo em que a página abre. Se Deixar o cliente trocar entre claro e escuro estiver ligado, o cliente pode trocar pelo botão de sol/lua, e a escolha dele vale nas próximas visitas. Para a página ficar sempre escura — por exemplo, quando você ajustou as cores só para o modo escuro — desligue esse interruptor e toque em Publicar.
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. A do texto fica em 4 · A letra; a dos títulos fica em Ajuste fino, 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 é uma faixa larga e baixa: a proporção é de 3 por 1 — três vezes mais larga do que alta, como 1200×400 px. As fotos do ambiente usam a mesma faixa, porque aparecem no mesmo lugar. Ao enviar qualquer uma delas, você escolhe o recorte, e é exatamente esse recorte que aparece inteiro na sua página, sem nada cortado. Se a sua imagem tem texto ou logo perto das bordas, envie já nessa proporção para não precisar espremer nada no recorte.
Errei tudo. Como volto ao zero? Depende do que você quer desfazer. Para descartar só as mudanças que ainda não publicou, toque em Voltar ao publicado na barra do rodapé — volta ao tema que está no ar. Para voltar ao visual de fábrica, escolha o tema Clássico na galeria e toque em Publicar.
A barra diz "Tema padrão no ar". O que é isso? Seu plano não inclui Marca personalizada, então a página pública mostra o tema Clássico, mesmo com outro tema escolhido. Você pode montar o visual e ver na prévia; o botão Publicar mostra um cadeado e abre as opções de plano.
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?