Integrez un Widget de Réservation dans Votre Site Webflow
Ajoutez le widget de réservation SchedulingKit a Webflow en utilisant l'élément d'Intégration de Code Personnalise dans le Designer Webflow. Contrôle total sur le placement, le dimensionnement et le style - aucun plugin externe necessaire.
Plan gratuit à vie • Sans carte bancaire
Un widget de réservation pour Webflow est un calendrier intégrable qui permet aux visiteurs de prendre rendez-vous directement sur votre site Webflow sans quitter la page. SchedulingKit vous permet d’intégrer un widget de réservation gratuit sur Webflow en 2026. Voir tout Widget de réservation.
Comment ajouter un widget de réservation à Webflow
Suivez ces étapes pour intégrer le widget de réservation SchedulingKit sur votre site Webflow
Copier le code d'intégration
Récupérez le code HTML d'intégration depuis votre tableau de bord SchedulingKit dans la section Intégration.
Ouvrir le Designer Webflow
Ouvrez votre projet dans le Designer Webflow. Naviguez vers la page où vous souhaitez ajouter le widget de réservation.
Ajouter un élément d'intégration
Depuis le panneau Ajouter des éléments (touche A), faites glisser l'élément d'intégration (sous Composants) à l'endroit souhaité sur le canevas.
Coller et configurer
Double-cliquez sur l'élément d'intégration, collez le code d'intégration SchedulingKit, puis cliquez sur Enregistrer et Fermer. L'aperçu du widget apparaît sur le canevas.
Publier en staging ou en production
Cliquez sur Publier et choisissez votre domaine de staging ou personnalisé. Le widget devient actif avec votre site Webflow et respecte toutes les interactions et animations de Webflow.
Code d'intégration prêt à l'emploi pour Webflow
Copiez et collez cet extrait dans votre site Webflow 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é.
Webflow Fonctionnalités du widget
Fonctionnalités spécifiques à la plateforme qui font fonctionner le widget de réservation parfaitement sur Webflow
Designer-Native Embed
The Embed element sits on the Webflow canvas like any other element, position it using flexbox, grid, or absolute positioning.
CMS Integration
Use Webflow CMS to create dynamic booking pages where each collection item embeds a different booking widget based on a CMS field.
Interactions Support
Trigger Webflow interactions and animations when the widget loads or when a booking is confirmed, creating a polished user experience.
Responsive Breakpoints
Style the embed container differently at each Webflow breakpoint, desktop, tablet, mobile landscape, and mobile portrait.
Bonnes pratiques pour les widgets de réservation Webflow
Conseils pour tirer le meilleur parti de votre widget de réservation intégré sur Webflow
Wrap the Embed element in a div with a set min-height to prevent Cumulative Layout Shift during loading
Use Webflow's CMS to dynamically insert different booking page URLs per collection item
Place the widget in a section with an ID anchor so CTAs elsewhere on the page can scroll to it
For a site-wide floating button, add the pop-up widget script in Project Settings → Custom Code → Footer Code
Test on all four Webflow breakpoints to ensure the widget resizes gracefully
Questions sur le widget de réservation Webflow
Ajoutez un widget de réservation à Webflow dès aujourd'hui
Rejoignez des milliers d'entreprises qui intègrent des widgets de réservation sur Webflow avec SchedulingKit
Plan gratuit à vie • Sans carte bancaire