Buchungs-Widget auf eine fremde Website einbauen

Buchungs-Widget auf eine fremde Website einbauen

Ein Widget zeigt Inhalte deines Standorts auf einer Website, die nicht von Terminz ist: deine Preisliste, deine Öffnungszeiten mit Karte oder deine Bewertungen. Der Code wird einmal eingefügt, danach erscheinen Änderungen in Terminz von selbst auf deiner Website. Du findest die Seite über Marketing & Website → Website & Google → Deine Website in der Gruppe „Teilen“ in der Zeile Widgets für deine Website (/manager/marketing/website/widgets). Sie gilt für den Standort, der oben im Dashboard gewählt ist.

Alles auf der Seite speicherst du gemeinsam. Sobald du etwas änderst, erscheint am unteren Rand die Leiste zum Speichern oder Verwerfen. Erst nach dem Speichern wirkt eine Änderung auf deiner Website. Der Knopf Auf Standard zurücksetzen oben setzt die Darstellung aller Widgets zurück (Leistungen, Bewertungen, Kontakt und Buchungsknopf). Der Schalter und deine eingetragenen Websites bleiben, wie sie sind.

In vier Schritten zum Widget

1. Einschalten. Der Schalter Widgets aktivieren („Zeige deine Leistungen, Öffnungszeiten und Bewertungen direkt auf deiner eigenen Website.“) gibt die Widgets frei. Ohne ihn passiert nichts.
2. Website eintragen. Unter Deine Websites trägst du die Adresse ein, auf der das Widget laufen soll.
3. Widget wählen und einstellen. Die Vorschau daneben zeigt sofort, was herauskommt.
4. Code einfügen. Unter „Code zum Einbinden“ kopierst du den Code und fügst ihn an die Stelle deiner Website, an der das Widget stehen soll.

Deine Websites

Der Bereich Deine Websites („Nur auf diesen Adressen wird das Widget geladen. Ohne Eintrag bleibt es überall leer.“) ist die Freigabeliste. Mit Website hinzufügen legst du eine Zeile an und tippst die Adresse ein, zum Beispiel meine-website.de. Das Kreuz rechts entfernt die Zeile.

• Du kannst die Adresse mit https:// und www. eintragen, Terminz speichert nur den Rechnernamen (meine-website.de). Ein Schrägstrich, ein Pfad, Leerzeichen und ? oder # ohne https:// davor sind nicht erlaubt.
• Nicht erlaubt sind Sternchen als Platzhalter, IP-Adressen und Namen ohne Punkt. Die Zeile färbt sich rot mit „Das sieht nicht nach einer Website-Adresse aus.“ Beim Speichern lehnt Terminz eine ungültige Adresse mit „'…' ist keine gültige Website-Adresse.“ ab.
• Es sind höchstens 20 Websites möglich („Ein Standort kann höchstens 20 Websites eintragen.“).
• Ist der Schalter an und keine Website eingetragen, warnt die Seite („Trage mindestens eine Website ein — sonst lädt das Widget nirgends.“) und das Speichern wird abgelehnt mit „Trage mindestens eine Website ein, bevor du die Widgets einschaltest.“

Die Freigabe schützt dich davor, dass jemand deine Preisliste auf einer fremden Seite einbaut: Auf jeder anderen Adresse bleibt das Widget leer.

Unter jeder Zeile zeigt Terminz, ob das Widget dort läuft:

• Aktiv: das Widget wurde in den letzten 7 Tagen geladen. Dazu stehen die Aufrufe der letzten 30 Tage und das Datum des letzten Aufrufs.
• Ruhig: das letzte Laden liegt länger als 7 Tage zurück.
• Noch kein Aufruf: das Widget wurde dort noch nie geladen. Bei eingeschaltetem Schalter steht dazu „Steckt der Code schon in dieser Seite?“ mit dem Link Code holen.

Kamen Aufrufe von einer Adresse, die nicht (mehr) in der Liste steht, erscheint sie unter Nicht mehr freigegeben („Von diesen Adressen kamen Aufrufe. Solange sie nicht eingetragen sind, bleibt das Widget dort leer.“) mit dem Knopf Freigeben, der sie wieder in die Liste setzt.

