Guía de integración

Añade HappyChef a tu propia web con código para copiar y pegar. El ID de tu restaurante se rellena automáticamente cuando has iniciado sesión.

Visión general y el ID de tu restaurante

Añade HappyChef a tu propia web con código para copiar y pegar. Nunca llamas a nuestros servidores directamente: simplemente incrustas nuestra página de reservas alojada, el widget de reservas o el flujo de tarjeta regalo. Nosotros nos encargamos de la disponibilidad, los pagos, la seguridad y las actualizaciones por ti. Cuando has iniciado sesión en HappyChef, cada fragmento de más abajo se rellena automáticamente con el ID de tu restaurante; si no, sustituye YOUR_RESTAURANT_ID por tu ID.

Funciona con cualquier web o creador de webs que te permita pegar HTML.
El ID de tu restaurante es el identificador que aparece en los fragmentos: se rellena automáticamente cuando has iniciado sesión.
No requiere configuración en el servidor, claves ni mantenimiento por tu parte.

Página de reservas (iframe)

Incrusta la página de reservas completa de HappyChef directamente en tu web. Los clientes eligen fecha, hora y número de comensales y reservan sin salir de tu página.

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

Ajusta el ancho y el alto para que encaje con tu diseño.
El formulario es responsive y funciona en el móvil.
La disponibilidad, el ritmo y las confirmaciones se gestionan automáticamente.

Widget de reservas (script)

Añade un botón flotante de “Reservar” a cualquier página con una sola etiqueta de script. Abre el flujo de reservas en una capa superpuesta, por lo que funciona sobre tu diseño actual.

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

Sin la opción de tarjeta regalo

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

Botón a la izquierda

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

Pega el script justo antes de la etiqueta de cierre </body>.
Usa los atributos opcionales para definir la posición, el tema y el idioma.
Añade data-hide-giftcard="true" para ocultar la opción de tarjeta regalo en el widget.

Tarjeta regalo (digital)

Incrusta el flujo de tarjeta regalo digital para que los clientes puedan comprar una tarjeta regalo online y recibirla por correo electrónico. Perfecto para una página dedicada de “Tarjetas regalo” en tu web.

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

Establece un alto suficiente para que se vea todo el formulario.
Los clientes reciben la tarjeta regalo por correo electrónico tras la compra.
Canjea las tarjetas regalo en el restaurante escaneando el código.

Tarjeta regalo con recogida

Incrusta el flujo de tarjeta regalo con opción de recogida física, para que los clientes puedan comprar online y recoger una tarjeta impresa en tu restaurante. Incluye temas de color para combinar con tu web.

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

Configura primero tus franjas de recogida en tu horario de apertura.
Cambia el valor del tema para que combine con tu marca (p. ej. black, blue, green, purple).
Los clientes eligen entre la entrega por correo electrónico y la recogida en persona.