Einbindung

So binden Sie Tischreservierungen in Ihre Website ein

Das Widget besteht aus einem Script-Tag und einem leeren Container. Kein iframe, kein Build-Schritt.

Schritt 1: Embed-Code holen

  1. Im Admin-Bereich unter Embed Code den Code kopieren. Er enthält bereits den Schlüssel Ihres Restaurants.
  2. Unter Domains die Domain Ihrer Website eintragen, damit das Widget dort geladen werden darf.
<div id="reservier-widget"></div>
<script src="https://app.reservier.me/embed.js"
        data-key="YOUR_KEY"
        data-target="reservier-widget"
        defer></script>
Domain ohne https:// und ohne Schrägstrich am Ende eintragen. www.beispiel.at und beispiel.at sind zwei verschiedene Domains: tragen Sie die ein, unter der Ihre Seite wirklich aufgerufen wird.

Optionen

Sprache erzwingen mit data-lang="de" (auch en, it); ohne Angabe gilt die Sprache Ihres Restaurants. Farbe, Logo und Datenschutz-Link kommen aus Ihren Einstellungen.

Beliebige Website (HTML)

  1. Die Vorlage bzw. HTML-Datei der gewünschten Seite öffnen.
  2. Den Code dort einfügen, wo das Widget erscheinen soll (vor </body> ist ein sicherer Standard).
  3. Speichern, veröffentlichen und die Live-Seite prüfen.

Website-Baukästen mit einem Element „Custom HTML“, „Einbetten“ oder „Code“ (z. B. Squarespace, Webflow) nehmen denselben Code.

Wix wird derzeit nicht unterstützt, weil dort eingebettete Elemente nicht per Domain freigegeben werden können. Schreiben Sie uns, wenn Sie Wix nutzen.

WordPress

Funktioniert mit dem Block-Editor, dem Classic Editor und Page-Buildern.

  1. Seite in wp-admin öffnen.
  2. Einen Block „Eigenes HTML“ hinzufügen (im Classic Editor den Tab „Text“ verwenden).
  3. Code einfügen.
  4. Aktualisieren bzw. veröffentlichen.

Die Editor-Vorschau zeigt das Widget nicht an, das ist normal. Prüfen Sie die veröffentlichte Seite.

Für alle Seiten: ein Plugin wie WPCode oder „Insert Headers and Footers“ nutzen statt footer.php zu bearbeiten, damit Theme-Updates den Code nicht entfernen. Bei Elementor oder Divi das Element „HTML“ verwenden.

Shopify

Am besten mit Online Store 2.0 Themes. Ältere Themes brauchen einen anderen Weg.

  1. Optional eine Seite „Tisch reservieren“ anlegen und ins Menü aufnehmen.
  2. Den Theme-Editor öffnen und diese Seite wählen.
  3. Einen Abschnitt „Custom Liquid“ hinzufügen und den Code einfügen.
  4. Speichern.

Ältere Themes: unter „Code bearbeiten“ die Seitenvorlage (z. B. page.liquid) öffnen und den Code direkt einfügen.

Probleme beheben

Der Widget-Bereich bleibt leer oder zeigt „Not found“ bzw. einen Fehler

Meist ist die Domain nicht freigegeben. Prüfen Sie unter Domains den exakten Eintrag: ohne https://, ohne Schrägstrich, mit oder ohne www genau so wie die Seite aufgerufen wird.

Es funktioniert in der Vorschau, aber nicht live

Geben Sie die öffentliche Domain frei, nicht eine Staging- oder Vorschau-Adresse.

Das Widget lädt, zeigt aber keine Uhrzeiten

Prüfen Sie unter Shifts & closures, dass für den getesteten Wochentag ein aktiver Service mit Plätzen existiert und der Tag nicht gesperrt ist. Gibt es Bereiche (z. B. Terrasse), müssen deren Plätze für die Personenzahl reichen.

Die Bestätigungs-E-Mail kommt nicht an

Bitten Sie den Gast, den Spam-Ordner zu prüfen. Die Reservierung wird erst nach Klick auf den Link verbindlich und bleibt dafür 20 Minuten reserviert.

← Zurück zu reservier.me