Ajoutez un Widget de Réservation a N'importe Quel Site Web HTML
Integrez le widget de réservation SchedulingKit sur n'importe quelle page HTML avec une seule balise script. Fonctionne sur les sites statiques, les sites web personnalises, les frameworks SPA et toute plateforme supportant le HTML - la méthode d'installation universelle.
Plan gratuit à vie • Sans carte bancaire
Un widget de réservation pour HTML est un calendrier intégrable qui permet aux visiteurs de prendre rendez-vous directement sur votre site HTML sans quitter la page. SchedulingKit vous permet d’intégrer un widget de réservation gratuit sur HTML en 2026. Voir tout Widget de réservation.
Comment ajouter un widget de réservation à HTML
Suivez ces étapes pour intégrer le widget de réservation SchedulingKit sur votre site HTML
Copiez le code d'intégration
Obtenez le fragment HTML depuis votre tableau de bord SchedulingKit. Il comprend une seule balise <script> et un élément conteneur <div>.
Ouvrez votre fichier HTML
Ouvrez le fichier HTML pour la page où vous souhaitez que le widget apparaisse dans votre éditeur de code, VS Code, Sublime Text ou tout autre éditeur.
Collez l'élément Div
Ajoutez l'élément <div id='schedulingkit-widget'></div> à l'endroit où vous souhaitez que le calendrier de réservation s'affiche dans le corps de votre page.
Ajoutez la balise Script
Collez la balise <script> juste avant la balise de fermeture </body>. Cela charge le widget de manière asynchrone après le contenu de votre page.
Déployez et vérifiez
Déployez votre fichier HTML mis à jour auprès de votre fournisseur d'hébergement. Ouvrez la page dans un navigateur et confirmez que le widget se charge et fonctionne correctement.
Code d'intégration prêt à l'emploi pour HTML
Copiez et collez cet extrait dans votre site HTML 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é.
HTML Fonctionnalités du widget
Fonctionnalités spécifiques à la plateforme qui font fonctionner le widget de réservation parfaitement sur HTML
Universal Compatibility
A plain HTML embed works on any web platform, hosting provider, or framework, it's the most flexible installation method.
Framework Agnostic
Works with React, Vue, Angular, Svelte, Astro, Next.js, and any JavaScript framework. Just render the div and load the script.
CDN-Delivered Script
The widget script is served from a global CDN with edge caching, ensuring fast load times from any location worldwide.
Event API
Listen to JavaScript events like booking-confirmed or slot-selected to trigger custom logic, analytics, or redirect flows in your application.
Bonnes pratiques pour les widgets de réservation HTML
Conseils pour tirer le meilleur parti de votre widget de réservation intégré sur HTML
Place the <script> tag before </body> (not in <head>) for the best page load performance
Add a CSS min-height on the widget container to prevent layout shifts while the script loads
Use the data attributes on the div element to configure the widget without touching JavaScript
For SPAs, initialize the widget after your router mounts the target DOM element
Add the async attribute to the script tag if your build tool doesn't already handle it
Questions sur le widget de réservation HTML
Ajoutez un widget de réservation à HTML dès aujourd'hui
Rejoignez des milliers d'entreprises qui intègrent des widgets de réservation sur HTML avec SchedulingKit
Plan gratuit à vie • Sans carte bancaire