Galería y marca

Todo lo visual de tu página de reserva pública vive en un solo lugar: Ajustes → Galería y marca (ruta: /settings/gallery-branding). La página es un editor de dos columnas en la parte superior con una galería del portafolio debajo: cambias algo a la izquierda, la vista previa en vivo a la derecha se actualiza al instante, pulsas Guardar cambios arriba y listo.

La franja de estadísticas de marca

A lo largo de la parte superior de la página verás cuatro pequeños mosaicos:

• Puntuación de marca: sobre 100. El número se calcula según lo completa que esté tu marca (logotipo, portada, acento, biografía, perfiles sociales, galería). La pista de abajo muestra cuántos elementos siguen pendientes.
• Visitas al storefront: próximamente.
• Conversión: próximamente.
• Imágenes de galería: recuento actual sobre un tope recomendado de 20.

Los dos mosaicos Próximamente son marcadores de posición para la analítica del storefront; puedes ignorarlos por ahora.

El panel de identidad (columna izquierda)

Aquí es donde viven las palabras y los colores:

• Nombre del salón: lo que aparece como el H1 en la página de inicio.
• Lema / eslogan: la frase de una línea que se muestra justo debajo del nombre.
• Sobre nosotros / biografía: un párrafo más largo debajo del eslogan. Buen lugar para contar qué te hace único.
• Color de acento: una muestra de color en OKLCH. Determina el color del botón principal y el color de los chips destacados de tu storefront público.
• Tipografía de marca: elige una de las combinaciones tipográficas seleccionadas. La elección se aplica a todas las páginas de tu storefront público.
• Punto focal de la portada: deslizadores que marcan qué parte de la foto de portada debe permanecer centrada cuando la página cambia de tamaño (x/y de 0 a 100). Útil cuando lo más importante de tu foto no está exactamente en el centro.
• Perfiles sociales: Instagram, TikTok, Facebook y una URL de sitio web público. Todo lo que rellenes aparece como un chip en la página de inicio.

La vista previa en vivo (columna derecha)

Una representación a escala reducida de tu storefront público: nombre, eslogan, biografía, foto de portada con el punto focal aplicado, color de acento, tipografía de marca, todo. La vista previa se actualiza a medida que escribes, para que veas exactamente cómo quedará una edición antes de guardar.

La galería del portafolio (abajo)

La mitad inferior de la página es la galería del portafolio: una cuadrícula de imágenes con arrastrar y soltar que aparece en la pestaña Galería de tu storefront público.

• Arrastra y suelta archivos de imagen sobre el área de carga (o haz clic para elegir). Una barra de progreso muestra la carga actual.
• Establecer una portada: promueve cualquier imagen para que sea la foto de portada de la página de inicio del storefront. (Nota: esta es la imagen de portada, no el punto focal: el punto focal es una propiedad aparte de la imagen que se establezca como portada).
• Asignar una categoría: cada imagen puede etiquetarse (p. ej. Cabello, Color, Uñas) para que los clientes puedan filtrar la galería.
• Reordenar: arrastra las imágenes para cambiar el orden que ven los clientes.
• Eliminar: quita una imagen (la eliminación es permanente).

La galería recomienda actualmente hasta 20 imágenes por rendimiento. Puedes añadir más, pero la franja de estadísticas de marca señala el tope recomendado.

Guardar

El botón Guardar cambios en la parte superior derecha confirma los cambios del panel de identidad. Las cargas de galería, los cambios de categoría, los cambios de portada y los reordenamientos se guardan al instante: no esperan al botón Guardar.

Abrir storefront

Junto al botón Guardar hay un botón Abrir storefront que abre /s/<tu-slug> en una pestaña nueva. La forma más rápida de verificar que un guardado surtió efecto.