Zum Hauptinhalt springen

Das Tebi Widget auf deiner Website einbinden

Schritt-für-Schritt-Anleitung zum Hinzufügen des Tebi-Reservierungen-Widgets zu deiner Website – inklusive WordPress, Squarespace und Wix.

Wenn du mit Tebi Reservierungen oder Take-away-Verkäufen startest, machst du sie deinen Gästen am einfachsten zugänglich, indem du das Tebi Widget auf deiner Website installierst oder eine teilbare Landingpage nutzt.

  • Den Snippet-Code und den URL-Freigabelink (für eine Landingpage) für das Reservierungs-Widget findest du unter Back Office > Reservierungen > Einstellungen > Widget.

  • Den Snippet-Code für das Take-away-Widget findest du unter Back Office > QR-Bestellsystem > Take-away. Das Take-away-Widget hat keinen Freigabelink.

Außer der Farbe lassen sich Aussehen und Verhalten des Widgets nicht konfigurieren.


Widget-Sprache

Die Sprache des Widgets und der Bestätigungs-E-Mails wird automatisch anhand der Browsersprache des Gastes festgelegt. Um eine feste Sprache zu erzwingen, wähle sie im Dropdown-Menü Widget-Sprache aus.


Füge den Snippet-Code innerhalb des -Tags deiner Website ein.

  • Platziere den Code im Footer, damit er nach deinem Hauptinhalt lädt – so bleibt deine Seite schnell und sichtbare Elemente werden nicht blockiert.

  • Den Freigabelink aus Reservierungen > Einstellungen > Widget kannst du auch außerhalb deiner Website nutzen, zum Beispiel in Social-Media-Profilen wie deiner Instagram-Bio.


WordPress

Installiere das Tebi Widget für WordPress über das Plugin oder indem du das Snippet in den Footer deiner Website einfügst. Du musst als Administrator angemeldet sein – andere Konten können keine Plugins installieren oder Code hinzufügen.

Hinweis: Bist du unsicher, wie du ein Plugin auf deiner WordPress-Website installierst, wende dich an deinen Webmaster oder Webentwickler.

Das Plugin installieren

  1. Download the plugin zip-file.

  2. Melde dich mit einem Administrator-Konto auf deiner WordPress-Website an.

  3. Gehe im WordPress-Dashboard zu Plugins > Neues Plugin hinzufügen.

  4. Klicke auf Plugin hochladen.

  5. Wähle die ZIP-Datei aus, die du in Schritt 1 heruntergeladen hast.

  6. Klicke auf Jetzt installieren.

  7. Aktiviere das Plugin.

Plugin-Einrichtung

  1. Melde dich in deinem Tebi Back Office an.

  2. Gehe zu Reservierungen > Einrichtung.

  3. Kopiere das Tebi-Reservierungen-Token.

  4. Gehe in deinem WordPress-Dashboard zu Einstellungen > Tebi Reservierungen.

  5. Füge das Token in das Feld Reservierungen-Token ein.

  6. Aktiviere das Kästchen Widget aktivieren.

  7. Klicke auf Änderungen speichern.

Das Widget sollte nach einem Neuladen auf deiner WordPress-Website erscheinen. Falls nicht, versuche die Injection Location auf Footer zu ändern.


Squarespace

Hinweis: Für das Hinzufügen des Widgets auf einer Squarespace-Website ist ein Business-Abo erforderlich. Personal-Tarife unterstützen keinen individuellen Code im Footer.

  1. Öffne dein Squarespace-Admin-Dashboard über die /config-Seite.

  2. Gehe zu Website > Seiten > Website-Tools > Code-Injection.

  3. Füge das Tebi-Snippet in das Feld Footer ein und klicke auf Speichern.

  4. Du kannst beim Bearbeiten einer Seite in Squarespace auch eine Schaltfläche hinzufügen – nutze dafür das Snippet für individuelle Links von der Widget-Seite in Tebi.


Wix

  1. Melde dich bei Wix an.

  2. Wähle die Website aus, der du das Widget hinzufügen möchtest.

  3. Klicke im Menü links auf Einstellungen, gehe zu Erweitert und wähle Benutzerdefinierter Code.

  4. Klicke oben rechts auf Benutzerdefinierten Code hinzufügen.

  5. Füge das Tebi-Snippet oben in das Code-Feld ein.

  6. Wähle unter Code zu Seiten hinzufügen Alle Seiten und Code bei jeder neuen Seite laden aus.

  7. Wähle bei Code platzieren in Body – Ende aus.

  8. Klicke auf Übernehmen.

Das Widget sollte jetzt auf deiner Wix-Website erscheinen.


Brauchst du Hilfe?

Brauchst du Hilfe bei der Installation des Widgets, wende dich an den Tebi Support.

Hat dies deine Frage beantwortet?