Qué ven tus clientes en la página pública

Tu página pública es el lugar al que llegan tus clientes desde tu enlace (citauno.com/tu-negocio). Es lo que define la primera impresión y la conversión en reserva. Esta es la referencia completa de cómo se ve y qué opciones tiene.

Las dos URLs públicas

https://citauno.com/<tu-slug>                     ← el perfil
https://citauno.com/businesses/<tu-slug>/book     ← la página de reservas

Ejemplos: citauno.com/bella-studio y citauno.com/businesses/bella-studio/book.

El perfil es la página que describe este artículo: portada, servicios, dirección, horarios. La página de reservas es el formulario en sí, y es la que copia el botón “Copiar enlace” del panel.

La URL es permanente: no hay un campo para cambiar el slug desde el panel, y si el equipo de Citauno lo cambia a pedido, la vieja redirige (301) a la nueva en lugar de romperse. Compartila libremente — WhatsApp, Instagram, QR, código en el local, firma de email.

Estructura de la página

1. Hero / cover

• Imagen de portada que cargaste en Configuración (16:9, recomendado 1600x900).
• Logo flotante en la esquina inferior izquierda sobre la imagen.
• Categoría del negocio en mayúsculas (ej. “CABELLO Y PEINADO”).
• Nombre del negocio en H1.
• Descripción corta.
• Botón “Reservar ahora” en el lado derecho que abre el flujo.

2. Información del negocio (barra lateral)

No es una grid horizontal: es una columna lateral a la derecha (debajo del contenido en celular), con una tarjeta por bloque:

3. Servicios

Lista de servicios agrupada por categoría si las usás. Cada servicio muestra:

• Foto (si la cargaste).
• Nombre y duración.
• Precio.
• Botón “Reservar” propio, que arranca el flujo con ese servicio ya elegido.
• Descripción corta, y la descripción larga detrás de un “Más info” que la despliega.

4. Preguntas frecuentes

Hasta tres preguntas con su respuesta, armadas con tus propios datos y desplegables al tocarlas: cómo reservar (siempre aparece), dónde queda (con la dirección de tu sucursal principal — calle, barrio y ciudad —, sólo si la cargaste) y qué servicios ofrecés (con los primeros seis servicios activos). No usa tus horarios ni tu política de cancelación. Es contenido visible y además alimenta el marcado FAQPage que lee Google.

5. Equipo y reseñas: qué hay hoy

Lo que sí existe:

• Tu equipo se ve durante la reserva, no en el perfil. Si tenés “Mostrar selección de profesional” activado, el paso de profesional muestra foto, nombre y rol de cada uno.
• Las reseñas se pueden dejar y quedan guardadas. El cliente con cuenta las carga desde su reserva; vos las ves entrando a /admin/<tu-negocio>/reviews. Cuando se vuelvan a mostrar, ya vas a tener el historial.
• Si querés mostrar a tu equipo hoy, el lugar es la descripción del negocio o la descripción larga de cada servicio.

6. Footer

El pie es el del sitio Citauno, no uno tuyo: enlaces a producto, recursos y legales, el selector de idioma (ES / PT / EN) y el copyright. No hay un footer por negocio con tus redes ni un botón “Reservar” ahí abajo.

Flujo de reserva

No son ocho pantallas: es una sola página con las secciones apiladas y un resumen fijo al costado. El cliente va bajando y la página va abriendo el paso siguiente a medida que elige. El orden real es este — fijate que profesional va antes que servicios:

Paso 1: Elegir sucursal (sólo si hay más de una)

Si tu negocio tiene una sola sucursal, este paso no existe y la numeración arranca en el siguiente.

Paso 2: Elegir profesional (sólo si activaste “Mostrar selección de profesional”)

• La primera opción es “Cualquiera”, con la palabra “disponible” debajo y un círculo con un signo de pregunta en lugar de foto. Viene marcada.
• Después, cada profesional con su foto (o sus iniciales en su color), nombre y rol.
• La lista se refresca sola si el cliente cambia de sucursal, así no quedan profesionales de la sucursal anterior.

Paso 3: Elegir servicios

• Lista de casillas con los servicios activos y con reservas online activadas: nombre, descripción corta, duración y precio. Sin foto.
• Multi-servicio siempre está disponible — no hay que activar nada. El cliente marca los que quiera y el resumen los suma.
• Si marca más de uno aparece un aviso: elegir varios puede reducir los horarios disponibles, porque todos tienen que entrar en el mismo bloque.

Paso 4: Elegir el día

Calendario con la disponibilidad real del mes: los días sin huecos no se pueden elegir.

Paso 5: Elegir el horario

Los horarios libres de ese día, calculados con la duración total, los buffers, el aviso mínimo y los horarios del profesional.

Paso 6: Datos del cliente (sólo si no está logueado)

Si el cliente ya inició sesión, este paso se reemplaza por una tarjeta con sus datos, que sólo le pide el WhatsApp si su cuenta no tiene uno cargado.

Si no inició sesión y tenés activo “Permitir reservas sin cuenta” (viene activo), el paso se titula “Tus datos” y arranca en modo invitado: no hay pestañas, hay un solo formulario de contacto, arriba el botón “Continuar con Google” y abajo el enlace ”¿Ya tenés cuenta? Iniciar sesión”, que cambia ese mismo bloque al formulario de ingreso. Las dos pestañas crear cuenta / entrar sólo se muestran si desactivaste las reservas sin cuenta.

La casilla “Crear una cuenta para ver y gestionar mis reservas” viene desmarcada: por defecto el cliente reserva como invitado. Si la tilda se despliega el campo de contraseña y esa misma reserva le crea la cuenta. Con las reservas sin cuenta desactivadas no hay casilla — ahí crear cuenta (o entrar) es obligatorio.

