Widget-Layout und Startschaltfläche konfigurieren

Was die Einstellungen der Startschaltfläche steuern

Die Einstellungen legen fest, wie die vom SDK bereitgestellte Buchungsschaltfläche auf der Restaurantwebsite erscheint. Außerdem bestimmen sie das Standardverhalten für Modal-, Drawer- und Inline-Installationen, bevor websitespezifische Überschreibungen angewendet werden.

Launcher und Verhalten konfigurieren

1. Öffnen Sie Einstellungen / Portal.
2. Wählen Sie Allgemein.
3. Legen Sie im Launcher den Button-Text fest.
4. Wählen Sie Button-Form: Pille, Abgerundet oder Quadratisch.
5. Wählen Sie Button-Größe: Klein, Mittel oder Groß.
6. Legen Sie Button-Farbe und Button-Textfarbe fest.
7. Aktivieren oder deaktivieren Sie Button-Schatten.
8. Wählen Sie unter Verhalten den Standardmodus: Modal, Drawer oder Inline.
9. Legen Sie Z-Index fest, wenn das Widget über Website-Elementen angezeigt werden muss.
10. Überprüfen Sie die Werte Laufzeit und Inline-Verhalten, wenn die Installation den Inline-Modus verwendet.
11. Wählen Sie Portaleinstellungen speichern.

Drawer-Platzierung anpassen

Verwenden Sie die Registerkarte Drawer, wenn der Standardmodus oder das Installations-Snippet Drawer verwendet. Launcher-Platzierung steuert, ob der Launcher unten links oder unten rechts auf der Seite angezeigt wird. Die Werte für Versatz und Drawer-Breite sind in den generierten Skriptattributen enthalten. Aktualisieren Sie sie daher, bevor Sie ein neues Drawer-Snippet kopieren.

Die Platzierung des Drawers ist besonders wichtig auf Websites mit fixierter Navigation, Cookie-Banner, Chat-Tools oder schwebenden Bedienelementen für Barrierefreiheit. Testen Sie die Startschaltfläche nach dem Speichern auf Mobilgeräten und Desktop-Geräten. Sie muss sichtbar sein und darf keine wichtigen Website-Aktionen verdecken.

Arbeiten Sie mit dem Website-Design

Wählen Sie einen Schaltflächentext, der zur Handlungsaufforderung der Website passt, etwa „Reservieren“, „Tisch reservieren“ oder den bevorzugten Wortlaut des Restaurants. Verwenden Sie Farben mit ausreichendem Kontrast zum Seitenhintergrund.

Wenn das Widget hinter Cookie-Bannern, Navigations- oder Chat-Tools erscheint, passen Sie den Z-Index sorgfältig an und testen Sie es erneut auf Mobilgeräten und Desktops.

Snippets ausgerichtet halten

Die Registerkarte Installation generiert Snippets für die ausgewählten Widget-Modi. Je nach Modus können Snippets Attribute wie data-reslify-button-text, data-reslify-mode, data-reslify-offset, Breite, Platzierung und Z-Index enthalten.

Die Portaleinstellungen definieren die Standardwerte des Restaurants. Websitespezifische Skriptattribute können einzelne Werte für eine Seite überschreiben. Eine Änderung der Portaleinstellungen ändert daher nicht immer ein bereits eingefügtes benutzerdefiniertes Snippet. Wenn Sie Text, Modus, Drawer-Platzierung, Versatz, Breite oder Z-Index ändern, speichern Sie die Einstellungen und kopieren Sie das aktualisierte Snippet, sofern der Website-Code diese Werte enthalten soll.