Fuegen Sie ein Buchungs-Widget zu Ihrer Squarespace-Seite Hinzu
Betten Sie das SchedulingKit Buchungs-Widget auf Squarespace ein, indem Sie einen Code-Block oder seitenweite Code-Injection verwenden. Besucher können Termine direkt auf Ihren schön gestalteten Squarespace-Seiten buchen.
Für immer kostenloser Plan • Keine Kreditkarte erforderlich
Ein Squarespace-Buchungswidget ist ein einbettbarer Kalender, mit dem Besucher Termine direkt auf Ihrer Squarespace-Website vereinbaren können, ohne die Seite zu verlassen. SchedulingKit ermöglicht es Ihnen, ein kostenloses Buchungswidget auf Squarespace im Jahr 2026 einzubetten. Alle anzeigen Buchungs-Widget.
So fügen Sie ein Buchungs-Widget zu Squarespace hinzu
Folgen Sie diesen Schritten, um das SchedulingKit-Buchungs-Widget in Ihre Squarespace-Website einzubetten
Kopieren Sie Ihren Einbettungscode
Melden Sie sich bei Ihrem SchedulingKit-Dashboard an, gehen Sie zum Abschnitt Einbetten und kopieren Sie den HTML-Snippet des Widgets für Ihre Buchungsseite.
Öffnen Sie den Seiteneditor von Squarespace
Navigieren Sie zu Seiten in Ihrem Squarespace-Dashboard, öffnen Sie die Seite, auf der Sie das Widget platzieren möchten, und klicken Sie auf Bearbeiten.
Fügen Sie einen Codeblock ein
Klicken Sie auf einen Einfügepunkt, wählen Sie Code aus dem Blockmenü und fügen Sie den SchedulingKit-Einbettungsschnipsel in den Codeblock ein.
Schalten Sie die Anzeigequelle aus
Stellen Sie sicher, dass der Schalter 'Anzeigequelle' deaktiviert ist, damit das Widget visuell dargestellt wird, anstatt den Roh-HTML-Code anzuzeigen.
Speichern und Veröffentlichen
Klicken Sie auf Speichern im Codeblock und veröffentlichen Sie dann die Seite. Für ein site-weites schwebendes Widget fügen Sie das Skript in Einstellungen → Erweitert → Code-Injektion (Header) ein.
Sofort einsatzbereiter Einbettungscode für Squarespace
Kopieren Sie diesen Code und fügen Sie ihn in Ihre Squarespace-Website ein, um sofort ein Buchungs-Widget hinzuzufügen:
<!-- 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>
Ersetzen Sie YOUR-BUSINESS durch die URL Ihrer SchedulingKit-Buchungsseite. Erstellen Sie Ihr kostenloses Konto um Ihren personalisierten Einbettungscode zu erhalten.
Squarespace Widget-Funktionen
Plattformspezifische Funktionen, die das Buchungs-Widget auf Squarespace reibungslos funktionieren lassen
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.
Bewährte Methoden für Squarespace-Buchungswidgets
Tipps, um das Beste aus Ihrem eingebetteten Buchungs-Widget auf Squarespace herauszuholen
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
Fragen zum Squarespace-Buchungs-Widget
Fügen Sie noch heute ein Buchungswidget zu Squarespace hinzu
Schließen Sie sich Tausenden von Unternehmen an, die Buchungswidgets auf Squarespace mit SchedulingKit einbetten
Für immer kostenloser Plan • Keine Kreditkarte erforderlich