Fuegen Sie ein Buchungs-Widget zu Ihrer WordPress-Seite in Minuten
Installieren Sie das SchedulingKit Buchungs-Widget auf WordPress mit unserem offiziellen Plugin, einem Gutenberg-Block oder einem einfachen Shortcode. Funktioniert mit jedem Theme und Page Builder - Elementor, Divi, GeneratePress und mehr.
Für immer kostenloser Plan • Keine Kreditkarte erforderlich
Ein WordPress-Buchungswidget ist ein einbettbarer Kalender, mit dem Besucher Termine direkt auf Ihrer WordPress-Website vereinbaren können, ohne die Seite zu verlassen. SchedulingKit ermöglicht es Ihnen, ein kostenloses Buchungswidget auf WordPress im Jahr 2026 einzubetten. Alle anzeigen Buchungs-Widget.
So fügen Sie ein Buchungs-Widget zu WordPress hinzu
Folgen Sie diesen Schritten, um das SchedulingKit-Buchungs-Widget in Ihre WordPress-Website einzubetten
Installieren Sie das SchedulingKit-Plugin
Gehen Sie zu WP Admin → Plugins → Neu hinzufügen, suchen Sie nach SchedulingKit und klicken Sie auf Jetzt installieren. Aktivieren Sie das Plugin nach der Installation.
Verbinden Sie Ihr Konto
Navigieren Sie zu Einstellungen → SchedulingKit in Ihrem WordPress-Dashboard und fügen Sie Ihren API-Schlüssel aus dem SchedulingKit-Dashboard ein.
Über Gutenberg-Block hinzufügen
Öffnen Sie den Seiteneditor, klicken Sie auf den + Inserter, suchen Sie nach 'SchedulingKit' und ziehen Sie den Buchungsblock an die Stelle, an der das Widget erscheinen soll.
Widget-Einstellungen konfigurieren
Wählen Sie die Buchungsseite, den Diensttyp und das Teammitglied direkt aus der Block-Seitenleiste aus. Passen Sie die Farben an Ihr Theme an.
Veröffentlichen und Testen
Vorschau der Seite, bestätigen Sie, dass das Widget sowohl auf Desktop als auch mobil korrekt geladen wird, und klicken Sie dann auf Veröffentlichen. Das Widget übernimmt automatisch das Styling Ihres WordPress-Themes.
Sofort einsatzbereiter Einbettungscode für WordPress
Kopieren Sie diesen Code und fügen Sie ihn in Ihre WordPress-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.
WordPress Widget-Funktionen
Plattformspezifische Funktionen, die das Buchungs-Widget auf WordPress reibungslos funktionieren lassen
Native Gutenberg Block
A first-class WordPress block that lives alongside your content in the block editor, no shortcodes or custom HTML needed.
Shortcode Fallback
Use [schedulingkit] shortcodes in Classic Editor, Elementor, Divi, or any page builder that supports shortcodes.
Auto Theme Matching
The widget reads your active theme's colors, fonts, and border-radius so it blends in without manual CSS.
WooCommerce Compatible
Embed booking widgets on WooCommerce product pages so customers can book a consultation before purchasing.
Bewährte Methoden für WordPress-Buchungswidgets
Tipps, um das Beste aus Ihrem eingebetteten Buchungs-Widget auf WordPress herauszuholen
Place the booking widget above the fold on your main services page so visitors see it immediately
Use the Gutenberg block instead of shortcodes for better visual editing and fewer compatibility issues
Enable caching exceptions for the widget script so appointment availability stays real-time
Add the floating pop-up widget site-wide via Appearance → Widgets for a persistent booking CTA
Test the widget on mobile using WordPress's built-in responsive preview before publishing
Fragen zum WordPress-Buchungs-Widget
Buchungs-Widget für andere Plattformen
Fügen Sie noch heute ein Buchungswidget zu WordPress hinzu
Schließen Sie sich Tausenden von Unternehmen an, die Buchungswidgets auf WordPress mit SchedulingKit einbetten
Für immer kostenloser Plan • Keine Kreditkarte erforderlich