Zusammenfassung: 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 Unter Website Integration findest du den direkten Link sowie die Widget-Einbindung 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. Den individuellen Einbindungscode findest du direkt in der App unter Website Integration 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. Im Widget-Layout kannst du Farben anpassen und siehst rechts eine Vorschau des Formulars Zusätzlich kannst du Schriftarten für Titel/Buttons und für Texte/Eingabefelder separat festlegen. Schriftarten für Titel und Texte lassen sich getrennt einstellen 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.
