Integratiegids

Voeg HappyChef toe aan je eigen website met kant-en-klare code. Je restaurant-ID wordt automatisch ingevuld wanneer je ingelogd bent.

Overzicht & je restaurant-ID

Voeg HappyChef toe aan je eigen website met kant-en-klare code. Je roept onze servers nooit rechtstreeks aan — je sluit gewoon onze gehoste boekingspagina, reserveringswidget of cadeaubonflow in. Wij verzorgen beschikbaarheid, betalingen, beveiliging en updates voor jou. Wanneer je ingelogd bent bij HappyChef, wordt elk fragment hieronder automatisch met je eigen restaurant-ID ingevuld; zo niet, vervang dan YOUR_RESTAURANT_ID door je ID.

Werkt met elke website of websitebouwer waar je HTML kunt plakken.
Je restaurant-ID is de identifier in de fragmenten — die wordt automatisch ingevuld wanneer je ingelogd bent.
Geen serverconfiguratie, sleutels of onderhoud nodig aan jouw kant.

Boekingspagina (iframe)

Sluit de volledige HappyChef-boekingspagina rechtstreeks in op je website. Gasten kiezen een datum, tijd en groepsgrootte en reserveren zonder je pagina te verlaten.

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

Pas breedte en hoogte aan je lay-out aan.
Het formulier is responsief en werkt op mobiel.
Beschikbaarheid, pacing en bevestigingen worden automatisch verzorgd.

Reserveringswidget (script)

Voeg een zwevende “Reserveer”-knop toe aan elke pagina met één scripttag. Hij opent de boekingsflow in een overlay, dus hij werkt bovenop je bestaande ontwerp.

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

Zonder cadeaubon-optie

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

Knop aan de linkerkant

<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>

Plak het script net voor de afsluitende </body>-tag.
Gebruik de optionele attributen om positie, thema en taal in te stellen.
Voeg data-hide-giftcard="true" toe om de cadeaubon-optie in de widget te verbergen.

Cadeaubon (digitaal)

Sluit de digitale cadeaubonflow in zodat gasten online een cadeaubon kopen en per e-mail ontvangen. Ideaal voor een aparte “Cadeaubonnen”-pagina op je website.

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

Stel de hoogte hoog genoeg in zodat het hele formulier zichtbaar is.
Gasten ontvangen de cadeaubon per e-mail na aankoop.
Verzilver cadeaubonnen in het restaurant door de code te scannen.

Cadeaubon-afhaling (take-away)

Sluit de cadeaubonflow in met een fysieke afhaaloptie, zodat gasten online kopen en een gedrukte bon in je restaurant ophalen. Inclusief kleurthema’s die bij je site passen.

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

Stel eerst je afhaalmomenten in bij je openingsuren.
Wijzig de themawaarde zodat ze bij je merk past (bv. black, blue, green, purple).
Gasten kiezen tussen levering per e-mail en persoonlijke afhaling.