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.

El slug sale del nombre del negocio: si cambiás el nombre en Ajustes, la URL cambia con él. Las direcciones viejas no se rompen: el perfil y la página de reservas viejos redirigen (301) a los nuevos. 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 Ajustes, recortada a una franja panorámica.
• 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. Si no cargaste una, se muestra una frase armada con tus datos.
• Botón “Reservar ahora” en el lado derecho que abre el flujo. Si el negocio no está tomando reservas online, el botón dice “No disponible” y arriba aparece un aviso.

Si tu perfil está indexado, arriba de todo va además una miga de pan (por ejemplo, la categoría y la ciudad) que lleva a las páginas del marketplace.

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. Aparece si el servicio acepta reservas online y tu negocio está tomando reservas.
• Descripción corta, y la descripción larga detrás de un “Más información” que la despliega.

4. Bonos

Solo si tenés el módulo Bonos y paquetes y algún bono a la venta: una sección Bonos con cada paquete y un botón Contratar. Ver Bonos y paquetes.

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 al cliente” activado, el paso de profesional muestra foto, nombre y rol de cada uno.
• 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 y botones flotantes

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.

Abajo a la derecha aparecen dos botones flotantes con tu WhatsApp y tu Instagram (solo los que tengas cargados). Están en tu perfil, en tu página de reservas y en la pantalla de confirmación. Se sacan desmarcando “Mostrar los botones flotantes de WhatsApp e Instagram” en Ajustes.

Flujo de reserva

No son ocho pantallas: es una sola página con las secciones apiladas y un resumen 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: Ubicación (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: Profesional (sólo si activaste “Mostrar selección de profesional al cliente”)

• La primera opción es “Sin preferencia”, 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.

Con “Sin preferencia”, o si el paso está apagado, el sistema asigna al azar a alguien libre en ese horario. La pantalla de confirmación le dice al cliente quién lo va a atender.

Si tenés el módulo de bonos, entre este paso y el siguiente puede aparecer una tarjeta ”¿Lo querés con bono?”.

Paso 3: Servicios · elegí uno o varios

• Lista de casillas con los servicios activos y con reservas online activadas, agrupados en categorías que se abren y se cierran: nombre, descripción corta, duración y precio. Sin foto.
• Si el cliente eligió un profesional, los servicios que esa persona no hace quedan aparte, en “Otros servicios”.
• 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: Fecha

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

Paso 5: Horario

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

Paso 6: Tus datos (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 reservar sin cuenta” (viene activo), el paso se titula “Tus datos”, arranca con la línea “Reservá con tu nombre y WhatsApp. Crear una cuenta es opcional.” y está 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. Dentro de Instagram, Facebook o TikTok el botón de Google se reemplaza por una indicación, porque esos navegadores no lo permiten.

Además:

• 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.
• La casilla “Recordar mis datos en este dispositivo” viene marcada: la próxima vez el formulario ya tiene sus datos.
• Si en ese dispositivo ya reservaron otras personas (una madre para sus hijos, por ejemplo), aparece ”¿Para quién es la reserva?” con las personas guardadas.
• Si el cliente está contratando un bono, crear la cuenta es obligatorio.

Con las reservas sin cuenta desactivadas, el paso se titula “Crear cuenta para reservar”, tiene dos pestañas, Crear cuenta y Ya tengo cuenta, y crear cuenta (o entrar) es obligatorio.

Fuera de los pasos: notas y descuento

Debajo de los pasos hay dos campos más:

• Código de descuento (opcional), con un botón Aplicar que lo valida antes de confirmar y actualiza el total en el resumen. Solo aparece si tenés el módulo Códigos de descuento (ver Más funciones).
• Notas para el negocio (opcional) — texto libre 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 ”¡Reserva recibida!” 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 el módulo de tpago y tu cuenta lista), acá aparece el botón de pago (Pagar seña … o Pagar total …) 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, y si la seña no se paga en 24 horas se rechaza sola.
• Si reservó como invitado, se le muestra “Tu enlace” con el botón Copiar enlace y la aclaración “El enlace sirve hasta 90 días después del turno.”.
• Botones: “Ver mi reserva” (o “Ver 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 al cliente (si dejó email) y el email al dueño sólo si lo activaste (viene apagado por defecto). El recordatorio se programa para más adelante.

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.

Pasados 90 días del turno, si la reserva ya terminó o se canceló, el enlace sirve solo para ver los detalles y agregarla al calendario.

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, BarberShop, NailSalon, DaySpa, BeautySalon y otros, con LocalBusiness como default; con varias sucursales, uno por sucursal), más BreadcrumbList. 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.
• Open Graph + Twitter Card para previews al compartir, usando tu portada (o el logo si no hay portada).

Solo se indexan los perfiles totalmente públicos: activos, tomando reservas y con “Mostrar en el home del marketplace y búsquedas” marcado. Los demás se sirven con “noindex”. El sitemap del marketplace incluye tu URL cuando además estás listo para recibir reservas (al menos un servicio activo, una ubicación con un día abierto y un profesional que acepte reservas).

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 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 es de Citauno y está en todas las páginas públicas. Los botones flotantes, en cambio, son tuyos (tu WhatsApp y tu Instagram) y los podés sacar desde Ajustes.
• Aparecer en categorías del marketplace relevantes para SEO.
• Aparecer en el marketplace (/explorar), que sí controlás desde Ajustes → “Mostrar en el home del marketplace 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 en “No disponible”.