Fuegen Sie ein Buchungs-Widget zu Ihrem Shopify-Shop Hinzu
Betten Sie das SchedulingKit Buchungs-Widget in Ihren Shopify-Shop ein, indem Sie den Theme-Editor, eine benutzerdefinierte Liquid-Sektion oder ein Produkt-Seiten-Metafeld verwenden. Lassen Sie Kunden Termine direkt neben Ihren Produkten buchen.
Für immer kostenloser Plan • Keine Kreditkarte erforderlich
Ein Shopify-Buchungswidget ist ein einbettbarer Kalender, mit dem Besucher Termine direkt auf Ihrer Shopify-Website vereinbaren können, ohne die Seite zu verlassen. SchedulingKit ermöglicht es Ihnen, ein kostenloses Buchungswidget auf Shopify im Jahr 2026 einzubetten. Alle anzeigen Buchungs-Widget.
So fügen Sie ein Buchungs-Widget zu Shopify hinzu
Folgen Sie diesen Schritten, um das SchedulingKit-Buchungs-Widget in Ihre Shopify-Website einzubetten
Widget-Code kopieren
Melden Sie sich bei SchedulingKit an, navigieren Sie zum Abschnitt Einbetten und kopieren Sie den HTML-Einbettungscode für Ihre gewünschte Buchungsseite.
Shopify-Theme-Editor öffnen
Gehen Sie in Ihrem Shopify-Admin zu Online-Shop → Themes → Anpassen. Wählen Sie die Seite oder Vorlage aus, auf der Sie das Widget platzieren möchten.
Einen benutzerdefinierten Liquid-Bereich hinzufügen
Klicken Sie auf Abschnitt hinzufügen → Benutzerdefiniertes Liquid. Fügen Sie den SchedulingKit-Einbettungscode in das Liquid-Codefeld ein.
Den Abschnitt positionieren
Ziehen Sie den benutzerdefinierten Liquid-Bereich an die gewünschte Position auf der Seite, über die Fußzeile, unter dem Hero-Bereich oder auf einer speziellen Buchungsseite.
Speichern und Vorschau
Klicken Sie im Theme-Editor auf Speichern. Vorschau der Seite auf Desktop und Mobilgeräten, um zu bestätigen, dass das Widget korrekt angezeigt wird, und veröffentlichen Sie dann Ihr Theme.
Sofort einsatzbereiter Einbettungscode für Shopify
Kopieren Sie diesen Code und fügen Sie ihn in Ihre Shopify-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.
Shopify Widget-Funktionen
Plattformspezifische Funktionen, die das Buchungs-Widget auf Shopify reibungslos funktionieren lassen
Custom Liquid Section
Add the widget as a native Shopify section that can be repositioned via the theme editor without touching code.
Product Page Embedding
Place the booking widget on individual product pages so customers can schedule a consultation or demo before purchasing.
App Block Support (OS 2.0)
On Online Store 2.0 themes like Dawn, add the widget as an app block that merchants can drag and drop in the theme editor.
Cart Integration Ready
Pair bookings with product purchases, customers add a service booking and a product to the same cart for unified checkout.
Bewährte Methoden für Shopify-Buchungswidgets
Tipps, um das Beste aus Ihrem eingebetteten Buchungs-Widget auf Shopify herauszuholen
Use a Custom Liquid section on OS 2.0 themes for the most flexible drag-and-drop editing experience
On product pages, place the booking widget below the product description to capture post-browse booking intent
Create a dedicated /pages/book page in Shopify and embed the full inline widget for maximum conversion
Use Shopify's built-in mobile preview to verify the widget layout before publishing
Exclude the widget script from Shopify's built-in speed optimization so availability loads in real time
Fragen zum Shopify-Buchungs-Widget
Buchungs-Widget für andere Plattformen
Fügen Sie noch heute ein Buchungswidget zu Shopify hinzu
Schließen Sie sich Tausenden von Unternehmen an, die Buchungswidgets auf Shopify mit SchedulingKit einbetten
Für immer kostenloser Plan • Keine Kreditkarte erforderlich