SchedulingKit
Squarespace Buchungs-Widget

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 koennen Termine direkt auf Ihren schoen 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.

3.8M+
Squarespace sites live worldwide
3 min
Setup time with Code Block
31%
More bookings with embedded widgets
Installationsanleitung

So fügen Sie ein Buchungs-Widget zu Squarespace hinzu

Folgen Sie diesen Schritten, um das SchedulingKit-Buchungs-Widget in Ihre Squarespace-Website einzubetten

1

Copy Your Embed Code

Log into your SchedulingKit dashboard, go to the Embed section, and copy the widget HTML snippet for your booking page.

2

Open the Squarespace Page Editor

Navigate to Pages in your Squarespace dashboard, open the page where you want the widget, and click Edit.

3

Insert a Code Block

Click an insert point, select Code from the block menu, and paste the SchedulingKit embed snippet into the code block.

4

Toggle Display Source Off

Make sure the 'Display Source' toggle is turned off so the widget renders visually instead of showing raw HTML.

5

Save and Publish

Click Save on the code block, then publish the page. For a site-wide floating widget, paste the script in Settings → Advanced → Code Injection (Header).

Einbettungscode

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.

Widget-Funktionen

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

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

Häufig gestellte Fragen

Fragen zum Squarespace-Buchungs-Widget

Welcher Squarespace-Plan unterstuetzt Code-Bloecke?

Code-Bloecke sind in allen Squarespace-Plaenen verfuegbar - Personal, Business, Basic Commerce und Advanced Commerce. Code-Injection (fuer seitenweite Skripte) erfordert den Business-Plan oder hoeher.

Funktioniert das Widget mit Squarespace 7.0 und 7.1?

Ja. Der Einbettungscode funktioniert identisch auf Squarespace 7.0 und 7.1. Auf 7.1 koennen Sie den Code-Block mit dem Fluid Engine Layout-Raster fuer praezisere Platzierung positionieren.

Kann ich verschiedene Widgets auf verschiedenen Seiten einbetten?

Ja. Jeder Code-Block kann einen anderen Einbettungsausschnitt enthalten, der auf einen anderen Service, ein anderes Teammitglied oder einen anderen Standort verweist. Dies ist ideal fuer Unternehmen mit mehreren Servicekategorien.

Wird das Widget das SEO meiner Squarespace-Seite beeinflussen?

Nein. Das Widget laedt asynchron und injiziert keinen SEO-konfliktierenden Inhalt. Suchmaschinen indexieren den Inhalt Ihrer Squarespace-Seite normal.

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