Cómo añadir el widget de reservas de Schedito a WordPress
La forma más sencilla para un usuario de WordPress no técnico es instalar WPCode una sola vez, cargar desde allí el CSS y JavaScript compartidos de Schedito y colocar en la página de reservas únicamente el DIV específico del calendario.
Esta guía sigue exactamente ese método. No necesitas editar el tema de WordPress, modificar archivos PHP ni instalar un plugin específico de Schedito.
Antes de empezar
Un calendario de Schedito funcionando
Configura los servicios, recursos y disponibilidad que los clientes podrán reservar antes de publicar el widget.
Acceso de administrador a WordPress
Necesitas permiso para instalar y activar un plugin y para crear o editar páginas.
El código de tu widget de Schedito
Abre el código del widget en Schedito y ten preparados el enlace CSS, el script JavaScript y el DIV específico del calendario.
1. Instala WPCode
En WordPress abre Plugins → Añadir nuevo plugin y busca WPCode. Instálalo y actívalo.
WPCode permite añadir el CSS y JavaScript de Schedito globalmente sin editar archivos del tema. Solo necesitas configurar esta parte una vez por sitio.
2. Añade el CSS y JavaScript de Schedito en WPCode
Abre Code Snippets → Header & Footer en WordPress.
Pega la etiqueta completa <link> del CSS de Schedito en Header. Pega la etiqueta completa <script> de JavaScript en Footer. Deja Body vacío.
Haz clic en Save Changes. No elimines las etiquetas <link> o <script>: copia los elementos completos exactamente como los proporciona Schedito.
3. Crea la página de reservas y añade el widget
Abre Páginas → Añadir nueva página y crea una página como Reservar, Reservas o Citas.
Añade un bloque HTML personalizado. Puedes buscarlo o escribir /html en un bloque nuevo.
Desde Schedito copia únicamente el DIV del widget específico del calendario y pégalo en ese bloque. No vuelvas a pegar CSS ni JavaScript: WPCode ya los carga.
Publica la página. Si quieres que los clientes accedan desde la navegación principal, añade la nueva página al menú o navegación de WordPress.
Qué va dónde
WPCode Header: <link> CSS de Schedito — una vez por sitio.
WPCode Footer: <script> JavaScript de Schedito — una vez por sitio.
Página de reservas → bloque HTML personalizado: el <div> específico del calendario — uno por cada calendario que quieras mostrar.
Mantener estas tres piezas separadas evita scripts duplicados y facilita añadir más calendarios de Schedito después.
4. Publica y prueba como un cliente
Abre la página realmente publicada y completa una reserva de principio a fin.
Abre la página pública
Prueba la página publicada, no solo la vista previa del editor de WordPress. Confirma que aparezca la interfaz de Schedito.
Completa una reserva
Selecciona servicio, fecha y hora y envía una reserva de prueba real. Verifica que aparezca dentro de Schedito.
Comprueba también el móvil
Abre la página en un teléfono o en una ventana estrecha y comprueba que el widget siga siendo usable y tenga el tamaño correcto.
Widget de reservas WordPress: solución de problemas
Comprueba por separado las tres partes: el DIV debe estar en la página, el enlace CSS en WPCode Header y el script JavaScript en WPCode Footer. Verifica también que los cambios se hayan guardado y que ningún plugin de caché, seguridad u optimización bloquee los recursos.
Mueve el enlace CSS a WPCode Header y el script JavaScript a WPCode Footer. Deja únicamente el DIV específico del calendario en el bloque HTML personalizado.
En la administración de WordPress abre Code Snippets → Header & Footer. Para esta configuración no necesitas crear snippets PHP o JavaScript separados.
Probablemente la integración con WordPress funciona. Comprueba Schedito: servicio, recursos necesarios, disponibilidad recurrente, excepciones por fecha, reservas existentes y calendarios externos conectados.
Comprueba la anchura, el padding y el diseño del bloque o contenedor de WordPress que rodea el widget. Evita columnas fijas innecesariamente estrechas.
Limpia las cachés de WordPress, CDN y navegador. Si un plugin de optimización retrasa o reescribe JavaScript, excluye el recurso de Schedito cuando esa optimización impida que cargue correctamente.
Tu sitio WordPress ya está conectado a Schedito
A partir de ahora gestiona servicios, disponibilidad, calendarios y apariencia del widget en Schedito. En WordPress solo permanecen la conexión compartida de CSS/JavaScript y el DIV en los lugares donde quieras mostrar reservas.
Empezar gratisResumen de reservas en WordPress
Explorar todas las guías de Schedito · Personalización del widget · Sincronización con Google Calendar