Tischreservierungs-Widget auf der Website einbinden: Anleitung für Restaurants

Ein gut sichtbarer Reservierungsbutton macht den Buchungsweg auf deiner Restaurantwebsite leichter auffindbar. Je nach Website kannst du ein Widget direkt einbetten oder einen Button zur öffentlichen Buchungsseite verwenden.

In dieser Anleitung gehst du von der Vorbereitung bis zur Testreservierung. Wichtig: WordPress, Wix und die unterschiedlichen Jimdo-Produkte bieten nicht dieselben Möglichkeiten. Verwende immer den tatsächlich für dein Restaurant erzeugten Code oder Buchungslink.

Was du vor dem Einbau brauchst

Du benötigst Zugang zur Bearbeitung deiner Website und ein eingerichtetes Restaurant in deinem Reservierungssystem. Prüfe zuerst Öffnungszeiten, buchbare Zeiten und die vorgesehene Kapazität. Ein korrekt eingebautes Widget kann falsche Einstellungen nicht ausgleichen.

Bei TischAmigos ist das Website-Widget im kostenlosen Starter-Tarif für bis zu 30 Reservierungen pro Monat enthalten. Erweiterte Funktionen wie automatische Erinnerungen und fünf Sprachen gehören zu Pro. Den Umfang findest du unter Preise und Tarife.

Widget oder Buchungslink?

Widget: Das Buchungsformular wird in deiner Website angezeigt. Dafür muss dein Website-System die benötigte Einbettung unterstützen.

Buchungslink: Ein Button öffnet die öffentliche Buchungsseite deines Restaurants. Dieser Weg ist oft eine praktische Alternative, wenn eingebetteter Code nicht möglich ist.

In beiden Fällen muss das Ziel zu deinem Restaurant gehören. Verwende keinen allgemeinen Link zur Anmeldung für Restaurantbetreiber als Buchungsziel für Gäste.

Schritt 1: Den richtigen Buchungsweg bereitstellen

Öffne im Reservierungssystem den für dein Restaurant vorgesehenen Einbettungs- oder Veröffentlichungsbereich. Kopiere den tatsächlichen Code beziehungsweise den öffentlichen Buchungslink. Wenn dein Konto keinen solchen Bereich zeigt, frage nach dem passenden Weg, statt einen eigenen Code aus fremden Beispielen zusammenzubauen.

Bewahre keine Zugangsdaten in einem öffentlich sichtbaren Einbettungscode auf. Der Gastweg muss ohne Anmeldung als Restaurantbetreiber funktionieren.

Schritt 2: In dein Website-System einbauen

WordPress

Im WordPress-Blockeditor kannst du ein Element „Individuelles HTML“ beziehungsweise „Custom HTML“ verwenden. Füge den vom Anbieter vorgesehenen Code im passenden HTML- oder JavaScript-Bereich ein und speichere die Seite. Je nach Version und Berechtigung können Skripte beim Speichern entfernt werden. Prüfe deshalb den gespeicherten Inhalt und die veröffentlichte Seite.

Verändere keine Sicherheitseinstellungen pauschal, wenn der Code nicht erhalten bleibt. Kläre die unterstützte Einbindung mit der Person, die deine Website betreut, oder nutze einen Buchungslink.

Quelle: WordPress-Dokumentation zu Custom HTML.

Wix

Wix bietet je nach Editor Elemente zum Einbetten von Code oder einer externen Website. Wähle die Variante, die zum tatsächlichen TischAmigos-Einbettungsweg passt. Füge den vorgesehenen Code oder die unterstützte HTTPS-Adresse ein. Passe die Höhe des Elements an und prüfe die mobile Darstellung.

Ein Widget kann in einem zu kleinen Einbettungsbereich abgeschnitten wirken. Auch kann eine externe Website das Einbetten verhindern. Ein normaler Buchungsbutton ist dann eine Alternative. Die genauen Menübezeichnungen hängen von deinem Wix-Editor ab.

Quelle: Wix-Hilfe zur HTML- und Website-Einbettung. Eine ergänzende TischAmigos-Anleitung findest du unter Reservierungssystem in Wix.

