Galeria e marca

Tudo o que é visual na sua página pública de reservas fica em um só lugar: Definições → Galeria e marca (rota: /settings/gallery-branding). A página é um editor de duas colunas no topo, com uma galeria de portefólio embaixo — você altera algo à esquerda, a pré-visualização ao vivo à direita atualiza imediatamente, você clica em Guardar alterações no topo, pronto.

A faixa de estatísticas da marca

No topo da página, você verá quatro pequenos blocos:

• Pontuação da marca — de 100. O número é calculado a partir de quão completa está a sua marca (logótipo, capa, destaque, bio, redes sociais, galeria). A dica abaixo mostra quantos itens ainda estão pendentes.
• Visualizações do storefront — em breve.
• Conversão — em breve.
• Imagens da galeria — contagem atual em relação a um teto recomendado de 20.

Os dois blocos Em breve são espaços reservados para a analítica do storefront — pode ignorá-los por enquanto.

O painel de identidade (coluna esquerda)

É aqui que ficam as palavras e as cores:

• Nome do salão — o que aparece como o H1 na página inicial.
• Slogan / lema — a frase de uma linha mostrada logo abaixo do nome.
• Sobre nós / bio — um parágrafo mais longo abaixo do slogan. Bom lugar para o que faz você ser você.
• Cor de destaque — uma amostra de cor em OKLCH. Ela define a cor do botão principal e a cor dos chips de destaque no seu storefront público.
• Tipografia da marca — escolha um dos pares tipográficos selecionados. A escolha se reflete em todas as páginas do seu storefront público.
• Ponto focal da capa — controles deslizantes que marcam qual parte da foto de capa deve permanecer centrada quando a página for redimensionada (x/y de 0 a 100). Útil quando o mais importante na sua foto não está exatamente no centro.
• Redes sociais — Instagram, TikTok, Facebook e um URL de site público. Qualquer coisa que você preencher aparece como um chip na página inicial.

A pré-visualização ao vivo (coluna direita)

Uma renderização em escala reduzida do seu storefront público — nome, slogan, bio, foto de capa com o ponto focal aplicado, cor de destaque, tipografia da marca, tudo isso. A pré-visualização atualiza à medida que você digita, então você consegue ver exatamente como uma edição vai ficar antes de guardar.

A galeria de portefólio (embaixo)

A metade inferior da página é a galeria de portefólio — uma grade de imagens com arrastar e soltar que aparece na aba Galeria do seu storefront público.

• Arraste e solte arquivos de imagem na área de upload (ou clique para escolher). Uma barra de progresso mostra o upload atual.
• Definir uma capa — promova qualquer imagem para ser a foto de capa da página inicial do storefront. (Observação: esta é a imagem de capa, não o ponto focal — o ponto focal é uma propriedade separada da imagem que estiver definida como capa.)
• Atribuir uma categoria — cada imagem pode ser etiquetada (ex.: Cabelo, Coloração, Unhas) para que os clientes possam filtrar a galeria.
• Reordenar — arraste as imagens para mudar a ordem que os clientes veem.
• Eliminar — remova uma imagem (a exclusão é permanente).

A galeria atualmente recomenda até 20 imagens para um bom desempenho. Você pode adicionar mais, mas a faixa de estatísticas da marca sinaliza o teto recomendado.

Guardar

O botão Guardar alterações no canto superior direito confirma as alterações do painel de identidade. Uploads da galeria, mudanças de categoria, mudanças de capa e reordenações são guardados imediatamente — não esperam pelo botão Guardar.

Abrir storefront

Ao lado do botão Guardar há um botão Abrir storefront que abre /s/<seu-slug> em uma nova aba. A forma mais rápida de verificar se o que você guardou funcionou.