Du kannst das Widget über ein Code-Snippet oder das Tebi-Reservierungen-WordPress-Plugin installieren. Dieser Artikel erklärt jede Einstellung auf der Widget-Seite im Back Office, in der Reihenfolge, in der sie erscheinen.
Gehe zu Back Office > Reservierungen > Einstellungen > Widget, um loszulegen.
Tipp: Auf der Widget-Seite siehst du eine Live-Vorschau, während du Einstellungen änderst – so siehst du vor der Installation, wie jede Änderung für Gäste aussieht.
Farbe wählen
Wähle unter Farbe wählen die Akzentfarbe für dein gesamtes Reservierungs-Widget. Das ist die Farbe, die Gäste bei Schaltflächen und Hervorhebungen im Widget sehen.
Sprache und Schaltflächentext des Widgets
Das Widget kann in mehreren Sprachen angezeigt werden. Wechsle zwischen den Sprach-Tabs (Nederlands, English, Español …), um Folgendes festzulegen:
Schaltflächentext des Widgets – der Text, den Gäste auf der Schaltfläche sehen, die das Widget öffnet. Der Standardtext ist Tisch reservieren.
Die mit (Standard) markierte Sprache wird angezeigt, wenn keine Sprachpräferenz erkannt werden kann.
Standortauswahl
Unterstützt dein Reservierungs-Widget mehrere Standorte, fülle Folgendes aus, damit Gäste den richtigen wählen können:
Standortname – leer lassen, wenn der Name bereits im Bild zu sehen ist.
Standortbeschreibung – zusätzliche Informationen für Gäste, etwa die Adresse.
Standortbild – empfohlene Größe 800 × 500.
Hinweis: Bei einem Widget mit mehreren Standorten fülle diese Felder in jedem Standortkonto aus. Den vollständigen Ablauf findest du unten unter Ein Widget mit mehreren Standorten einrichten.
Allergien & Ernährungseinschränkungen
Aktiviere Gast kann Einschränkungen angeben, damit Gäste bei der Reservierung aus vordefinierten Allergien und Ernährungseinschränkungen wählen können. Die Auswahl wird als Notiz zum Verkauf und zum Zubereitungs-Bon hinzugefügt.
Widget-Installation
Das ist das Snippet, das du in den Quellcode deiner Website einfügst.
Klicke auf Weitere Standorte auswählen, wenn dieses Widget mehr als einen Standort abdecken soll.
Wähle die Widget-Sprache – belasse sie bei Automatisch (empfohlen), um die Browsersprache jedes Gastes zu übernehmen.
Klicke auf Kopieren, um das Snippet zu kopieren.
Füge das Snippet in den Quellcode deiner Website ein.
Ein Widget mit mehreren Standorten einrichten
Hast du mehrere Standorte – jeweils mit eigenem Tebi-Konto und eigener Reservierungseinrichtung –, kannst du sie in einem einzigen Widget zusammenfassen, in dem Gäste den gewünschten Standort auswählen.
Bevor du startest: Jeder Standort braucht ein eigenes Tebi-Konto mit bereits eingerichteten Reservierungen.
1. Standortauswahl für jeden Standort ausfüllen
Gehe in jedem Standort-Tebi-Konto zu Reservierungen > Einstellungen > Widget und fülle die Felder unter Standortauswahl aus:
Standortname – was Gäste bei der Standortauswahl sehen.
Standortbeschreibung – zusätzliche Details wie die Adresse.
Standortbild – empfohlene Größe 800 × 500.
2. Standorte in deinem Hauptkonto zusammenführen
Gehe im Konto, das als Hauptkonto dienen soll, zu Reservierungen > Einstellungen > Widget:
Scrolle nach unten zu Widget-Installation.
Klicke auf Weitere Standorte auswählen.
Wähle die gewünschten Standorte aus dem Dropdown-Menü aus.
Hinweis: Tebi generiert den Einbettungscode neu, damit er alle ausgewählten Standorte abdeckt.
3. Das Snippet auf deiner Website aktualisieren
Da beim Hinzufügen weiterer Standorte ein neuer Einbettungscode generiert wird, musst du den bestehenden Widget-Code auf deiner Website ersetzen:
Klicke unter Widget-Installation auf Kopieren, um das neue Snippet zu kopieren.
Ersetze auf deiner Website das bestehende Tebi-Widget-Snippet durch das neue.
Tipp: Gäste, die das kombinierte Widget nutzen, sehen zuerst eine Standortauswahl, bevor sie mit der Reservierung fortfahren. Name, Beschreibung und Bild aus Schritt 1 werden in dieser Auswahl angezeigt.
Individuelle Links (optional)
Nutze das Snippet unter Optional: Individuelle Links zu deiner Website hinzufügen, wenn Links an anderer Stelle deiner Website (z. B. im Navigationsmenü) das Widget direkt öffnen sollen.
Klicke auf Kopieren, um das Snippet zu kopieren, und füge es dort ein, wo der Link erscheinen soll.
Link teilen (optional)
Nutze den Link unter Optional: Link teilen, um dein Reservierungs-Widget direkt mit Gästen zu teilen – etwa per E-Mail, in sozialen Netzwerken oder Nachrichten.
Du kannst die URL auch als iFrame in deine Website einbetten, falls du das Skript-Snippet nicht nutzen möchtest.
WordPress-Plugin (optional)
Läuft deine Website auf WordPress, kannst du statt Code einzufügen das Tebi-Reservierungen-Plugin nutzen:
Installiere das WordPress-Plugin Tebi Reservierungen in deinem WordPress-Admin-Bereich.
Klicke im Back Office unter Optional: Das Tebi-Reservierungen-Plugin zu WordPress hinzufügen auf Kopieren, um das Token zu kopieren.
Füge das Token in die Plugin-Einstellungen in WordPress ein.
Widget-Anpassung
Du kannst den Vorauszahlungstext in deinem Reservierungs-Widget bearbeiten oder ausblenden und „Vorauszahlung“ passend zu deinem Betrieb umbenennen – praktisch, wenn du sie als vollständigen Vorabpreis statt als Anzahlung nutzt, etwa für Tickets, Shows oder Erlebnisse. Diese Einstellung gilt pro Service.
Wo du sie findest
Back Office > Reservierungen > Einstellungen > Verfügbarkeit > einen Service bearbeiten.
Weitere Optionen anzeigen
Das Widget kann alternative Services vorschlagen, wenn die ursprünglich gewählte Zeit eines Gastes nicht verfügbar ist. Statt nur „ausgebucht“ anzuzeigen, prüft es alle anderen Services und findet jeweils den nächsten verfügbaren Termin. Diese Alternativen werden mit der frühesten Option zuerst aufgelistet, damit Gäste schnell sehen, was rund um ihren Wunschtermin sonst noch buchbar ist.
Brauchst du Hilfe?
Brauchst du Hilfe bei der Installation oder Anpassung des Widgets, wende dich an den Tebi Support.