Ajoutez un Widget de Reservation a N'importe Quel Site Web HTML
Integrez le widget de reservation 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 methode 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
Copy the Embed Code
Get the HTML snippet from your SchedulingKit dashboard. It includes a single <script> tag and a <div> container element.
Open Your HTML File
Open the HTML file for the page where you want the widget in your code editor — VS Code, Sublime Text, or any editor.
Paste the Div Element
Add the <div id='schedulingkit-widget'></div> element where you want the booking calendar to render in your page body.
Add the Script Tag
Paste the <script> tag just before the closing </body> tag. This loads the widget asynchronously after your page content.
Deploy and Verify
Deploy your updated HTML file to your hosting provider. Open the page in a browser and confirm the widget loads and functions correctly.
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
L'integration fonctionne-t-elle sur les sites HTML statiques ?
Oui. Le widget ne necessite qu'un element <div> et une balise <script>. Aucun rendu cote serveur, base de donnees ni outil de build n'est necessaire. Il fonctionne sur des fichiers HTML statiques heberges n'importe ou - GitHub Pages, Netlify, Vercel, S3 ou un serveur web traditionnel.
Puis-je utiliser le widget avec React, Vue ou Angular ?
Absolument. Rendez le div conteneur dans le template de votre composant et chargez le script dans un hook useEffect (React), cycle de vie mounted (Vue) ou ngAfterViewInit (Angular). Le widget s'attache a l'element DOM independamment de la maniere dont il a ete rendu.
Le widget supporte-t-il la Content Security Policy (CSP) ?
Oui. Ajoutez le domaine CDN de SchedulingKit a vos directives script-src et connect-src de CSP. La configuration CSP detaillee est disponible dans la documentation SchedulingKit.
Puis-je auto-heberger le script du widget ?
Nous recommandons d'utiliser le script heberge sur CDN pour les mises a jour automatiques et un cache optimal. Cependant, le script peut etre telecharge et auto-heberge si votre politique de securite l'exige.
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