Es domingo en la noche y alguien con dolor de hombro por fin decide atenderse. Encuentra tu sitio web, le gusta lo que lee y toca “Agendar”. Se abre otra página, con otra dirección y otro diseño. Elige el servicio, elige a la fisioterapeuta y llega a un calendario donde todos los días se ven igual de libres. Toca el martes: nada. El miércoles: nada. El jueves hay un solo horario, a las 7:30 de la mañana. Para el viernes ya cerró la pestaña y pensó “mejor llamo el lunes”. Si se acuerda.
Ahí fallaron dos cosas, y ninguna fue culpa del paciente. Tu sitio web, el que pagaste y mantienes al día, solo podía mandarlo a otro lado. Y el calendario lo puso a adivinar. Acabamos de resolver las dos.
Un calendario que responde antes del clic
En el paso “Elige fecha y hora” de tu página de reservas, cada día del mes ahora aparece con color antes de que el paciente elija. Verde quiere decir que hay horarios libres. Ámbar, que quedan tres o menos. Un día sin nada disponible aparece en gris y tachado, y no se puede seleccionar.
Debajo del calendario hay una pequeña leyenda que explica los colores, y al pasar el cursor sobre un día ámbar se ve cuántos horarios quedan exactamente. Si el mes entero está lleno, el calendario lo dice y ofrece un enlace para revisar el mes siguiente, en lugar de dejar que el paciente lo recorra día por día.
Los colores solo sirven si son correctos, así que se calculan con las mismas reglas que la lista de horarios que el paciente ve después: el horario de trabajo del profesional, sus días libres y los días con horario especial, el margen entre citas, su límite de citas por día, con cuánta anticipación se puede agendar y los días de la semana que hayas cerrado a las reservas en línea. Un día verde no va a abrir una lista vacía. Los horarios que ya empezaron no cuentan, y “hoy” es hoy en la zona horaria de tu consultorio, no en la del paciente.
Los colores se calculan para el servicio y el profesional que eligió el paciente, así que una valoración de 90 minutos y un seguimiento de 30 pueden pintar el mismo día de forma distinta. Y si por algo los colores no cargan, cada día futuro se muestra normal y se puede elegir, como antes. Agendar nunca depende de ellos.
Tu sitio web ya puede recibir la cita
La segunda mejora es para el callejón sin salida. El widget de reservas pone todo tu flujo de reserva dentro de tu propio sitio web, en la página que tú elijas: la de inicio, la de tratamientos o la de un profesional. El paciente no sale de tu sitio.
genko:booked { paymentRequired: false }
Es el mismo flujo de tu portal del paciente, con los mismos cinco pasos: servicio, profesional, fecha y hora, datos y confirmación. Usa el mismo color de tu portal y el mismo calendario con colores. Cada paso tiene una altura distinta, así que el widget se ajusta solo mientras el paciente avanza. No hay una barra de desplazamiento interna ni un espacio en blanco al final de tu página.
También puedes preseleccionar un servicio, un profesional o ambos. Si eliges los dos, el widget abre directo en el calendario, ideal para la página de un tratamiento o para el perfil de un profesional. Si solo eliges el servicio, el paciente empieza eligiendo al profesional.
Dos partes del flujo se abren en otra pestaña, a propósito. Iniciar sesión con una cuenta de paciente se hace en tu portal, no dentro de tu sitio. Y si un servicio se paga por adelantado, el widget aparta el horario y abre la página de pago segura en otra pestaña, porque las páginas de pago no se dejan cargar dentro de otro sitio. La cita queda confirmada cuando se paga.
El widget siempre funciona sin sesión iniciada. Aunque un visitante tenga abierta su sesión del portal en otra pestaña, el widget nunca actúa con ella, así que nadie puede engañar a un paciente para que agende desde una página que no quería usar.
Un botón de reserva para todo lo demás
No todos los lugares donde llegas a tus pacientes aceptan un flujo de reserva completo. Una firma de correo no. Una página de enlaces en tu perfil de Instagram tampoco. Y algunos creadores de sitios solo te dejan agregar un botón. Para eso está el botón de reserva: un enlace con estilo que abre tu página de reservas en otra pestaña.
Tú eliges el texto, el color del botón y el del texto, si es sólido o de contorno, si es cuadrado, redondeado o en forma de píldora, y entre tres tamaños. También eliges si abre la versión en español o en inglés de tu página de reservas, algo útil si atiendes pacientes en los dos idiomas. El color empieza con el de tu portal, así que combina desde el primer momento.
El botón es un solo enlace <a> con sus estilos incluidos. No carga ningún script ni hoja de estilos, por eso se ve igual donde lo pegues. Y si solo necesitas la dirección, también está el enlace directo, listo para un WhatsApp, un código QR o tus redes sociales.
Todo se arma en un solo panel, con vista previa
Los tres se configuran en Configuración → Integraciones → Agenda → Reservas en línea. Arriba eliges si quieres preseleccionar un servicio o un profesional, y luego cambias entre el widget, el botón y el enlace directo. Lo que preselecciones se aplica a los tres.
La vista previa del botón se dibuja con exactamente el código que copias: lo que ves es lo que vas a obtener. La pestaña del widget muestra el flujo de reserva real, en vivo. Eso significa que las citas que se agenden en la vista previa son reales, así que usa un paciente de prueba si quieres probarlo completo. Cuando te guste, copia el fragmento y pégalo en tu sitio:
<div data-genko-book="lakeside-physio"></div>
<script src="https://www.getgenko.com/book.js" async></script>
// opcional: cuenta las reservas en tu analítica
<script>
document.querySelector('[data-genko-book]')
.addEventListener('genko:booked', () => {
window.dataLayer?.push({ event: 'genko_booked' })
})
</script>Esa es toda la instalación. Cada vez que un paciente agenda, el widget dispara un evento genko:booked en su contenedor, que puedes mandar a tu analítica si quieres saber qué página te trae más citas. El evento no lleva datos del paciente, solo si falta el pago.
Algunos creadores de sitios eliminan los scripts de todo lo que pegas. Para esos casos marca la opción “Mi constructor de sitios elimina las etiquetas script” y obtienes un iframe simple. Funciona igual, pero tiene una altura fija y no dispara el evento de reserva. La guía del widget de reservas explica las dos opciones.
Qué necesitas y qué esperar
Las reservas desde tu propio sitio están incluidas a partir del plan Solo. El widget, el botón y el enlace abren el flujo de reserva de tu portal del paciente, así que el portal tiene que estar activado. Si no lo está, el panel te avisa y te lleva directo a la configuración del portal. El panel lo ven los dueños y los administradores.
El widget muestra exactamente lo que ya muestra tu portal público: tus servicios, tus profesionales y tus horarios libres. Ponerlo en tu sitio no expone nada más. En los planes Solo y Starter, el widget lleva al final una pequeña línea de “Scheduling by Genkō”; a partir de Group puedes ocultarla, igual que en el portal.
Revisa los precios para ver qué incluye cada plan.
Que tus pacientes agenden en tu sitio, y vean cuándo tienes lugar.
El calendario con colores ya está en todas las páginas de reserva de Genkō. El widget, el botón y el enlace directo se configuran en unos minutos desde Configuración → Integraciones, a partir del plan Solo.
Leer la guía del widget de reservas →