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.

URL pública

https://citauno.com/<tu-slug>

Ejemplos: citauno.com/bella-studio, citauno.com/estudio-pilar.

La URL es permanente mientras no cambies el slug del negocio (lo que requiere migración). 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

Una grid de 3-4 columnas con:

3. Servicios

Lista de servicios (filtrable por categoría si las usás). Cada servicio en una card con:

• Foto (si la cargaste).
• Nombre.
• Descripción corta.
• Duración + precio.
• Botón “Reservar” que arranca el flujo.

4. Equipo (si “Mostrar selección de profesional” activado)

Grid de profesionales con:

• Foto.
• Nombre.
• Rol (ej. “Colorista”).
• Bio corta al pasar el mouse o tocar.

5. Reseñas (si tenés alguna)

Cards de reseñas verificadas (solo de clientes con reserva completada) con:

• Calificación (estrellas).
• Comentario.
• Nombre del cliente (parcial — solo primer nombre + inicial del apellido).
• Servicio recibido.
• Fecha.

6. Footer

• Link “Reservar” (el principal).
• Link a tu Instagram / Facebook / web.
• Powered by Citauno (link al sitio principal).

Flujo de reserva

Cuando el cliente toca “Reservar”:

Paso 1: Elegir servicio

• Lista de servicios activos con reservas online activadas.
• Filtros por categoría.
• Card por servicio con foto, nombre, duración, precio.
• Botón “Elegir” en cada uno.

Multi-servicio: si activaste “Permitir reservar varios servicios”, aparece un “+ Agregar otro servicio” para acumular varios en el mismo turno.

Paso 2: Elegir sucursal (si más de una)

• Solo aparece si tu negocio tiene 2+ sucursales activas.
• Selector con cada sucursal + dirección.

Paso 3: Elegir profesional (si activado en Configuración)

• Grid de profesionales que atienden el servicio elegido.
• “Cualquier profesional disponible” como opción primera (si el cliente no tiene preferencia).
• Cada profesional muestra foto, nombre y bio.

Paso 4: Elegir día y horario

• Calendario flotante con disponibilidad real.
• Días sin huecos aparecen en gris.
• Días con huecos en negro normal.
• Al elegir un día, se despliegan los horarios disponibles en filas.
• Aviso si no hay huecos en X días: “Sin disponibilidad en los próximos 30 días. ¿Querés que te avisemos cuando se libere un slot?” (lista de espera).

Paso 5: Datos del cliente

Paso 6: Resumen y confirmación

• Servicio(s) elegido(s) + duración total + precio total.
• Fecha + hora + duración.
• Sucursal + dirección.
• Profesional asignado.
• Cliente que reserva.
• Precio total (con descuento aplicado si código válido).
• Política de cancelación.

Paso 7: Pago (si modo seña)

Solo si el negocio está en modo seña:

• Pasarela del proveedor (Tigo Money, Bancard, etc.).
• Cliente paga la seña.
• Vuelve a Citauno con confirmación.

Paso 8: Confirmación

• Mensaje “¡Listo! Tu reserva está confirmada/pendiente.”
• Opción de descargar archivo .ics para agregar a su calendario.
• Botón “Hacer otra reserva”.
• Link “Volver al negocio”.

Simultáneamente:

• Email de confirmación al cliente.
• WhatsApp (si tu plan lo incluye).
• Email de aviso a vos (si lo activaste).

Acciones post-reserva (lado del cliente)

Una vez confirmada, el cliente recibe un email con un enlace personal (citauno.com/r/<token>) desde donde puede:

Comportamiento en mobile

Idiomas

La página pública detecta el idioma por:

1. URL prefix (/en/<slug> o /pt/<slug>).
2. Selector de idioma en el footer.
3. Idioma del navegador del cliente.
4. Default: español.

Los servicios, descripciones y nombres siguen estando en el idioma original (no se traducen automáticamente). Las UI, prompts, validaciones y emails sí se traducen.

SEO

Cada página pública tiene:

• <title>: nombre del negocio.
• <meta description>: descripción del negocio (max 160 chars).
• Schema.org LocalBusiness structured data con dirección, horarios, teléfono.
• hreflang para las 3 versiones idiomáticas.
• Sitemap.xml del marketplace que incluye tu URL.
• Open Graph + Twitter Card para previews al compartir.

Tu negocio aparece en Google después de 2-4 semanas desde el lanzamiento (depende del tráfico y backlinks).

Personalización limitada

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

• Layout/orden de las secciones.
• Tipografías.
• Colores (más allá del color de marca configurado).
• HTML/CSS arbitrario.

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.
• Datos del cliente se guardan al confirmar la reserva (cumple GDPR + Ley de Protección de Datos PY).
• Cliente puede pedir eliminar sus datos contactando al negocio.
• Reseñas son anónimas a partir del segundo nombre.

Errores comunes (vistos por el cliente)

Lo que el dueño no controla

Citauno se reserva el derecho a:

• Mostrar un footer “Powered by Citauno” (sin opt-out en planes básicos).
• Incluir el negocio en el listado público de marketplace.
• Mostrar el negocio en categorías relevantes para SEO.

En planes superiores (Pro y Business), el branding de Citauno puede quitarse.