Wie können meine Gäste online reservieren?

Summary: Das Gastro.Digital Reservierungswidget per iFrame oder Link auf deiner eigenen Webseite einbinden – Schritt-für-Schritt-Anleitung.

Das Reservierungssystem lässt sich auf verschiedene Arten in deine Online-Präsenz einbinden. Die Einstellungen dafür findest du unter Reservierung → Integration → Website Integration.

Direkter Link

Unter Direkter Link findest du die URL zu deinem Reservierungsformular. Diesen Link kannst du:

• hinter einen Button auf deiner Webseite legen
• in Social-Media-Profilen hinterlegen (z. B. Instagram-Bio oder als Story-Link, der als Highlight gepinnt wird)
• in E-Mails oder anderen Kommunikationsmitteln verwenden

Reservierungs-Widget einbinden

Mit dem Reservierungs-Widget lässt sich das Buchungsformular direkt in eine Webseite einbetten. Den Einbindungscode findest du direkt in der App – leite ihn an den/die zuständige/n Webentwickler/in weiter.

Hinweis: Wenn du mehrere Gastro.Digital-Widgets auf deiner Webseite einbindest, benötigst du die Scripte im ersten Schritt nur einmal.

Anzeigeeinstellungen fürs Widget

Unter Reservierung → Integration gibt es weitere Optionen, wie das Widget für Gäste erscheint:

• Reihenfolge bei der Online-Reservierung: Standardmäßig wählt der Gast zuerst das Datum. Du kannst jedoch einstellen, dass zuerst die Vorlage (z. B. Anlass oder Aktivität) ausgewählt wird. Das ist besonders sinnvoll bei Event-Gastronomie oder Freizeitanlagen, wo Gäste zuerst auswählen, ob sie z. B. zum Bowlen, Billard oder zu einem Kurs kommen möchten.
• Öffnungszeiten anzeigen: Normalerweise werden die Öffnungszeiten nach der Datumsauswahl angezeigt. Du kannst sie aber auch komplett ausblenden – sinnvoll z. B. wenn du das System für mehrere Bereiche oder Restaurants an einem Standort nutzt und die Gäste nicht durch übergreifende Öffnungszeiten verwirrt werden sollen.

Wie passe ich das Widget-Layout an?

Im Abschnitt Widget-Layout kannst du das Erscheinungsbild des Reservierungsformulars an deine CI anpassen:

• Hintergrundfarbe: Hintergrund des Widgets und der externen Gutscheinkaufseite. Optional: transparenter Hintergrund
• Hauptfarbe: Wird für Texte verwendet
• Akzentfarbe: Wird für Buttons und Akzente verwendet

Ein Klick auf das jeweilige Farbfeld öffnet die Farbeingabe, wo du den gewünschten Farbcode (z. B. Hex-Code) eingeben kannst.

Zusätzlich kannst du Schriftarten für Titel/Buttons und für Texte/Eingabefelder separat festlegen.

Die Vorschau rechts aktualisiert sich beim Bearbeiten. Über den direkten Link kannst du das Widget auch in einem neuen Tab in der Vollansicht testen. Nicht vergessen: Änderungen am Ende mit Einstellungen speichern bestätigen.

Noch Fragen? Unser Support-Team hilft gerne weiter – einfach auf den Chat-Button unten rechts im Kundencenter klicken.