Agrega un Widget de Reservas a tu Sitio Framer
Inserta el widget de reservas de SchedulingKit en Framer usando un componente de Insercion de Codigo. Colocalo en cualquier página o sección de Framer y pública - tus visitantes reservan directamente en tu sitio Framer de alto rendimiento.
Plan gratuito para siempre • Sin tarjeta de crédito
Un widget de reservas para Framer es un calendario integrable que permite a los visitantes programar citas directamente en tu sitio web de Framer sin salir de la página. SchedulingKit te permite insertar un widget de reservas gratuito en Framer en 2026. Ver todo Widget de reservas.
Cómo agregar un widget de reservas a Framer
Sigue estos pasos para integrar el widget de reservas de SchedulingKit en tu sitio Framer
Copie el código de inserción
Obtenga el fragmento HTML de la sección de inserción del panel de control de SchedulingKit.
Abra su proyecto en Framer
Inicie su proyecto en el editor web de Framer y navegue hasta la página donde desea el widget.
Inserte un código de inserción
Presione / para abrir el menú de inserción, busque 'Embed' y seleccione el componente HTML Embed. Colóquelo en su lienzo.
Pegue el fragmento
Haga clic en el componente Embed, pegue el código de SchedulingKit en el campo HTML y ajuste el tamaño del componente para que se adapte a su diseño.
Código de integración listo para Framer
Copia y pega este fragmento en tu sitio Framer 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.
Framer Funciones del widget
Funciones específicas de la plataforma que hacen que el widget de reservas funcione perfectamente en Framer
Code Embed Component
Framer's native code embed renders the widget directly on the canvas with full layout control via the properties panel.
Breakpoint Responsive
Adjust the embed's dimensions per breakpoint so the widget fits perfectly on desktop, tablet, and mobile.
Framer Motion Compatible
Wrap the embed in a Framer Motion container to animate it into view with scroll-triggered or page-load animations.
CMS-Driven Booking Pages
Use Framer's CMS to create dynamic service pages, each with a unique booking widget powered by a CMS field.
Mejores prácticas para widgets de reserva en Framer
Consejos para aprovechar al máximo tu widget de reservas integrado en Framer
Set the embed component to fill width and use a fixed height of at least 600px for the full calendar view
Use Framer's built-in interactions to reveal the widget on scroll for a more engaging experience
For a floating booking button, add the pop-up widget script in your project's Custom Code settings
Preview the page in Framer's live preview before publishing to verify the widget loads correctly
Leverage Framer CMS to dynamically assign different booking URLs per service page
Preguntas sobre el widget de reservas de Framer
Añade un widget de reserva a Framer hoy
Únete a miles de empresas que integran widgets de reserva en Framer con SchedulingKit
Plan gratuito para siempre • Sin tarjeta de crédito