Mit Google reservieren und Integrationen
Buchungs-Widget-Code kopieren
Kopieren Sie den Modal-, Drawer-, Inline- oder URL-Installationscode, um die Reslify-Reservierung auf einer Restaurantwebsite einzubinden.
Wählen Sie die richtige Installationsoption
Die Registerkarte Installieren bündelt alle Installationsoptionen für öffentliche Websites. Verwenden Sie die Buchungsseiten-URL für einen einfachen Link, die unverarbeitete Einbettungs-URL für eine Vorschau oder direkte Iframe-Integration, die Widget-Skript-URL zum direkten Laden des Skripts und die Modal-, Drawer- oder Inline-Snippets für einbaufertige Widget-Installationen.
Die verfügbaren Ausgänge sind:
- Buchungsseiten-URL: öffnet die öffentliche Buchungsseite unter
/p/{slug}. - Unverarbeitete Einbettungs-URL: öffnet den einbettbaren Reservierungsablauf unter
/embed/{merchantId}. - Widget-Skript-URL: lädt
/booking-widget.jsvom Portal. - Modal-Einbettungsskript: öffnet die Reservierung in einem zentrierten Overlay.
- Drawer-Einbettungsskript: öffnet die Reservierung vom Bildschirmrand aus.
- Inline-Einbettungsskript: bindet den Reservierungsablauf in einen Seitenabschnitt ein.
Code kopieren
- Öffnen Sie Einstellungen / Portal.
- Wählen Sie die Registerkarte Installation.
- Wählen Sie die Ausgabe aus, die die Website benötigt.
- Wählen Sie die entsprechende Kopierschaltfläche aus: Link kopieren, Embed-URL kopieren, Skript-URL kopieren, Modal-Skript kopieren, Drawer-Skript kopieren oder Inline-Skript kopieren.
- Senden Sie den kopierten Code an den Website-Entwickler oder fügen Sie ihn in das Website-CMS ein, wenn Sie die Website verwalten.
- Testen Sie das Widget vor der Veröffentlichung auf einer Staging-Seite. Wenn Sie später ein neues Snippet neu generieren oder kopieren, testen Sie die Seite erneut, nachdem Sie den alten Code ersetzt haben.
Modal, Drawer oder Inline
Modal öffnet das Buchungserlebnis in einem zentrierten Overlay.
Drawer öffnet es von der Seite des Bildschirms.
Inline bindet den Reservierungsablauf direkt in einen Seitenabschnitt ein.
Verwenden Sie beim Website-Text, den Designerwartungen und den Portaleinstellungen denselben Modus, damit das Restaurantteam weiß, was die Gäste sehen werden.
Modale und Drawer-Snippets enthalten die Schaltflächenbeschriftung in data-reslify-button-text. Inline-Snippets enthalten ein div mit id="reslify-booking" und das Ziel #reslify-booking. Platzieren Sie das Ziel also genau dort, wo der Buchungsfluss auf der Seite erscheinen soll.