Solange das Widget läuft (Schalter an und mindestens eine Website eingetragen), steht über der Liste eine Zeile mit Eingetragene Websites, Aktiv und Aufrufe (30 Tage). Der Schalter nennt dazu, wo es läuft („Läuft auf 2 Websites.“). Hat noch niemand das Widget geöffnet, steht dort „Eingeschaltet. Sobald jemand deine Seite mit dem Widget öffnet, siehst du es hier.“

Die Zähler zählen nur Aufrufe von Adressen aus deiner Liste und speichern keine Besucherdaten.

Welches Widget?

Unter Welches Widget? wählst du eines von vier, die Wahl steuert die Vorschau und den Code weiter unten. Du kannst nacheinander mehrere Widgets einbauen.

• Leistungen: Preisliste mit Suche.
• Standort: Zeiten, Karte, Kontakt.
• Bewertungen: Sterne und Galerie.
• Alles: die drei zusammen.

Über jedem Einstellungsabschnitt steht, in welchen Widgets er wirkt („Wirkt im gewählten Widget“, „Wirkt in: …“ oder „Wirkt in allen Widgets“).

Leistungen

Der Abschnitt Leistungen („Wie die Preisliste im Widget aussieht.“) hat:

• Eigenes Layout fürs Widget: ein Schalter. Aus übernimmt das Widget, was du im Seiten-Editor gewählt hast. An, wählst du Zeilen mit Bild (eine Zeile pro Leistung, Bild links, Preis rechts), Karten (Kacheln mit großem Bild, braucht gepflegte Fotos) oder Preisliste (sehr kompakt, ohne Bilder, für lange Listen). Deine Terminz-Seite bleibt davon unberührt.
• Wie viele Leistungen: Alle zeigen, Die ersten 12 oder Eigene Anzahl (ein Zahlenfeld von 1 bis 100). Ein Widget wächst auf seine volle Höhe, deshalb ist die ganze Preisliste auf dem Handy lang.
• Bilder: Zeigen, wenn vorhanden (Bilder, sobald genug Leistungen eins haben), Immer zeigen oder Nie zeigen (nur Text und Preis).
• Beschreibung zeigen: zwei Zeilen unter dem Namen. Lohnt sich nur, wenn deine Beschreibungen gepflegt sind.
• Termin-Button pro Leistung: ein Buchen-Knopf an jeder Zeile. Auf dem Handy sitzt der Knopf ohnehin nur in der Detailansicht.

Bewertungen

Im Abschnitt „Bewertungen“ stellst du Wie viele Bewertungen ein: Alle zeigen (jede Bewertung, die du freigegeben hast), Die ersten 6 oder Eigene Anzahl (1 bis 100).

Standort & Kontakt

Der Abschnitt Standort & Kontakt („Adresse, Öffnungszeiten, Karte, Social Media und Kontaktformular.“) hat:

• Eigenes Layout fürs Widget: wieder ein Schalter. An, wählst du Eine Spalte (alles untereinander, passt in eine Seitenleiste), Zwei Spalten (Kontakt und Zeiten links, Karte rechts, der übliche Fall) oder Karte oben (breite Karte, darunter der Kontakt in drei Spalten).
• Social-Media-Links zeigen: die Profile aus den Standort-Einstellungen als Icon-Reihe. Ohne hinterlegte Profile passiert nichts.
• Kontaktformular zeigen: erscheint in den Widgets Standort und Alles. Anfragen landen als Ticket bei dir. Du bist damit für die Daten deiner Besucher verantwortlich.

Termin-Button

Der Abschnitt „Termin-Button“ gilt für jedes Widget. Termin-Button zeigen öffnet die Buchung in einem neuen Tab und erscheint nur, wenn die Online-Buchung eingeschaltet ist (siehe „Buchungsregeln einstellen“).

Vorschau

