Ajoutez un Widget de Réservation a Votre Site Squarespace
Integrez le widget de réservation SchedulingKit sur Squarespace en utilisant un Bloc de Code ou l'Injection de Code a l'échelle du site. Les visiteurs peuvent prendre rendez-vous directement sur vos pages Squarespace magnifiquement conçues.
Plan gratuit à vie • Sans carte bancaire
Un widget de réservation pour Squarespace est un calendrier intégrable qui permet aux visiteurs de prendre rendez-vous directement sur votre site Squarespace sans quitter la page. SchedulingKit vous permet d’intégrer un widget de réservation gratuit sur Squarespace en 2026. Voir tout Widget de réservation.
Comment ajouter un widget de réservation à Squarespace
Suivez ces étapes pour intégrer le widget de réservation SchedulingKit sur votre site Squarespace
Copiez votre code d'intégration
Connectez-vous à votre tableau de bord SchedulingKit, allez dans la section Intégration et copiez le code HTML du widget pour votre page de réservation.
Ouvrez l'éditeur de page Squarespace
Accédez à Pages dans votre tableau de bord Squarespace, ouvrez la page où vous souhaitez placer le widget, puis cliquez sur Modifier.
Insérez un bloc de code
Cliquez sur un point d'insertion, sélectionnez Code dans le menu des blocs, puis collez le code d'intégration SchedulingKit dans le bloc de code.
Désactivez l'affichage du code source
Assurez-vous que le commutateur 'Afficher le code source' est désactivé afin que le widget s'affiche visuellement au lieu de montrer le HTML brut.
Enregistrez et publiez
Cliquez sur Enregistrer dans le bloc de code, puis publiez la page. Pour un widget flottant sur l'ensemble du site, collez le script dans Paramètres → Avancé → Injection de code (En-tête).
Code d'intégration prêt à l'emploi pour Squarespace
Copiez et collez cet extrait dans votre site Squarespace 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é.
Squarespace Fonctionnalités du widget
Fonctionnalités spécifiques à la plateforme qui font fonctionner le widget de réservation parfaitement sur Squarespace
Code Block Integration
Drop a single code block onto any Squarespace page to render the full booking calendar inline with your content.
Site-Wide Code Injection
Add the floating widget script via Squarespace's Header Code Injection to show a booking button on every page of your site.
Template Compatible
Works across all Squarespace templates, Brine, Bedford, Skye, and the new Fluid Engine layouts render the widget identically.
Custom CSS Support
Use Squarespace's Custom CSS panel to fine-tune the widget's spacing, borders, and shadows to match your design system.
Bonnes pratiques pour les widgets de réservation Squarespace
Conseils pour tirer le meilleur parti de votre widget de réservation intégré sur Squarespace
Use a Code Block instead of a Markdown block, Markdown blocks strip scripts and the widget won't load
Set a minimum height on the code block container via Custom CSS to prevent layout shifts
Place the inline widget on your booking or contact page and use Code Injection for the floating widget everywhere else
On Squarespace 7.1, use the Fluid Engine's drag-and-drop grid to position the code block precisely
Test the embed on Squarespace's built-in device preview before publishing
Questions sur le widget de réservation Squarespace
Ajoutez un widget de réservation à Squarespace dès aujourd'hui
Rejoignez des milliers d'entreprises qui intègrent des widgets de réservation sur Squarespace avec SchedulingKit
Plan gratuit à vie • Sans carte bancaire