Fuera de los pasos: notas y descuento

Debajo de los pasos, siempre visibles, hay dos tarjetas más:

• Código de descuento, con un botón Aplicar que lo valida antes de confirmar y actualiza el total en el resumen.
• Notas — texto libre opcional para el cliente.

El resumen y el botón Confirmar

En pantalla grande el resumen va en la columna de la derecha y queda fijo al hacer scroll. En celular no hay columna al costado: el resumen cae al final de la página, debajo de todos los pasos, y ahí no queda fijo. Muestra cada servicio elegido con su duración y precio, el total, y el botón Confirmar reserva. Debajo, la línea “Al confirmar aceptás la política del negocio” — no hay una casilla de aceptación que tildar.

Después de confirmar

Cae en la pantalla de confirmación con el código de la reserva, el negocio, la sucursal, la fecha, el profesional, los servicios, el total (con el descuento desglosado si usó uno) y el estado.

• Si hay algo para pagar (seña o total, con tpago conectado), acá aparece el bloque de pago que lo lleva al checkout. El pago va después de crear la reserva, no antes: la reserva ya existe en estado pendiente mientras tanto.
• Si reservó como invitado, se le muestra su enlace personal con un botón para copiarlo — es su única forma de volver a la reserva.
• Botones: “Ver mi reserva” (o “Mis reservas” si tiene cuenta) y “Agregar al calendario” (.ics). No hay un “Hacer otra reserva” ni un “Volver al negocio”.

En paralelo salen el email de confirmación al cliente, los avisos por WhatsApp según lo que tengas configurado, y el email al dueño sólo si lo activaste (viene apagado por defecto).

Acciones post-reserva (lado del cliente)

El cliente recibe un enlace personal (citauno.com/r/<token>) por email y en los mensajes de recordatorio. El enlace no lleva su nombre, ni el slug del negocio, ni el id de la reserva — sólo un token al azar — y la página se sirve con no-referrer para que no se filtre al tocar un link de salida.

Ese enlace no ofrece un botón de “contactar al negocio”: para escribirte, el cliente tiene que volver a tu perfil.

Comportamiento en mobile

No hay una versión mobile aparte: es la misma página, con el layout apilándose en pantallas chicas.

Idiomas

La página pública detecta el idioma en este orden:

1. El prefijo de la URL (/en/<slug> o /pt/<slug>). Es lo único que decide qué se muestra en una dirección dada.
2. El idioma que el visitante ya eligió en el selector del footer, recordado en una cookie.
3. El idioma del navegador, la primera vez.
4. Si nada de eso aplica: español.

Los puntos 2 y 3 no cambian lo que se ve en la misma dirección: redirigen a la URL con prefijo. Una dirección siempre significa un solo idioma, que es lo que necesita Google. Y los buscadores quedan exentos de esa detección: para un crawler, una URL sin prefijo siempre es español.

La interfaz, los avisos, las validaciones y los emails se traducen solos. Tu contenido propio — nombre y descripción del negocio, nombres y descripciones de servicios — también puede tener una versión por idioma, que cargás vos en el formulario correspondiente; los idiomas para los que no cargaste versión caen al idioma en el que lo escribiste.

SEO

Cada página pública tiene:

• <title>: una frase armada con tu nombre, tu categoría y tu ciudad — no sólo el nombre. Si no cargaste dirección, la ciudad se omite en lugar de inventarse.
• <meta description>: generada con los mismos datos.
• Structured data: un tipo de Schema.org acorde a tu categoría (HairSalon, BeautySalon, y LocalBusiness como default), más BreadcrumbList y FAQPage para el bloque de preguntas frecuentes. La calificación no se emite mientras las reseñas estén ocultas — nunca declaramos algo que Google no puede ver en la página.
• hreflang para las 3 versiones idiomáticas, más x-default.
• Sitemap.xml del marketplace que incluye tu URL.
• Open Graph + Twitter Card para previews al compartir, usando tu portada (o el logo si no hay portada).

Cuánto tarda en aparecer en Google no depende de Citauno: es cosa de Google, de tu competencia y de cuántos enlaces apunten a tu página.

Personalización limitada

Cosas que no podés personalizar (por ahora):

• Layout/orden de las secciones.
• Tipografías.
• Colores. No hay ningún color de marca configurable para tu página pública: el diseño es el mismo para todos los negocios. (Los colores que sí elegís — el de un profesional o el de un servicio — son sólo para el calendario del panel.)
• HTML/CSS arbitrario.
• El pie de página y los botones flotantes de Citauno.

Si querés algo muy custom, considerá tener tu sitio principal y usar Citauno solo como motor de reservas (vincular desde un botón “Reservar” de tu sitio).

Privacidad y datos

• La página pública es completamente pública — no requiere login.
• Los datos del cliente se guardan al confirmar la reserva.
• El enlace personal de una reserva (/r/<token>) no contiene datos personales: sólo un token al azar, y la página va con no-referrer para que la dirección no viaje a sitios externos.
• El cliente puede pedir eliminar sus datos contactando al negocio.

Errores comunes (vistos por el cliente)

Lo que el dueño no controla

• La marca Citauno en la página. El pie del sitio y los botones flotantes de Instagram y WhatsApp que aparecen abajo a la derecha son de Citauno, no tuyos, y están en todas las páginas públicas.
• Aparecer en categorías del marketplace relevantes para SEO.
• Aparecer en el listado público, que sí controlás desde Ajustes → “Mostrar en el home y búsquedas”.

Si lo que querés es que nadie pueda agendar online (modo gestión interna), desmarcá “Aceptar reservas online del público” en Ajustes. Tu perfil sigue abriendo, con el botón de reservar deshabilitado.