So fügst du ein Buchungs-Widget zu WordPress hinzu

Auf der WordPress-Seite gibt es nichts zu installieren: kein Plugin, keine Kontoverbindung, keine API-Schlüssel. Die gesamte Integration sind zwei Zeilen HTML, die du einmal erzeugst.

Öffne in SitPup die Widget-Seite, füge deine Leistungen und Preise hinzu, schalte die Tiere ein, die du annimmst, öffne dann den Abschnitt „Widget einbetten“ und veröffentliche. Der Code erscheint erst nach der Veröffentlichung. Er sieht aus wie ein div mit ein paar Daten-Attributen, gefolgt von einem Script-Tag.

Das ist der Standard-Editor von WordPress und der Fall, der den meisten Leuten zum Verhängnis wird. Fügst du Einbettungscode in einen Absatz-Block ein, entfernt WordPress das Script-Tag beim Speichern. Es gibt keine Fehlermeldung, der Code hört einfach still auf, Code zu sein, und du bekommst entweder nichts oder eine Zeile sichtbaren Text auf deiner Seite.

Der Block, der das korrekt handhabt, ist Custom HTML.

Wenn dein Theme mit Elementor, Divi, Bricks oder einem ähnlichen Builder gebaut wurde, nutzt du für diese Seite überhaupt nicht den Block-Editor, und der Builder hat sein eigenes passendes Element.

In Elementor ist es das HTML-Widget, in Divi das Code-Modul, in Bricks das Code-Element. Sie stehen meist unter der Gruppe Basic oder General im Elemente-Panel. Zieh es an die gewünschte Position und füge den Code ein.

Viele ältere Websites für Tierbetreuung laufen noch mit dem Classic Editor, entweder direkt oder über ein Plugin, das ihn wiederherstellt. Die Regel hier ist einfach, aber leicht zu vergessen: Der Visual-Tab formatiert HTML im Hintergrund um und kann das Script-Tag komplett verwerfen.

Klick vor dem Einfügen auf den Text-Tab, setze den Code an die gewünschte Stelle im Markup, und speichere, ohne zurück zu Visual zu wechseln. Wechselst du doch zurück und speicherst erneut, prüfe die veröffentlichte Seite, denn der Code hat das möglicherweise nicht überlebt.

Wenn du den Button website-weit statt nur auf einer Seite haben willst, wird das manuelle Hinzufügen auf jeder Seite zu einem Wartungsproblem, das nur auf dich wartet.

Ein Plugin für Header- und Footer-Scripts löst das sauber. Du fügst den Code einmal in dessen Einstellungen ein und wählst, wo er lädt. Das ist auch die aufgeräumtere Option, wenn jemand anders deine Website pflegt, weil es nur eine Stelle gibt, an der nachgesehen werden muss, wenn sich etwas ändern soll.

In neun von zehn Fällen liegt es an Caching oder Optimierung, nicht am Code. WordPress-Websites laufen meist mit mindestens einem Plugin, das Seiten cacht, Assets minifiziert oder JavaScript verzögert, und diese Plugins gehen standardmäßig aggressiv mit Drittanbieter-Scripts um.

Geh diese Punkte der Reihe nach durch, bevor du davon ausgehst, dass die Einbettung kaputt ist:

Die Editor-Vorschau ist eine Darstellung deines Inhalts, keine originalgetreue Kopie der veröffentlichten Seite, und sie läuft nicht durch dieselbe Optimierungsebene, auf die deine Besucher treffen.

Öffne die veröffentlichte URL in einem privaten Browserfenster, klick auf den Button und sende dir eine echte Testanfrage. Bestätige, dass sie unter Buchungen in deinem SitPup-Dashboard ankommt. Öffne dann dieselbe Seite auf deinem Handy, denn von dort kommt der Großteil des Traffics für Tierbetreuung, und dort zeigt sich eine schlecht platzierte Einbettung meist zuerst.