So fügen Sie das Schedito-Buchungswidget zu WordPress hinzu
Für nicht technische WordPress-Nutzer ist die einfachste Lösung: WPCode einmal installieren, das gemeinsame Schedito-CSS und JavaScript darüber laden und auf der Buchungsseite nur das kalenderspezifische Widget-DIV einfügen.
Genau diesen Ablauf beschreibt diese Anleitung. Sie müssen weder Ihr WordPress-Theme bearbeiten noch PHP-Dateien ändern oder ein spezielles Schedito-Plugin installieren.
Bevor Sie beginnen
Ein funktionierender Schedito-Kalender
Konfigurieren Sie Leistungen, Ressourcen und Verfügbarkeiten, die Kunden buchen können sollen, bevor Sie das Widget veröffentlichen.
WordPress-Administratorzugriff
Sie benötigen die Berechtigung, ein Plugin zu installieren und zu aktivieren sowie Seiten zu erstellen oder zu bearbeiten.
Ihr Schedito-Widget-Code
Öffnen Sie den Widget-Code im Schedito-Dashboard und halten Sie CSS-Link, JavaScript-Skript und kalenderspezifisches DIV zum Kopieren bereit.
1. Installieren Sie WPCode
Öffnen Sie in WordPress Plugins → Installieren und suchen Sie nach WPCode. Installieren und aktivieren Sie das Plugin.
Mit WPCode können Sie Schedito-CSS und JavaScript global hinzufügen, ohne Theme-Dateien zu bearbeiten. Dieser Schritt ist nur einmal pro Website nötig.
2. Fügen Sie Schedito-CSS und JavaScript in WPCode ein
Öffnen Sie in WordPress Code Snippets → Header & Footer.
Fügen Sie das vollständige Schedito-CSS-<link> in das Feld Header ein. Fügen Sie das vollständige JavaScript-<script> in das Feld Footer ein. Lassen Sie Body leer.
Klicken Sie auf Save Changes. Entfernen Sie die <link>- bzw. <script>-Tags nicht; kopieren Sie die vollständigen Elemente genau so, wie Schedito sie bereitstellt.
3. Erstellen Sie die Buchungsseite und fügen Sie das Widget ein
Öffnen Sie Seiten → Erstellen und legen Sie eine Seite wie Buchen, Termine oder Reservierung an.
Fügen Sie einen Block Custom HTML hinzu. Sie können danach suchen oder in einem neuen Block /html eingeben.
Kopieren Sie aus Schedito nur das kalenderspezifische Widget-DIV und fügen Sie es in diesen Block ein. CSS und JavaScript nicht erneut einfügen; diese werden bereits über WPCode geladen.
Veröffentlichen Sie die Seite. Falls Kunden sie über die Hauptnavigation erreichen sollen, fügen Sie die neue Seite dem WordPress-Menü bzw. der Navigation hinzu.
Was gehört wohin
WPCode Header: Schedito-CSS-<link> — einmal für die Website.
WPCode Footer: Schedito-JavaScript-<script> — einmal für die Website.
Buchungsseite → Custom-HTML-Block: das kalenderspezifische Schedito-<div> — einmal pro angezeigtem Kalender.
Diese Trennung verhindert doppelte Skripte und erleichtert das spätere Hinzufügen weiterer Schedito-Kalender.
4. Veröffentlichen und wie ein Kunde testen
Öffnen Sie die tatsächlich veröffentlichte Seite und führen Sie eine Buchung vollständig durch.
Öffentliche Seite öffnen
Testen Sie die veröffentlichte Seite, nicht nur die Vorschau im WordPress-Editor. Prüfen Sie, ob die Schedito-Oberfläche erscheint.
Eine Buchung abschließen
Wählen Sie Leistung, Datum und Uhrzeit und senden Sie eine echte Testbuchung ab. Prüfen Sie, ob sie in Schedito erscheint.
Auch mobil prüfen
Öffnen Sie die Seite auf einem Smartphone oder in einem schmalen Browserfenster und prüfen Sie, ob das Widget nutzbar und korrekt dimensioniert bleibt.
Fehlerbehebung beim WordPress-Buchungswidget
Prüfen Sie die drei Teile getrennt: Das Widget-DIV muss auf der Seite vorhanden sein, der CSS-Link in WPCode Header und das JavaScript-Skript in WPCode Footer. Prüfen Sie außerdem, ob die WPCode-Änderungen gespeichert wurden und Cache-, Sicherheits- oder Optimierungsplugins nichts blockieren.
Verschieben Sie den CSS-Link in WPCode Header und das JavaScript-Skript in WPCode Footer. Im Custom-HTML-Block bleibt nur das kalenderspezifische Widget-DIV.
Öffnen Sie im WordPress-Admin Code Snippets → Header & Footer. Für diese Einrichtung müssen Sie keine separaten PHP- oder JavaScript-Snippets erstellen.
Die WordPress-Integration funktioniert wahrscheinlich. Prüfen Sie Schedito: Leistung, benötigte Ressourcen, wiederkehrende Verfügbarkeit, datumsspezifische Ausnahmen, bestehende Buchungen und verbundene externe Kalender.
Prüfen Sie Breite, Padding und Layout des umgebenden WordPress-Blocks oder Theme-Containers. Vermeiden Sie unnötig schmale Spalten mit fester Breite.
Leeren Sie WordPress-, CDN- und Browser-Caches. Wenn ein Optimierungsplugin JavaScript verzögert oder umschreibt, schließen Sie die Schedito-Ressource aus, wenn dies das korrekte Laden verhindert.
Ihre WordPress-Website ist jetzt mit Schedito verbunden
Verwalten Sie ab jetzt Leistungen, Verfügbarkeit, Kalender und Widget-Darstellung in Schedito. In WordPress bleiben nur die gemeinsame CSS/JavaScript-Verbindung und das Widget-DIV an den Stellen, an denen Buchungen erscheinen sollen.
Kostenlos startenWordPress-Buchungsübersicht
Alle Schedito-Leitfäden durchsuchen · Widget-Anpassung · Google-Kalender-Synchronisierung