Buchungs-Widget auf eurer Website einbauen

Das Reservierungs-Widget ist ein kleines Fenster, in dem eure Gäste direkt auf eurer Website einen Tisch reservieren können. Sie geben Datum, Uhrzeit und Personenzahl ein, das Widget zeigt verfügbare Slots und schließt die Buchung ab — alles ohne dass jemand das Telefon in die Hand nimmt.

Gut zu wissen: Sobald das Widget für euren Zugang freigeschaltet und konfiguriert ist, könnt ihr den bereitgestellten Code-Schnipsel in eure Website einfügen. Falls ihr keine eigene Website habt, besprecht die verfügbaren Optionen im Zugangsgespräch.

So findet ihr euren Code-Schnipsel

1. In der App: oben rechts auf Einstellungen klicken
2. „Reservierungs-Widget” auswählen
3. Den Code-Schnipsel in das Zwischenablage-Symbol kopieren

Der Code sieht ungefähr so aus — die genaue Adresse erhaltet ihr für euer Restaurant:

<iframe src="https://app.hey-gastroline.ai/widget/euer-restaurant-name" 
        style="width:100%; min-height:600px; border:0;"></iframe>

Wichtig: nicht den Code abtippen, sondern wirklich kopieren. Der Restaurant-Name ist individuell.

Einbau in WordPress

1. Im WordPress-Backend auf die Seite, wo das Widget hin soll (z. B. „Reservierung”)
2. Auf Bearbeiten klicken, dann einen Custom-HTML-Block einfügen
3. Den kopierten Code dort einfügen
4. Speichern und veröffentlichen

Das Widget erscheint direkt im Layout eurer Seite, in der Breite, die ihr ihm gebt.

Einbau in Wix

1. Im Wix-Editor die Seite öffnen, wo das Widget hin soll
2. Links auf das Plus-Zeichen → „Einbetten” → „Custom-Code” → „HTML-Code”
3. Den kopierten Code einfügen
4. Größe anpassen (mindestens 600 Pixel Höhe), speichern und veröffentlichen

Einbau in Squarespace

1. Im Editor die Zielseite öffnen
2. Neuen Block einfügen → „Einbettung” → „Code-Block”
3. Den Code einsetzen, speichern und veröffentlichen

Einbau in eine selbst gebaute Website

Wenn ihr eure Website selbst betreut oder eine Agentur habt: gebt den Code-Schnipsel an die zuständige Person. Es ist ein Standard-iframe; ob zusätzliche Einstellungen nötig sind, hängt vom Website-System und dessen Sicherheitsrichtlinien ab. Wer es selbst einbaut, fügt den Code an die gewünschte Stelle ein und passt die Höhe an das Seitenlayout an.

Farben anpassen

Wenn die Branding-Optionen für euren Zugang freigeschaltet sind, könnt ihr die Darstellung des Widgets an eure Website anpassen.

Wer mehr Kontrolle möchte, kann im Widget-Einstellungs-Bereich Hintergrund, Akzent und Textfarben einzeln festlegen.

So testet ihr, ob alles funktioniert

Öffnet eure Website in einem privaten Browserfenster (so seid ihr nicht als Restaurant-Inhaber eingeloggt) und probiert eine Test-Reservierung. Wenn die Buchung in eurer Hey-Gastroline-Tagesansicht erscheint, läuft alles. Diese Test-Buchung könnt ihr danach einfach im Dashboard stornieren.

Was tun bei Problemen

Häufigste Stolpersteine:

• Widget zu schmal: die Höhe (mindestens 600 Pixel) ist wichtig, sonst werden Verfügbarkeits-Slots abgeschnitten
• Widget lädt nicht: prüft, ob euer Restaurant in den Hey-Gastroline-Einstellungen freigegeben ist und Öffnungszeiten hinterlegt sind
• Falsche Zeiten: kontrolliert die Öffnungszeiten in den Einstellungen

Wenn etwas hakt, schreibt uns über die Kontakt-Seite.