Reservierung, Bestellung, Speisekarte oder Gutschein auf der eigenen Website einbinden
So binden Sie Servire-Funktionen in Ihre bestehende Website ein
Sie haben schon eine eigene Website — bei Jimdo, Wix, WordPress oder einem anderen Anbieter — und möchten dort Ihre Tischreservierung, die Speisekarte, die Gästebestellung oder den Gutscheinverkauf anzeigen. Dafür gibt Servire Ihnen einen fertigen Code zum Einfügen.
Ihre Servire-Gästeseite braucht eine Adresse. Fehlt sie, meldet der Dialog: Der Code erscheint, sobald deine Webseite eine Adresse hat.
Code holen
- Öffnen Sie im Web desk den Bereich Website und klicken Sie auf Einbinden & Teilen.
- Wählen Sie oben Auf einer fremden Webseite. Die zweite Möglichkeit, Auf deiner Servire-Seite, ist für Bausteine auf Ihrer Servire-Gästeseite gedacht — dort brauchen Sie keinen Code.
- Wählen Sie unter Einbettungsart zwischen Reservierung, Bestellung, Speisekarte und Gutscheine. Dazu stellen Sie Darstellung und Sprache ein.
- Kopieren Sie den Code unter Diesen Code auf deiner Webseite einfügen und setzen Sie ihn bei Ihrem Website-Anbieter in ein HTML-Element ein.
Domain freigeben
Tragen Sie unter Freigegebene Domains die Adresse Ihrer Website ein, zum Beispiel https://www.beispiel.de — ohne Pfad und ohne Platzhalter wie *.beispiel.de. Ohne Eintrag meldet der Dialog: Noch keine Domain freigegeben — die Einbettung auf fremden Seiten ist damit aus. Ihre eigene Servire-Adresse ist immer erlaubt.
Den Code vollständig einfügen
Der Code besteht aus zwei Teilen: dem Rahmen selbst und einem kurzen <script>-Block darunter. Der Script-Block sorgt dafür, dass der Rahmen genau so hoch wird wie sein Inhalt — und wieder schrumpft, wenn der Gast zum Beispiel die Bestätigungsseite erreicht.
Kopieren Sie immer beide Teile. Manche Baukästen — darunter Jimdo und Wix — entfernen <script>-Blöcke aus HTML-Elementen. Dann bleibt der Rahmen auf seiner Starthöhe stehen, und unter kurzen Seiten entsteht ein großer leerer Bereich. Prüfen Sie nach dem Speichern, ob der Script-Block noch da ist; falls Ihr Baukasten ihn entfernt, nutzen Sie ein Element, das eigenes HTML samt Skripten erlaubt.
Darstellung und Sprache
Unter Darstellung wählen Sie Automatisch, Hell oder Dunkel. Automatisch übernimmt die Farben Ihrer Servire-Gästeseite und passt damit zu Ihrem dort gewählten Design. Hell und Dunkel geben dem Rahmen stattdessen feste Farben — sinnvoll, wenn Ihre Website deutlich heller oder dunkler ist als Ihr Servire-Design. Unter Sprache legen Sie fest, in welcher Sprache Ihre Gäste den Rahmen sehen.
Über der Vorschau sehen Sie jederzeit, wie die Einbettung bei Ihren Gästen aussehen wird. Ändern Sie Darstellung oder Sprache, ändert sich auch der Code — kopieren Sie ihn danach erneut.