Buchungs-Widget auf Ihrer Website einbinden

Welchen Stil sollten Sie wählen?

Eingebettet ist am besten, wenn Sie eine Seite „Buchen“ oder einen freien Abschnitt auf Ihrer Startseite haben. Das Formular sitzt in der Seite, passt seine Größe an, während der Gast es durchgeht, und sieht aus wie ein Teil Ihrer Website. Button ist am besten, wenn Sie Ihr Layout nicht ändern möchten: Er setzt einen Button dorthin, wo Sie das Skript einfügen, und das Formular öffnet sich über der Seite. Iframe ist für Baukästen, die Skripte entfernen, aber Einbettungen erlauben. Link ist für alles andere.

Alle vier führen zur selben Buchungsseite, der Gast erlebt also immer genau dasselbe, egal wie er ankommt. Sie können mehrere gleichzeitig nutzen, zum Beispiel eingebettet auf Ihrer Reservierungsseite und als Button im Header.

So funktioniert es im Hintergrund

Das Skript erzeugt einen iframe, der im Einbettungsmodus auf Ihre Buchungsseite zeigt, wobei Kopf- und Fußbereich ausgeblendet werden und der Hintergrund transparent ist. Die Buchungsseite teilt der übergeordneten Seite ihre Höhe mit, während der Gast weitergeht, sodass es nie eine Bildlaufleiste in einer Bildlaufleiste gibt. Nichts sonst auf Ihrer Seite wird angefasst. Das Skript ist kleiner als 4KB, lädt nach Ihrem Inhalt und setzt auf Ihrer Website keine Cookies.

Weil das Formular auf tablez.uk läuft, verarbeiten Sie nie Kundendaten auf Ihrer eigenen Website und müssen nichts aktualisieren, wenn wir die Buchungsseite verbessern. Ihr Einbettungscode bleibt für immer derselbe.

Funktioniert es mit meinem Website-Baukasten?

Ja, wenn Sie dort HTML einfügen können. Das ist fast überall der Fall:

• WordPress: in einen Block „Benutzerdefiniertes HTML“ einfügen. Kein Plugin nötig.
• Squarespace: ein Code-Block auf einer beliebigen Seite.
• Wix: ein Element „HTML einbetten“ oder ein Button, der auf Ihre Seite verlinkt.
• Shopify: ein Abschnitt „Custom Liquid“ oder eine Seite in der HTML-Ansicht.
• Webflow, GoDaddy, Weebly, Jimdo, Carrd, Framer: deren Einbettungs- oder HTML-Element.
• Reines HTML, das jemand vor Jahren gebaut hat: in einem Texteditor einfügen und hochladen.

Google Sites und einige kostenlose Baukästen entfernen Skripte. Nutzen Sie dort den iframe oder den Link.

Damit es aussieht wie Ihres

Legen Sie in Ihrem Tablez-Dashboard eine Akzentfarbe fest und laden Sie ein Logo hoch. Das eingebettete Formular nutzt beides. Die Buchungsseite hat darüber hinaus kaum eigene Gestaltung, sodass sie sich auf hellen und dunklen Websites gleichermaßen gut einfügt. Wenn der Button „Tisch reservieren“ exakt zu den eigenen Buttons Ihrer Website passen soll, verzichten Sie auf den erzeugten Button und nutzen Sie die Klasse tablez-open bei einem Ihrer eigenen.

Mobil

Das Formular ist zuerst für Handys gebaut, denn dort finden die meisten Buchungen statt. Eingebettet nimmt es die volle Breite eines Handybildschirms ein. Das Button-Overlay füllt auf dem Handy den Bildschirm und sitzt auf dem Desktop in einem zentrierten Fenster. Testen Sie es nach dem Einfügen auf Ihrem eigenen Handy; die Live-Demo zeigt, was Sie erwarten können.