Integrationsleitfaden

Fügen Sie HappyChef mit Code zum Kopieren zu Ihrer eigenen Website hinzu. Ihre Restaurant-ID wird automatisch eingetragen, wenn Sie angemeldet sind.

Überblick & Ihre Restaurant-ID

Fügen Sie HappyChef mit Code zum Kopieren zu Ihrer eigenen Website hinzu. Sie rufen unsere Server nie direkt auf — Sie betten einfach unsere gehostete Buchungsseite, das Reservierungs-Widget oder den Gutschein-Ablauf ein. Wir kümmern uns um Verfügbarkeit, Zahlungen, Sicherheit und Aktualisierungen für Sie. Wenn Sie bei HappyChef angemeldet sind, wird in jeden Schnipsel unten automatisch Ihre eigene Restaurant-ID eingetragen; falls nicht, ersetzen Sie YOUR_RESTAURANT_ID durch Ihre ID.

Funktioniert mit jeder Website oder jedem Website-Baukasten, der das Einfügen von HTML erlaubt.
Ihre Restaurant-ID ist die in den Schnipseln angezeigte Kennung — sie wird automatisch eingetragen, wenn Sie angemeldet sind.
Keine serverseitige Einrichtung, keine Schlüssel und keine Wartung auf Ihrer Seite erforderlich.

Buchungsseite (iframe)

Betten Sie die komplette HappyChef-Buchungsseite direkt in Ihre Website ein. Gäste wählen Datum, Uhrzeit und Personenzahl und reservieren, ohne Ihre Seite zu verlassen.

<iframe src="https://happychef.cloud/book/?restaurantId=YOUR_RESTAURANT_ID" style="width:100%;height:90vh;border:none;"></iframe>

Passen Sie Breite und Höhe an Ihr Layout an.
Das Formular ist responsiv und funktioniert auf dem Smartphone.
Verfügbarkeit, Pacing und Bestätigungen werden automatisch übernommen.

Reservierungs-Widget (Skript)

Fügen Sie mit einem einzigen Skript-Tag einen schwebenden „Reservieren"-Button zu jeder Seite hinzu. Er öffnet den Buchungsablauf in einem Overlay und funktioniert so über Ihrem bestehenden Design.

<script src="https://static.reservaties.net/widget/widget.bundle.js" data-restaurant-id="YOUR_RESTAURANT_ID"></script>

Ohne Gutschein-Option

<script src="https://static.reservaties.net/widget/widget.bundle.js" data-restaurant-id="YOUR_RESTAURANT_ID" data-hide-giftcard="true"></script>

Button links

<script src="https://static.reservaties.net/widget/widget.bundle.js" data-restaurant-id="YOUR_RESTAURANT_ID" data-position-large="left" data-position-medium="left" data-position-small="left"></script>

Fügen Sie das Skript direkt vor dem schließenden </body>-Tag ein.
Verwenden Sie die optionalen Attribute, um Position, Thema und Sprache festzulegen.
Fügen Sie data-hide-giftcard="true" hinzu, um die Gutschein-Option im Widget auszublenden.

Gutschein (digital)

Betten Sie den digitalen Gutschein-Ablauf ein, damit Gäste einen Gutschein online kaufen und per E-Mail erhalten können. Perfekt für eine eigene „Gutscheine"-Seite auf Ihrer Website.

<iframe src="https://tafelboeken.be/YOUR_RESTAURANT_ID/giftcard-iframe" style="width:100%;height:850px;border:none;"></iframe>

Stellen Sie die Höhe hoch genug ein, damit das gesamte Formular sichtbar ist.
Gäste erhalten den Gutschein nach dem Kauf per E-Mail.
Lösen Sie Gutscheine im Restaurant ein, indem Sie den Code scannen.

Gutschein-Abholung

Betten Sie den Gutschein-Ablauf mit einer Option zur physischen Abholung ein, damit Gäste online kaufen und eine gedruckte Karte in Ihrem Restaurant abholen können. Enthält Farbthemen, die zu Ihrer Website passen.

<iframe src="https://happy-giftcard.vercel.app?restaurantId=YOUR_RESTAURANT_ID&theme=black" style="border:none;width:100%;height:90vh;"></iframe>

Konfigurieren Sie zuerst Ihre Abholzeitfenster in Ihren Öffnungszeiten.
Ändern Sie den Themenwert, damit er zu Ihrem Branding passt (z. B. black, blue, green, purple).
Gäste wählen zwischen E-Mail-Versand und persönlicher Abholung.