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: Das Widget ist immer aktiviert, sobald euer Konto eingerichtet ist. Ihr müsst nur einen kurzen Code-Schnipsel in eure Website einfügen. Wer keine Website hat, kann unsere kostenlose Hey-Gastroline-Webseite nutzen — dort ist das Widget schon eingebaut.

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 wird automatisch für euer Restaurant erzeugt:

<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 einfach den Code-Schnipsel an die zuständige Person. Es ist ein Standard-iframe — funktioniert auf jeder Website. Wer es selbst einbaut, fügt den Code an die Stelle ein, wo das Widget erscheinen soll, und passt die Höhe an euer Seitenlayout an.

Farben anpassen

Das Widget übernimmt automatisch eure Akzentfarbe aus den Einstellungen. Wenn ihr also in Hey-Gastroline euer Brand-Blau hinterlegt habt, sieht das Widget aus wie ein Teil eurer Website — nicht wie ein fremdes Stück.

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 kurz unter kontakt — wir helfen direkt.