Integrez un Widget de Reservation dans Votre Site Webflow
Ajoutez le widget de reservation SchedulingKit a Webflow en utilisant l'element d'Integration de Code Personnalise dans le Designer Webflow. Controle 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
Copy Embed Snippet
Grab the HTML embed code from your SchedulingKit dashboard under the Embed section.
Open Webflow Designer
Open your project in the Webflow Designer. Navigate to the page where you want to add the booking widget.
Add an Embed Element
From the Add Elements panel (A key), drag the Embed element (under Components) into your desired position on the canvas.
Paste and Configure
Double-click the Embed element, paste the SchedulingKit snippet, and click Save & Close. The widget preview appears on the canvas.
Publish to Staging or Production
Click Publish and choose your staging or custom domain. The widget goes live with your Webflow site and respects all Webflow interactions and animations.
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
Le widget s'affiche-t-il en apercu dans le Designer Webflow ?
L'integration affiche un espace reserve sur le canevas du Designer. Pour voir le widget en direct, utilisez le mode Apercu de Webflow ou publiez sur votre domaine de staging.
Puis-je utiliser le widget sur les pages de collection CMS Webflow ?
Oui. Ajoutez un champ texte brut du CMS pour l'URL de la page de reservation, puis referencez-le dans l'element d'Integration en utilisant la fonctionnalite d'integration dynamique de Webflow. Chaque element de collection affichera son propre widget de reservation.
Le widget fonctionnera-t-il sur le forfait gratuit de Webflow ?
L'element d'Integration est disponible sur tous les forfaits Webflow, y compris le forfait Starter gratuit. Cependant, la publication sur un domaine personnalise et l'Injection de Code a l'echelle du site necessitent un forfait site payant.
Cela affecte-t-il les performances du site Webflow ?
Non. Le script du widget se charge de maniere asynchrone apres le contenu de votre page et pese moins de 30 Ko. Il n'a aucun impact sur le score Lighthouse de votre site 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