Ajoutez un Widget de Réservation a Votre Site Framer
Integrez le widget de réservation SchedulingKit dans Framer en utilisant un composant d'Intégration de Code. Deposez-le sur n'importe quelle page ou section Framer et publiez - vos visiteurs reservent directement sur votre site Framer haute performance.
Plan gratuit à vie • Sans carte bancaire
Un widget de réservation pour Framer est un calendrier intégrable qui permet aux visiteurs de prendre rendez-vous directement sur votre site Framer sans quitter la page. SchedulingKit vous permet d’intégrer un widget de réservation gratuit sur Framer en 2026. Voir tout Widget de réservation.
Comment ajouter un widget de réservation à Framer
Suivez ces étapes pour intégrer le widget de réservation SchedulingKit sur votre site Framer
Copiez le code d'intégration
Obtenez le extrait HTML depuis la section Intégration de votre tableau de bord SchedulingKit.
Ouvrez votre projet Framer
Lancez votre projet dans l'éditeur web Framer et naviguez vers la page où vous souhaitez ajouter le widget.
Insérez un code d'intégration
Appuyez sur / pour ouvrir le menu d'insertion, recherchez 'Intégration', et sélectionnez le composant HTML d'intégration. Placez-le sur votre toile.
Collez le extrait
Cliquez sur le composant d'intégration, collez le code SchedulingKit dans le champ HTML, et redimensionnez le composant pour l'adapter à votre mise en page.
Code d'intégration prêt à l'emploi pour Framer
Copiez et collez cet extrait dans votre site Framer pour ajouter un widget de réservation instantanément :
<!-- 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>
Remplacez YOUR-BUSINESS par l'URL de votre page de réservation SchedulingKit. Créez votre compte gratuit pour obtenir votre code d'intégration personnalisé.
Framer Fonctionnalités du widget
Fonctionnalités spécifiques à la plateforme qui font fonctionner le widget de réservation parfaitement sur 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.
Bonnes pratiques pour les widgets de réservation Framer
Conseils pour tirer le meilleur parti de votre widget de réservation intégré sur 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
Questions sur le widget de réservation Framer
Ajoutez un widget de réservation à Framer dès aujourd'hui
Rejoignez des milliers d'entreprises qui intègrent des widgets de réservation sur Framer avec SchedulingKit
Plan gratuit à vie • Sans carte bancaire