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 pagina o seccion de Framer y publica - 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
Copy the Embed Code
Get the HTML snippet from your SchedulingKit dashboard's Embed section.
Open Your Framer Project
Launch your project in the Framer web editor and navigate to the page where you want the widget.
Insert a Code Embed
Press / to open the insert menu, search for 'Embed', and select the HTML Embed component. Place it on your canvas.
Paste the Snippet
Click the Embed component, paste the SchedulingKit code into the HTML field, and resize the component to fit your layout.
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
La insercion se previsualiza en el editor de Framer?
Framer muestra una vista previa en vivo de las inserciones HTML en el lienzo. Veras el widget renderizandose en tiempo real mientras disenas tu pagina.
Puedo usar el widget en el plan gratuito de Framer?
Si. Los componentes de Insercion de Codigo estan disponibles en todos los planes de Framer. Publicar en un dominio personalizado requiere un plan pagado, pero puedes probar el widget en el subdominio gratuito framer.app.
El widget hara mas lento mi sitio Framer?
No. Los sitios Framer se generan estaticamente y el widget se carga de forma asincrona. La puntuacion de rendimiento de tu sitio no se ve afectada.
Puedo activar el widget de reservas desde un boton de Framer?
Si. Usa el modo de widget pop-up y activalo via un evento JavaScript onclick en cualquier componente de boton de Framer usando la funcion Code Override.
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