SitPup Ratgeber
So fügst du ein Buchungs-Widget zu Wix hinzu
Wix bietet zwei wirklich unterschiedliche Wege, Einbettungscode hinzuzufügen, und sie passen zu unterschiedlichen Zielen. Hier erfährst du, welchen du wählen solltest, plus den Schritt zum mobilen Layout, den Wix-Nutzer meist zu spät entdecken.
5 Min. Lesezeit
Passende SitPup-Seite: Buchungs-Widget
Schließe zuerst die SitPup-Einrichtung ab
Der Wix-Teil dauert ein paar Minuten. Der Teil, der entscheidet, ob der Buchungsablauf tatsächlich nützlich ist, passiert davor, in SitPup.
Öffne die Widget-Seite, füge deine Leistungen mit Preisen und Platzlimit hinzu, schalte die Tiere ein, die du annimmst, lege deine Verfügbarkeit auf der Kalender-Seite fest, und veröffentliche dann über den Abschnitt „Widget einbetten“. Die Veröffentlichung erzeugt deinen Code, es gibt also nichts einzufügen, bevor das erledigt ist.
Option 1: Widget einbetten, für eine einzelne Seite
Das ist die richtige Wahl, wenn du den Button an einer bestimmten Stelle auf einer bestimmten Seite willst, visuell platziert wie jedes andere Element.
- 1
Öffne das Hinzufügen-Panel
Klick im Wix-Editor auf das Plus-Symbol in der linken Seitenleiste.
- 2
Wähle Einbetten, dann Widget einbetten
Je nach Wix-Version kann das auch unter „Code einbetten“ oder „Benutzerdefinierte Einbettungen“ stehen. Sie führen zum selben Ort.
- 3
Füge den SitPup-Code ein
Klick in das Einbettungselement, wähle die Option, Code einzugeben, und füge beide Zeilen ein.
- 4
Größe und Position anpassen
Wix rendert die Einbettung in einer festen Box, die du ziehst und in der Größe anpasst. Gib ihr die volle Breite deiner Inhaltsspalte und genug Höhe, damit der Button nicht abgeschnitten wird.
Wix führt Einbettungen in einem eigenen Frame aus. Das ist hier kein Problem: Das Widget ist eigenständig und braucht keinen Zugriff auf den Rest deiner Seite, um zu funktionieren.
Option 2: Custom Code, für die ganze Website
Wenn du den Button auf mehreren Seiten willst, wird das manuelle Hinzufügen eines Einbettungselements auf jeder Seite mühsam und uneinheitlich. Wix hat dafür eine eigene Einstellung.
Geh zu Einstellungen, dann Custom Code, und füge dort den SitPup-Code hinzu. Du wählst, auf welchen Seiten er lädt, auf allen oder einer bestimmten Auswahl, und ob er im Head oder am Ende des Body lädt. Für einen Buchungsbutton ist der Body die richtige Wahl.
Custom Code ist auf den bezahlten Wix-Plänen mit verbundener Domain verfügbar. Auf einer kostenlosen Wix-Website brauchst du stattdessen den Weg über „Widget einbetten“.
Wo er auf einer Tierbetreuungs-Website hingehört
Der Button konvertiert am besten dort, wo ein Besucher gerade etwas gelesen hat, das ihn zum Buchen bewegt. Auf Tierbetreuungs-Websites ist das meist das Ende einer Leistungsbeschreibung, direkt nach deinen Preisen, oder als erste Option auf deiner Kontaktseite, über dem Kontaktformular.
Das Ende einer langen Startseite ist die schwächste Position, weil sie voraussetzt, dass Leute so weit scrollen, und Analysen bei kleinen Unternehmenswebsites zeigen durchgängig, dass die meisten das nicht tun. Wenn du zwischen zwei Stellen entscheidest, nutze beide; derselbe Code funktioniert an so vielen Stellen, wie du willst.
Prüfe das mobile Layout separat
Das ist der Wix-spezifische Schritt, den Leute übersehen. Wix pflegt ein vom Desktop getrenntes mobiles Layout, und Elemente, die du am Desktop platzierst, landen auf dem Handy nicht immer sinnvoll.
Wechsle im Editor zur mobilen Ansicht und sieh dir speziell die Einbettung an. Häufige Probleme sind, dass das Element komplett versteckt ist, so verkleinert wird, dass der Button unlesbar ist, oder den Abschnitt darunter überlappt. Behebe es dort, denn die Mehrheit deiner Besucher sieht diese Version, nicht die Desktop-Version.
Veröffentlichen, dann eine echte Testbuchung senden
Änderungen im Wix-Editor sind erst live, wenn du veröffentlichst, der erste Schritt ist also offensichtlich, aber in der Eile leicht zu vergessen.
Öffne dann die veröffentlichte URL in einem privaten Browserfenster, klick auf den Button, und sende eine echte Testanfrage mit ausgefüllten Terminen und Tierdetails. Prüfe, ob sie unter Buchungen in deinem SitPup-Dashboard erscheint, mit allem, was du erwartet hast. Wiederhole den Klick auf deinem Handy. Erst dann schickst du echten Traffic auf die Seite.
Das Wichtigste
- Konfiguriere Leistungen, Preise und Verfügbarkeit in SitPup und veröffentliche, bevor du den Wix-Editor öffnest.
- Nutze „Widget einbetten“ für eine Seite; nutze Einstellungen, dann Custom Code, für einen website-weiten Button.
- Custom Code braucht einen bezahlten Wix-Plan mit verbundener Domain.
- Wix pflegt ein separates mobiles Layout: Prüfe und behebe die Einbettung auch dort.
- Veröffentlichen, dann von der Live-Seite auf Desktop und Handy testen, bevor du Traffic sendest.
Hol dir deinen Wix-Buchungsbutton
Konfiguriere das Formular, veröffentliche, und füge das Snippet in ein Einbettungselement oder Custom Code ein.