Rechts (am Handy darüber) steht die Live-Vorschau mit den Ansichten Volle Breite, Spalte und Handy, einem Knopf zum Neuladen und In neuem Tab öffnen. Die grauen Balken stehen für den Inhalt deiner Website. Das Widget bringt keinen eigenen Kasten mit und wächst bei dir auf seine volle Höhe, in der Vorschau ist es gekürzt.

Ohne eingetragene Website weist Terminz das Widget überall ab, auch in der Vorschau. Dort steht dann „Vorschau gesperrt“ mit dem Link Website eintragen. Sobald eine Website eingetragen und gespeichert ist, läuft die Vorschau.

Code zum Einbinden

Der Abschnitt „Code zum Einbinden“ zeigt den Code für das gewählte Widget. Mit Code kopieren kopierst du ihn. Du fügst ihn in deiner Website dort ein, wo das Widget erscheinen soll.

• Empfohlen: ein Script-Code. Das Widget passt seine Höhe automatisch an den Inhalt an. Er hat die Angaben data-terminz-slug (die Adresse deines Standorts bei Terminz) und data-terminz-widget (services, location, reviews oder all).
• Ohne JavaScript: ein iframe mit fester Höhe. Nimm ihn nur, wenn dein Baukasten kein Script erlaubt.

Beim Script-Code gibt es einen Bereich Erweitert („Farbe und Einbauort“) mit zwei Wahlmöglichkeiten:

• Eigene Button-Farbe für diese Seite: ein Schalter mit Farbfeld, der data-terminz-accent ergänzt. Ohne ihn kommt die Farbe aus dem Design deiner öffentlichen Seite. Schrift und Textfarbe übernimmt das Widget ohnehin von deiner Website.
• Einbauort festlegen: für Baukästen, die Skripte verschieben (Wix, manche Elementor-Setups). Du trägst die ID des Bereichs ein, in dem das Widget stehen soll, zum Beispiel #widget-bereich. Daraus wird data-terminz-target.

Der Code ändert sich nur, wenn du ihn hier neu erzeugst. Einstellungen wie Anzahl, Layout oder Bilder speicherst du in Terminz und musst den Code deshalb nicht neu einfügen.

Datenschutz

Der Abschnitt „Datenschutz“ („Nimm diesen Absatz in die Datenschutzerklärung deiner Website auf.“) enthält fertigen Text. Er nennt Bornwerk UG (haftungsbeschränkt) als Auftragsverarbeiter nach Art. 28 DSGVO, die Übertragung der IP-Adresse beim Aufruf, das berechtigte Interesse nach Art. 6 Abs. 1 lit. f DSGVO und deinen Standort als Verantwortlichen für Anfragen über das Widget. Absatz kopieren kopiert ihn. Den Text übernimmst du in die Datenschutzerklärung deiner Website. Ob er für deine Website vollständig ist, prüfst du selbst oder mit deinem Anwalt.

Häufige Fragen

Das Widget bleibt leer. Prüfe, ob der Schalter an ist, ob deine Website unter „Deine Websites“ steht (genau die Adresse, auf der der Code sitzt) und ob du gespeichert hast. Unter der Adresse steht, ob schon ein Aufruf angekommen ist.

Ich sehe keinen Aufruf, obwohl der Code drin ist. Der Status zeigt „Noch kein Aufruf“, bis jemand die Seite mit dem Widget öffnet. Öffne die Seite selbst einmal.

Muss ich den Code erneuern, wenn ich Preise ändere? Nein. Preise, Leistungen, Öffnungszeiten und Bewertungen kommen aus Terminz.

Wie baue ich nur die Preisliste ein? Wähle Leistungen unter „Welches Widget?“ und kopiere den Code. Für Bewertungen und Standort wählst du das Widget und kopierst den Code getrennt.

Wo ändere ich Telefon, Adresse und Social-Media-Profile? Unter Einstellungen → Standort → Adresse & Kontakt (siehe „Adresse, E-Mail, Telefon und Social-Media-Profile ändern“).

Kann ich Buchungen direkt im Widget abschließen? Der Termin-Button öffnet die Buchung in einem neuen Tab.