Agrega un Widget de Reservas a Cualquier Sitio Web HTML
Inserta el widget de reservas de SchedulingKit en cualquier página HTML con una única etiqueta script. Funciona en sitios estaticos, sitios web personalizados, frameworks SPA y cualquier plataforma que soporte HTML - el método de instalacion universal.
Plan gratuito para siempre • Sin tarjeta de crédito
Un widget de reservas para HTML es un calendario integrable que permite a los visitantes programar citas directamente en tu sitio web de HTML sin salir de la página. SchedulingKit te permite insertar un widget de reservas gratuito en HTML en 2026. Ver todo Widget de reservas.
Cómo agregar un widget de reservas a HTML
Sigue estos pasos para integrar el widget de reservas de SchedulingKit en tu sitio HTML
Copie el código de inserción
Obtenga el fragmento HTML desde su panel de control de SchedulingKit. Incluye una única etiqueta <script> y un elemento contenedor <div>.
Abra su archivo HTML
Abra el archivo HTML para la página donde desea que aparezca el widget en su editor de código, como VS Code, Sublime Text o cualquier editor.
Pegue el elemento Div
Añada el elemento <div id='schedulingkit-widget'></div> donde desea que se muestre el calendario de reservas en el cuerpo de su página.
Añada la etiqueta Script
Pegue la etiqueta <script> justo antes de la etiqueta de cierre </body>. Esto carga el widget de forma asíncrona después del contenido de su página.
Despliegue y verifique
Despliegue su archivo HTML actualizado en su proveedor de hosting. Abra la página en un navegador y confirme que el widget se carga y funciona correctamente.
Código de integración listo para HTML
Copia y pega este fragmento en tu sitio HTML para agregar un widget de reservas al instante:
<!-- SchedulingKit Booking Widget --> <div id="schedulingkit-widget"></div> <script src="https://widget.schedulingkit.com/embed.js" data-url="https://app.schedulingkit.com/YOUR-BUSINESS" data-style="inline" data-primary-color="#4F46E5" async> </script>
Reemplaza YOUR-BUSINESS con la URL de tu página de reservas de SchedulingKit. Crea tu cuenta gratuita para obtener tu código de integración personalizado.
HTML Funciones del widget
Funciones específicas de la plataforma que hacen que el widget de reservas funcione perfectamente en HTML
Universal Compatibility
A plain HTML embed works on any web platform, hosting provider, or framework, it's the most flexible installation method.
Framework Agnostic
Works with React, Vue, Angular, Svelte, Astro, Next.js, and any JavaScript framework. Just render the div and load the script.
CDN-Delivered Script
The widget script is served from a global CDN with edge caching, ensuring fast load times from any location worldwide.
Event API
Listen to JavaScript events like booking-confirmed or slot-selected to trigger custom logic, analytics, or redirect flows in your application.
Mejores prácticas para widgets de reserva en HTML
Consejos para aprovechar al máximo tu widget de reservas integrado en HTML
Place the <script> tag before </body> (not in <head>) for the best page load performance
Add a CSS min-height on the widget container to prevent layout shifts while the script loads
Use the data attributes on the div element to configure the widget without touching JavaScript
For SPAs, initialize the widget after your router mounts the target DOM element
Add the async attribute to the script tag if your build tool doesn't already handle it
Preguntas sobre el widget de reservas de HTML
Añade un widget de reserva a HTML hoy
Únete a miles de empresas que integran widgets de reserva en HTML con SchedulingKit
Plan gratuito para siempre • Sin tarjeta de crédito