Dieser Artikel ist derzeit auf Englisch verfügbar. Wir arbeiten an der Übersetzung.
Ihre Website erhält Traffic, aber wenn Besucher nicht direkt auf der Seite einen Termin buchen können, verlieren Sie potenzielle Kunden. Online-Terminplanung zu Ihrer bestehenden Website hinzuzufügen verwandelt passive Besucher in gebuchte Termine — und es ist einfacher als Sie denken, unabhängig davon, welche Plattform Sie verwenden.
Dieser Leitfaden behandelt, wie Sie Terminplanung auf WordPress, Squarespace, Wix und individuell erstellten Websites mithilfe einfacher Einbettungscodes integrieren.
Was Sie lernen werden
- Wie Sie die richtige Einbettungsmethode für Ihre Website-Plattform wählen
- Wie Sie ein Terminplanungs-Widget zu WordPress, Squarespace und Wix hinzufügen
- Wie Sie Buchung auf einer benutzerdefinierten HTML-Website einbetten
- Wie Sie Ihren eingebetteten Terminplaner für Conversions optimieren
Wählen Sie Ihre Einbettungsmethode
Die meisten Terminplanungstools bieten drei Möglichkeiten, Buchungen zu Ihrer Website hinzuzufügen:
- Inline-Einbettung: Der Buchungskalender erscheint direkt in Ihrem Seiteninhalt. Am besten für dedizierte Buchungsseiten, auf denen Terminplanung die Hauptaktion ist
- Popup-Widget: Ein schwebendes Button-Element, das die Buchungsoberfläche in einem Overlay öffnet. Ideal, um Terminplanung zu jeder Seite hinzuzufügen, ohne Ihr Layout zu ändern
- Link-Button: Ein „Jetzt buchen"-Button, der zu einer gehosteten Buchungsseite weiterleitet. Am einfachsten zu implementieren, führt Besucher aber von Ihrer Website weg
Inline-Einbettungen und Popup-Widgets halten Besucher auf Ihrer Website, was besser für Conversions und die von Google verfolgten Nutzererfahrungs-Metriken ist.
Terminplanung zu WordPress hinzufügen
WordPress unterstützt mehrere Integrationsmethoden:
Mit einem Plugin: Einige Terminplanungsplattformen bieten WordPress-Plugins, die Buchungsfunktionalität per Shortcode hinzufügen. Installieren Sie das Plugin, konfigurieren Sie Ihre Einstellungen und fügen Sie den Shortcode in jede Seite oder jeden Beitrag ein.
Mit einer HTML-Einbettung: Kopieren Sie den Einbettungscode von Ihrer Terminplanungsplattform und fügen Sie ihn in einen benutzerdefinierten HTML-Block im WordPress-Block-Editor ein. Dies funktioniert mit jedem Terminplanungstool und erfordert kein Plugin.
Mit einem Seitenbaukasten: Wenn Sie Elementor, Divi oder Beaver Builder verwenden, fügen Sie ein HTML-Modul hinzu und fügen Sie dort Ihren Einbettungscode ein. Für eine detaillierte Anleitung lesen Sie unseren Leitfaden zur Einbettung von Buchungssystemen in WordPress.
Terminplanung zu Squarespace und Wix hinzufügen
Squarespace: Fügen Sie einen Code-Block zu einer beliebigen Seite hinzu und fügen Sie Ihren Terminplanungs-Einbettungscode ein. Gehen Sie zum Seiteneditor, klicken Sie auf „Block hinzufügen", wählen Sie „Code" und fügen Sie das HTML-Snippet ein. Squarespace unterstützt auch das Hinzufügen von Skripten über den Header-Injektionsbereich für Popup-Widgets.
Wix: Verwenden Sie das Element „HTML einbetten" im Wix-Editor. Ziehen Sie es auf Ihre Seite, klicken Sie auf „Code eingeben" und fügen Sie Ihren Terminplanungs-Einbettungscode ein. Für Popup-Widgets fügen Sie das Skript über die benutzerdefinierten Code-Einstellungen von Wix unter Website-Einstellungen hinzu.
Beide Plattformen verarbeiten iframe- und JavaScript-Einbettungen gut, sodass jedes gängige Terminplanungstool funktioniert.
Terminplanung zu benutzerdefinierten HTML-Websites hinzufügen
Wenn Ihre Website mit reinem HTML erstellt wurde, ist der Prozess unkompliziert. Fügen Sie den Einbettungscode Ihrer Terminplanungsplattform direkt in Ihre HTML-Datei ein, wo das Buchungswidget erscheinen soll. Die meisten Einbettungscodes sind entweder ein iframe oder ein kleines JavaScript-Snippet:
- iframe-Einbettungen: Eigenständig und isoliert vom CSS Ihrer Website. Einfügen und es funktioniert
- JavaScript-Einbettungen: Flexibler, können sich dem Erscheinungsbild Ihrer Website anpassen, erfordern aber möglicherweise geringfügige CSS-Anpassungen
Platzieren Sie den Einbettungscode in einem Container-div mit einer max-width-Einstellung, damit er sich auf breiten Bildschirmen nicht unschön dehnt.
Optimieren Sie Ihren eingebetteten Terminplaner
Das Widget hinzuzufügen ist Schritt eins. Es für Conversions zu optimieren ist Schritt zwei:
- Platzieren Sie es prominent: Über dem Fold auf Ihrer Buchungsseite und über einen festen „Jetzt buchen"-Button auf anderen Seiten erreichbar
- Minimieren Sie umgebende Ablenkungen: Entfernen Sie auf Ihrer Buchungsseite Seitenleisten und unnötige Navigationslinks
- Passen Sie den Stil an: Passen Sie die Farben und Schriftarten des Widgets an Ihr Website-Design an
- Fügen Sie Kontext hinzu: Platzieren Sie eine kurze Beschreibung und Preise über dem Terminplaner, damit Besucher wissen, was sie buchen, bevor sie einen Termin wählen
- Testen Sie auf Mobilgeräten: Überprüfen Sie, dass das eingebettete Widget auf Handys und Tablets reibungslos funktioniert
So hilft SchedulingKit
Die Einbettungsfunktion von SchedulingKit liefert Ihnen ein leichtgewichtiges JavaScript-Snippet, das auf jeder Website-Plattform funktioniert. Es unterstützt Inline-Einbettungen, Popup-Widgets und schwebende Buttons — alle anpassbar an Ihre Marke. Die Einbettung synchronisiert sich mit Ihrem Kalender und unterstützt alle SchedulingKit-Funktionen, einschließlich Zahlungen, Erinnerungen und Aufnahmeformulare.
Häufig gestellte Fragen
Wird das Hinzufügen eines Terminplanungs-Widgets meine Website verlangsamen?
Gut gebaute Terminplanungs-Widgets laden asynchron, was bedeutet, dass sie das Rendern Ihrer Seite nicht blockieren. Das Einbettungsskript von SchedulingKit ist unter 50 KB groß und lädt nach Ihrem Hauptinhalt, sodass Besucher keine Verlangsamung bemerken werden.
Kann ich verschiedene Buchungsseiten auf verschiedenen Website-Seiten einbetten?
Ja. Sie können mehrere Buchungsseiten erstellen — eine für Beratungen, eine für Kurse, eine für bestimmte Teammitglieder — und jede auf der entsprechenden Seite Ihrer Website einbetten.
Funktionieren eingebettete Buchungswidgets mit HTTPS?
Ja. Alle großen Terminplanungsplattformen liefern ihre Einbettungen über HTTPS aus, sodass sie auf sicheren Websites ohne Warnungen vor gemischtem Inhalt funktionieren.
War dieser Artikel hilfreich?
Mehr in Scheduling
Die 7 besten Terminplanungssoftware für Autoaufbereitung (2026)
Vergleichen Sie die 7 besten Terminplanungssoftware-Plattformen für Autoaufbereitung in 2026. Finden Sie Tools mit Online-Buchung, Routenoptimierung, Zahlungsabwicklung und Kundenverwaltung für Aufbereiter.
Die 7 besten Terminplanungssoftware für Teppichreinigung (2026)
Vergleichen Sie die 7 besten Terminplanungstools für Teppichreinigung in 2026. Finden Sie Software mit Online-Buchung, raumbasierter Preisgestaltung und automatisierten Nachfassaktionen.
Die 7 besten Terminplanungssoftware für Catering (2026)
Vergleichen Sie die 7 besten Terminplanungssoftware-Plattformen für Catering in 2026. Finden Sie Tools mit Eventbuchung, Angebotsverwaltung, Personalkoordination und Rechnungsstellung für Catering-Unternehmen.