Cómo añadir reservas online a tu sitio web actual
No necesitas rehacer tu sitio web ni sustituir tu CMS para empezar a aceptar reservas online. Con Schedito, configuras por separado los servicios, los recursos y la disponibilidad, y después añades el widget de reservas a la página en la que quieres que reserven tus clientes.
Esta guía explica el proceso general. Los pasos concretos del editor varían entre WordPress, Wix, Webflow, Squarespace, Joomla y los sitios web personalizados, pero la arquitectura de reservas sigue siendo la misma.
Lo que necesitas antes de empezar
Acceso a tu sitio web
Necesitas acceso a la página o plantilla en la que se pueda añadir HTML, contenido incrustado o código personalizado.
Un calendario de reservas configurado
Tu calendario de Schedito ya debería contener los servicios, recursos y la disponibilidad que quieres que tus clientes puedan reservar.
Unos minutos para hacer pruebas
Después de publicar el widget, realiza una reserva de prueba real y comprueba toda la experiencia del cliente antes de promocionar la página.
1. Configura lo que pueden reservar tus clientes
Empieza en Schedito, no en el editor de tu sitio web. Crea el calendario de reservas y añade los servicios que tus clientes deberían poder elegir.
Para cada servicio, configura la duración adecuada y asocia las personas u otros recursos necesarios para prestarlo. Los recursos pueden representar miembros del personal, salas, equipamiento o la capacidad utilizada por una sesión o evento compartido.
Esta separación es importante: tu sitio web muestra la experiencia de reserva, mientras que Schedito sigue siendo responsable de la configuración de las reservas.
Lo que reserva el cliente
Cuánto tiempo requiere la reserva
Quién o qué se necesita para prestarlo
09:00–17:00
Cerrado u horario diferente
Disponible únicamente en una fecha y hora seleccionadas
2. Define cuándo están disponibles las reservas
Configura la disponibilidad recurrente habitual de las personas o recursos implicados. Después añade excepciones para fechas concretas cuando no deba aplicarse el horario normal.
Esto te permite representar horarios de trabajo habituales, festivos, cierres, periodos especiales de apertura y sesiones que solo existen en una fecha determinada.
Schedito calcula los horarios de reserva a partir de estas reglas, en lugar de obligarte a crear manualmente y por adelantado cada posible franja horaria.
3. Añade el widget de reservas de Schedito a tu sitio web
Elige la página donde las reservas tengan más sentido, por ejemplo una página Reservar ahora, Citas, Contacto o una página específica de un servicio.
Añade el contenedor del widget de Schedito utilizando los identificadores de organización y de calendario público de tu calendario de reservas. Tu sitio web también debe cargar los recursos del widget de Schedito necesarios para la integración.
En un constructor de sitios web normalmente se coloca dentro de un componente HTML, de inserción o de código personalizado. En un sitio web a medida puede añadirse directamente a la plantilla correspondiente.
Ejemplo de contenedor del widget
<div class="schedito-widget"
data-organization-id="YOUR_ORGANIZATION_ID"
data-calendar-public-id="YOUR_CALENDAR_PUBLIC_ID">
</div>Ahora elige tu plataforma web
El modelo de reservas de Schedito sigue siendo el mismo, pero la mejor forma de colocar los tres elementos del widget depende de cómo esté construido tu sitio web.
WordPress
Utiliza las instrucciones específicas para WordPress para cargar los recursos compartidos de Schedito y colocar el calendario de reservas en tu sitio.
Wix
Sigue la integración específica para Wix basada en iframe, donde el CSS de Schedito, el DIV del widget y el JavaScript permanecen juntos dentro del HTML incrustado.
Webflow
Utiliza código personalizado de Webflow para los recursos compartidos y un Code Embed donde deba aparecer el calendario de reservas.
Squarespace
Utiliza Squarespace Code Injection para los recursos compartidos y un Code Block para el widget específico del calendario.
Joomla
Carga los recursos frontend compartidos a nivel del sitio o de la plantilla y coloca calendarios individuales mediante módulos Custom de Joomla.
Sitio web personalizado
Integra Schedito directamente con tu propia arquitectura HTML, CSS y JavaScript.
4. Haz pruebas antes de enviar allí a tus clientes
Una página de reservas forma parte del recorrido de tu cliente. Pruébala como cliente, no solo como la persona que la configuró.
Prueba el recorrido del cliente
Abre la página publicada como un visitante normal. Selecciona un servicio, una fecha y una hora y completa una reserva de prueba de principio a fin.
Comprueba la disponibilidad
Verifica que los horarios mostrados coincidan con las reglas de disponibilidad, las excepciones, las reservas existentes y las restricciones de los calendarios conectados.
Comprueba el móvil y el tema
Prueba el widget en una pantalla más pequeña y confirma que su presentación clara u oscura y sus ajustes visuales encajan con el sitio web que lo rodea.
Preguntas habituales al integrar reservas online
Primero comprueba que los identificadores de organización y calendario sean correctos y que la página cargue los recursos necesarios del widget de Schedito. Revisa también la consola del navegador por si hay scripts bloqueados, restricciones de Content Security Policy u otros errores del frontend.
Si utilizas un constructor de sitios web, confirma que permite el contenido incrustado necesario y que no elimina ni reescribe el marcado del widget al publicar la página.
Que el widget funcione no significa automáticamente que existan horarios reservables. Comprueba que el servicio esté disponible a través del calendario, que los recursos necesarios tengan disponibilidad y que las excepciones para fechas concretas no estén cerrando el periodo solicitado.
Las reservas existentes, los límites de capacidad y los compromisos de calendarios externos conectados también pueden eliminar horarios que, de otro modo, estarían disponibles.
Coloca el widget dentro de un contenedor de página adaptable en lugar de forzarlo dentro de un elemento de ancho fijo. Comprueba también las reglas de relleno y anchura heredadas del tema de tu sitio web.
El widget de Schedito está diseñado para adaptarse a distintos tamaños de pantalla, pero el diseño del sitio web que lo rodea sigue determinando cuánto espacio útil recibe.
Sí. Schedito admite propiedades visuales configurables, colores individuales y modos de presentación claro u oscuro. Elige el modo que encaje con la página y ajusta después el estilo según sea necesario.
Los planes que lo permiten también ofrecen opciones adicionales de marca. Recuerda que la coherencia visual y la accesibilidad están relacionadas, pero no son lo mismo: el contraste y la legibilidad deben comprobarse en toda la página.
Normalmente tendrás que colocar el widget en el nuevo sitio web, pero tu configuración de reservas de Schedito seguirá separada. Los servicios, recursos, la disponibilidad y los datos de reservas no tienen que reconstruirse solo porque haya cambiado el CMS o el frontend.
¿Necesitas instrucciones para tu plataforma web concreta?
El principio de integración es el mismo en todos los sitios web, pero los pasos del editor varían. Las guías específicas de Schedito para WordPress, Wix, Webflow, Squarespace, Joomla, y sitios web personalizados explicarán exactamente dónde y cómo añadir el widget.
Explorar los recursos de Schedito · Ver cómo funciona Schedito · Explorar el widget de reservas