VexTable Einbau

Widgets auf Kunden-Webseiten einbauen.

Meist ist es wirklich nur ein HTML-Block: Code kopieren, auf der Webseite einfügen, veröffentlichen, am Handy testen. Die einzigen Stolperstellen sind Website-Baukästen, die fremdes JavaScript blockieren.

Code kopieren

Fertige Einbau-Codes.

Die Restaurant-ID können Sie über die URL vorbefüllen, z. B. ?restaurantId=demo-restaurant. Im Admin werden die Codes automatisch mit dem ausgewählten Restaurant erzeugt.

Reservierungs-Widget

Für direkte Buchungen ohne Chat.

<!-- VexTable Reservierungs-Widget -->
<div id="vextable-booking-widget" data-restaurant-id="demo-restaurant"></div>
<script src="https://vextable.com/booking-widget.js" defer></script>

Bestell-Widget

Für Warenkorb, Abholung/Lieferung und Stripe-Checkout.

<!-- VexTable Bestell-Widget -->
<div id="vextable-order-widget" data-restaurant-id="demo-restaurant"></div>
<script src="https://vextable.com/order-widget.js" defer></script>

Chatbot-Widget

Für den schwebenden Reservierungsassistenten.

<!-- VexTable Chatbot-Widget -->
<div id="reservation-widget" data-restaurant-id="demo-restaurant"></div>
<script src="https://vextable.com/widget.js" defer></script>

Komplettpaket

Reservierung, Bestellung und Chat zusammen.

<!-- VexTable Reservierungs-Widget -->
<div id="vextable-booking-widget" data-restaurant-id="demo-restaurant"></div>
<script src="https://vextable.com/booking-widget.js" defer></script>

<!-- VexTable Bestell-Widget -->
<div id="vextable-order-widget" data-restaurant-id="demo-restaurant"></div>
<script src="https://vextable.com/order-widget.js" defer></script>

<!-- VexTable Chatbot-Widget -->
<div id="reservation-widget" data-restaurant-id="demo-restaurant"></div>
<script src="https://vextable.com/widget.js" defer></script>

WordPress, Wix, IONOS & Co.

Wo fügt man den Code ein?

WordPress

  1. Seite im Editor öffnen.
  2. Block Individuelles HTML einfügen.
  3. VexTable-Code einfügen, aktualisieren, mobil testen.

Wix

  1. Element hinzufügen öffnen.
  2. Einbetten oder HTML-Code auswählen.
  3. Code einfügen und darauf achten, dass externe Skripte erlaubt sind.

IONOS Website Builder

  1. Seite bearbeiten und ein HTML-/Embed-Element suchen.
  2. Code einfügen und veröffentlichen.
  3. Falls JavaScript blockiert wird: IONOS-Support oder Webdesigner bitten, externes JS zu erlauben.

Jimdo

Über ein Widget-/HTML-Element einfügen. Wenn nur ein iFrame erlaubt ist, sollte der Kunde lieber den Webdesigner fragen, weil VexTable als Script eingebettet wird.

Squarespace

Meist über einen Code Block. In manchen Tarifen sind Skripte eingeschränkt; dann braucht es den Bereich für benutzerdefinierten Code.

Eigene HTML-Seite

Den div an die gewünschte Stelle im Inhalt setzen und das passende script direkt danach oder vor dem schließenden Body einfügen.

Vor Übergabe

Startklar-Checkliste.

  1. Restaurant-ID im Code stimmt mit dem Admin überein.
  2. Widget ist auf Desktop und Handy sichtbar.
  3. Eine Testreservierung landet im Admin.
  4. Wenn Onlinebestellung aktiv ist: Speisekarte, Lieferart, Mindestbestellwert und Stripe prüfen.
  5. Der Kunde hat Admin-Link, Login-Name und Startpasswort separat erhalten.
  6. Datenschutzhinweis der Restaurant-Webseite wurde bei Bedarf ergänzt.

Wichtig bei Bestellungen

Der Warenkorb kann im Testmodus bedient werden. Echte bezahlte Bestellungen werden erst angenommen, wenn Stripe vollständig verbunden ist.

Wenn etwas nicht erscheint

Die häufigsten Ursachen.

Falsche Restaurant-ID

Die ID im Code muss exakt zum Admin passen. Groß-/Kleinschreibung, Leerzeichen und Tippfehler prüfen.

Website blockiert Skripte

Manche Baukästen erlauben nur iFrames oder blockieren fremdes JavaScript. Dann muss ein HTML-/Custom-Code-Bereich genutzt werden.

Nicht veröffentlicht

Viele Editoren zeigen den Code im Bearbeitungsmodus noch nicht richtig. Nach dem Speichern immer die veröffentlichte Seite öffnen.

Browser-Cache

Nach Änderungen einmal hart neu laden: Windows Strg + F5, Mac Cmd + Shift + R.