Son las seis y media. La clase termina, tienes que recoger el material y preparar la siguiente sesión. Tu web, sin embargo, acaba de aceptar otra reserva para esa misma hora. El calendario tenía un hueco; tu jornada, no.
Al crear una página de reservas online, conviene decidir primero qué tiempo puede vender el negocio y qué ocurre cuando alguien elige una cita. Después se configura la agenda y se conecta a la web. Este orden sirve tanto si vas a hacerlo tú como si vas a encargarlo.
Vamos a verlo con un ejemplo ficticio de clases de música. No representa a un cliente ni resultados de MONTEDRA. La idea puede ayudarte si trabajas por sesiones, visitas o servicios con una duración definida.
1. Dibuja una tarde de trabajo antes de abrir el calendario
Imagina un estudio con un profesor, una sala y atención de cuatro a siete de la tarde. Ofrece clases individuales de 45 minutos y sesiones intensivas de 90. Entre una y otra necesita 15 minutos para recoger, preparar material y atender cualquier pequeña incidencia.
Una tarde podría quedar así:
| Horario | Qué ocurre | Qué debe ver el sistema |
|---|---|---|
| 16:00–16:45 | Clase individual | Profesor y sala ocupados |
| 16:45–17:00 | Preparación | Tiempo no reservable |
| 17:00–18:30 | Sesión intensiva | Profesor y sala ocupados |
| 18:30–18:45 | Preparación | Tiempo no reservable |
| 18:45–19:00 | Quedan 15 minutos | No cabe ninguna de las dos sesiones |
Desliza la tabla para ver todas las columnas.
El cálculo del ejemplo es sencillo: 45 + 15 + 90 + 15 = 165 minutos de ocupación. En una ventana de 180 minutos quedan 15, pero no permiten añadir otra clase de 45. Si la página solo comprueba que la hora de inicio esté libre, puede ofrecer una cita que se prolongue más allá del cierre.
Anota también qué debe estar disponible a la vez. Dos profesores no permiten dar dos clases simultáneas si ambos necesitan la única sala. Y dos salas no multiplican la capacidad de una sola persona. Esa combinación debe formar parte de la configuración, no quedarse en una nota que solo conoce quien atiende.
Hay sistemas que permiten definir márgenes y comprobar toda la duración de una reserva. Por ejemplo, la documentación de disponibilidad de WooCommerce Bookings distingue entre revisar todos los bloques ocupados o solo el inicial. Es una función que conviene comprobar en la herramienta elegida; no todas trabajan de la misma manera.
2. Decide si el cliente reserva o te pide una hora
Si el servicio tiene duración, disponibilidad y condiciones conocidas, puedes plantear una confirmación automática. El cliente elige una sesión válida, completa los datos necesarios y recibe la cita confirmada.
Si antes debes valorar el encargo, deja claro que está enviando una solicitud. Por ejemplo, una primera sesión para un grupo puede depender del número de asistentes o del material disponible. En ese caso, «Solicitar horario» describe mejor el paso que «Reserva confirmada».
No es una diferencia meramente de texto. Hay que decidir si una solicitud pendiente bloquea el hueco, durante cuánto tiempo y quién la acepta o rechaza. También qué mensaje recibe la persona y qué sucede si no contestas a tiempo. Son reglas que deberías poder explicar sin abrir el panel de la aplicación.
El pago añade otro estado. Una cita pendiente de aprobación, una confirmada y una pagada pueden ser cosas distintas. Como ejemplo, WooCommerce Bookings permite confirmar determinadas solicitudes antes de pedir el pago. Si necesitas ese recorrido, comprueba que el sistema y su configuración lo admitan; no lo des por hecho porque haya un botón de cobro.
Para el estudio ficticio, empezaríamos definiendo dos servicios con sus duraciones y una plaza por sesión. Las peticiones que no encajen en esos formatos irían a una consulta previa, con una explicación clara del siguiente paso.
3. Conecta la agenda a una página que explique el servicio
Puedes mostrar un botón que abra una página de reservas externa, insertar la agenda dentro de tu web o incorporar una solución de reservas a WordPress. La elección depende del recorrido que necesitas, de la herramienta que ya uses y de quién vaya a mantenerla.
Un enlace puede bastar si tu agenda actual ya gestiona bien las citas. Evita reconstruir esa parte solo para que el calendario aparezca dentro de la página. Si lo insertas, comprueba que se pueda elegir servicio y hora cómodamente desde el teléfono.
Como referencia concreta, Google Calendar documenta cómo compartir un enlace, añadir un botón o insertar una página de reserva. En la opción de inserción se copia el código generado por Calendar y se incorpora al HTML del sitio. En WordPress, quien lo configure debe comprobar que el editor y los permisos permiten esa integración.
La página que rodea la agenda debería explicar qué se reserva: duración, modalidad, lugar o forma de conexión, precio aplicable y qué tiene que preparar la persona. En el estudio de música, sería útil distinguir una clase individual de una sesión intensiva antes de mostrar los horarios. Si el cliente tiene que adivinar la diferencia, el calendario llega demasiado pronto.
El flujo básico queda así: servicio → horario disponible → datos necesarios → confirmación comprensible. Prueba también el camino de quien entra desde otra página de tu web. Para decidir la plataforma de conjunto, puedes consultar la comparación entre Shopify y WordPress según la función del negocio.
4. Configura las excepciones que ocurren en una semana normal
El horario de apertura no cuenta toda la historia. Reserva tiempo para las pausas, los días de cierre y las tareas que no aparecen como citas de clientes. Decide con cuánta antelación se puede reservar: una sesión para dentro de diez minutos puede ser imposible si necesitas preparar material.
Si también aceptas citas por teléfono o en persona, concreta dónde se registran. La web necesita consultar una agenda que refleje esa ocupación. Prueba una cita añadida manualmente y comprueba si desaparece la disponibilidad correspondiente; que dos calendarios estén «conectados» no demuestra que todas sus entradas bloqueen horas.
La configuración de citas de Google Calendar, por ejemplo, contempla duración, márgenes, límites de antelación y calendarios consultados para disponibilidad. Algunas funciones dependen de la cuenta o suscripción. Estas opciones ilustran qué revisar, sin asumir que tu herramienta las incluya todas.
Deja previsto qué ocurre cuando alguien cancela o cambia de hora. Comprueba si el hueco vuelve a ofrecerse, cómo se avisa al negocio y qué instrucciones ve el cliente. Las condiciones comerciales y los textos que correspondan deben estar definidos antes de activar cobros; no los sustituyas por los mensajes predeterminados de la herramienta sin revisarlos.
También hace falta una persona responsable de actualizar vacaciones y horarios. Una agenda bien configurada al publicarse puede dejar de representar tu disponibilidad unas semanas después.
5. Haz estas pruebas antes de anunciar que ya se puede reservar
Usa datos de prueba y una franja controlada. Si hay pagos, emplea el modo de pruebas disponible y comprueba después qué cambia al pasar a producción. No confundas llegar a la pantalla de pago con completar el cobro.
- Reserva una sesión corta y comprueba que desaparezcan su duración y el margen previsto.
- Intenta reservar una sesión larga al final de la jornada. Debe rechazarse si no cabe completa.
- Añade una cita manual en la agenda utilizada por el negocio y revisa la disponibilidad pública.
- Intenta elegir un recurso ya ocupado, como la sala del ejemplo, aunque haya otra persona libre.
- Cancela o cambia una cita y verifica el estado final en ambos lados: cliente y negocio.
- Recorre el proceso desde el móvil y comprueba que los mensajes lleguen al destino previsto y expliquen la fecha, hora y servicio correctos.
- Bloquea un día excepcional de cierre y comprueba que nadie pueda reservarlo.
Anota lo esperado y lo que ocurre en cada prueba. Si no coinciden, revisa la regla antes de abrir esa opción al público. Nuestra guía para revisar una web desde el móvil ayuda a detectar obstáculos en el recorrido, además de los errores de agenda.
Si vas a encargar la web, entrega esas reglas junto al contenido de tus servicios. En MONTEDRA, la creación de webs WordPress permite definir la web de presentación y valorar las reservas según su alcance. Una agenda sencilla y un sistema con varios profesionales, recursos o cobros necesitan propuestas distintas; aplicaciones y licencias se concretan aparte.
Lleva al presupuesto el ejemplo de una jornada real, incluyendo sus excepciones. La guía para comparar presupuestos de diseño web te ayudará a dejar escritas las funciones y las pruebas de entrega. Así podrás comprobar algo más útil que si el calendario se ve bonito: que las citas que acepta sean citas que puedes atender.