Jimdo Creator

Jimdo Creator bietet ein Element „Widget/HTML“. Öffne den Bearbeitungsmodus, füge dieses Element hinzu und setze den vorgesehenen Code ein. Speichere anschließend und prüfe die veröffentlichte Seite.

Quelle: Jimdo Creator: Widgets einfügen.

Jimdo Website Builder / Dolphin

Dieser Editor ist von Jimdo Creator zu unterscheiden. Laut offizieller Hilfe kannst du dort keinen eigenen HTML-Code, keine Skripte und keine externen Widgets einfügen. Plane deshalb keine Creator-Anleitung für eine Website, die mit diesem Produkt erstellt wurde.

Prüfe stattdessen einen normalen Button mit dem öffentlichen Buchungslink deines Restaurants. Der Button öffnet die Buchungsseite; er ist keine direkte Widget-Einbettung.

Quelle: Jimdo Website Builder: Grenzen für eigenen Code. Mehr dazu unter Tischreservierung mit Jimdo.

Schritt 3: Den Reservierungsbutton sichtbar platzieren

Nutze eine eindeutige Beschriftung wie „Tisch reservieren“. Platziere den Einstieg in der Navigation und auf der Startseite in einem Bereich, den Gäste schnell finden. Prüfe besonders das mobile Menü.

Wenn der Button zur Reservierungsseite führt, sollte dort sofort der Buchungsweg sichtbar sein. Vermeide einen Umweg über einen allgemeinen Kontakttext, nach dem Gäste das Formular erst suchen müssen.

Schritt 4: Auf der veröffentlichten Website testen

Die Editorvorschau ist nur eine Zwischenkontrolle. Öffne die veröffentlichte Website und teste den vollständigen Ablauf mit deinen eigenen Testdaten.

Entferne oder storniere die Testreservierung anschließend über den vorgesehenen Weg, damit sie keine echten Plätze blockiert.

Häufige Probleme und nächste Schritte

Das Widget ist leer

Prüfe, ob der richtige Code vollständig gespeichert wurde und ob dein Website-System ihn unterstützt. Vergleiche außerdem die veröffentlichte Seite mit der Vorschau. Deaktiviere nicht wahllos Sicherheits- oder Datenschutzeinstellungen.

Das Formular wird abgeschnitten

Prüfe den Einbettungsbereich und dessen Höhe. Kontrolliere Desktop und Smartphone getrennt. Ein Formular, das am Desktop funktioniert, kann in einer mobilen Spalte zu wenig Platz haben.

Der Button führt zur falschen Seite

Ersetze einen alten Anbieterlink oder einen Betreiber-Login durch den tatsächlichen öffentlichen Buchungslink deines Restaurants. Prüfe auch mobile Menüs und bereits gedruckte QR-Codes.

Es wird kein gewünschter Termin angezeigt

Prüfe Öffnungszeiten, buchbare Zeiten, Kapazität und vorhandene Reservierungen. Ein nicht verfügbarer Termin ist nicht automatisch ein Darstellungsfehler des Widgets.

Google-Unternehmensprofil: Link statt Widget-Code

Ein Google-Unternehmensprofil ist keine frei bearbeitbare Website. Füge dort keinen HTML- oder JavaScript-Code ein. Wenn dein Profil eine passende Buchungslink-Funktion anbietet, verwende den öffentlichen Buchungslink. Eine native Reservierungsintegration ist ein eigener technischer Weg und darf nur beworben werden, wenn sie tatsächlich verfügbar und eingerichtet ist.

Starte mit deinem eigenen Buchungsweg

Prüfe zuerst, welche Einbindung deine Website unterstützt. Richte dann dein Restaurant ein und teste den Ablauf vom Reservierungsbutton bis zur Bestätigung.

Widget und Tarifumfang ansehen · Kostenlosen Starter-Tarif kennenlernen

Plattformquellen geprüft am 13.10.2026. Menüs und unterstützte Funktionen können sich mit Editorversionen ändern.