Ajoutez un Widget de Reservation a Votre Site Framer
Integrez le widget de reservation SchedulingKit dans Framer en utilisant un composant d'Integration 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
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.
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
L'integration s'affiche-t-elle en apercu dans l'editeur Framer ?
Framer affiche un apercu en direct des integrations HTML sur le canevas. Vous verrez le widget se charger en temps reel pendant que vous concevez votre page.
Puis-je utiliser le widget sur le forfait gratuit de Framer ?
Oui. Les composants d'Integration de Code sont disponibles sur tous les forfaits Framer. La publication sur un domaine personnalise necessite un forfait payant, mais vous pouvez tester le widget sur le sous-domaine gratuit framer.app.
Le widget va-t-il ralentir mon site Framer ?
Non. Les sites Framer sont generes de maniere statique et le widget se charge de maniere asynchrone. Le score de performance de votre site reste intact.
Puis-je declencher le widget de reservation depuis un bouton Framer ?
Oui. Utilisez le mode widget pop-up et declenchez-le via un evenement JavaScript onclick sur n'importe quel composant bouton Framer en utilisant la fonctionnalite Code Override.
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