Integrationsguide

Lägg till HappyChef på din egen webbplats med kod att kopiera och klistra in. Ditt restaurang-ID fylls i automatiskt när du är inloggad.

Översikt & ditt restaurang-ID

Lägg till HappyChef på din egen webbplats med kod att kopiera och klistra in. Du anropar aldrig våra servrar direkt — du bäddar helt enkelt in vår hostade bokningssida, bokningswidget eller presentkortsflöde. Vi sköter tillgänglighet, betalningar, säkerhet och uppdateringar åt dig. När du är inloggad på HappyChef fylls varje kodavsnitt nedan i med ditt eget restaurang-ID automatiskt; om inte, ersätt YOUR_RESTAURANT_ID med ditt ID.

Fungerar med vilken webbplats eller webbplatsbyggare som helst som låter dig klistra in HTML.
Ditt restaurang-ID är den identifierare som visas i kodavsnitten — det fylls i automatiskt när du är inloggad.
Ingen konfiguration på serversidan, inga nycklar och inget underhåll krävs från din sida.

Bokningssida (iframe)

Bädda in hela HappyChef-bokningssidan direkt på din webbplats. Gäster väljer datum, tid och sällskapets storlek och bokar utan att lämna din sida.

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

Justera bredd och höjd så att de passar din layout.
Formuläret är responsivt och fungerar på mobil.
Tillgänglighet, pacing och bekräftelser hanteras automatiskt.

Bokningswidget (skript)

Lägg till en flytande ”Boka”-knapp på vilken sida som helst med en enda skripttagg. Den öppnar bokningsflödet i ett överlägg, så den fungerar ovanpå din befintliga design.

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

Utan presentkortsalternativet

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

Knapp till vänster

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

Klistra in skriptet precis före den avslutande </body>-taggen.
Använd de valfria attributen för att ställa in position, tema och språk.
Lägg till data-hide-giftcard="true" för att dölja presentkortsalternativet i widgeten.

Presentkort (digitalt)

Bädda in det digitala presentkortsflödet så att gäster kan köpa ett presentkort online och få det via e-post. Perfekt för en dedikerad ”Presentkort”-sida på din webbplats.

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

Ställ in höjden tillräckligt högt så att hela formuläret syns.
Gäster får presentkortet via e-post efter köpet.
Lös in presentkort på restaurangen genom att skanna koden.

Presentkortsavhämtning (upphämtning)

Bädda in presentkortsflödet med ett fysiskt upphämtningsalternativ, så att gäster kan köpa online och hämta ett tryckt kort på din restaurang. Inkluderar färgteman som matchar din webbplats.

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

Konfigurera först dina upphämtningstider i dina öppettider.
Ändra temavärdet så att det matchar ditt varumärke (t.ex. black, blue, green, purple).
Gäster väljer mellan leverans via e-post och upphämtning på plats.