Guia pràctica · integració web

Com afegir reserves en línia al lloc web del vostre restaurant.

Abans de copiar el codi, configureu la disponibilitat que voleu oferir. A continuació, trieu entre un botó que enllaça amb el motor i un formulari incrustat. Aquesta guia cobreix ambdues opcions, passos de WordPress i comprovacions mòbils útils.

49€/mes + IVA · 30 dies gratuïts · sense targeta ni tancament

Equip de Qomanda · Publicat i revisat el 30 de setembre de 2026

1. Preparar hores i capacitat.

Definiu els dies de reserva, els serveis publicats, els intervals d'arribada i el nombre de convidats que podeu atendre. Assegureu-vos que les dates tancades no s'ofereixen com a disponibles.

Si ja teniu un altre sistema, decidiu quina eina controla cada canal durant la transició. Dos motors independents que venen els mateixos seients poden oferir una disponibilitat conflictiva. Reviseu primer les reserves futures i establiu una data de canvi.

2. Trieu un enllaç o un formulari incrustat.

Un botó Reserva mitjançant l'enllaç públic del restaurant és l'opció més senzilla: els hostes obren el motor i completen la reserva allà. Col·loqueu-lo a la capçalera i prop del contingut que explica el vostre restaurant. No ho amagueu només al final del menú.

Un iframe mostra el motor dins d'una pàgina web. Manteniu un enllaç alternatiu per a dispositius o plantilles on la inserció no funcioni bé. Eviteu diversos formularis de reserva diferents a la mateixa pàgina.

3. A WordPress, utilitzeu un bloc HTML personalitzat.

Obre la pàgina destinada a les reserves, afegeix un bloc HTML personalitzat i enganxa l'iframe del teu restaurant. Substituïu el llimac de mostra per l'identificador real; no publiqueu l'enllaç de demostració.

El codi següent utilitza una amplada completa i una alçada inicial indicativa. Ajusteu l'alçada comprovant totes les etapes del formulari: data, hora, detalls i confirmació. Les plantilles o els constructors visuals poden afegir marges al voltant del bloc; comproveu la vista publicada així com l'editor.

4. Comproveu el recorregut complet abans de publicar.

En un telèfon i un ordinador, comproveu una reserva vàlida i comproveu que arriba al panell. Revisa la data, l'hora i la mida del partit. A continuació, proveu una data tancada i un servei complet per verificar la disponibilitat.

Comproveu els missatges de confirmació i la política que veuen els convidats. Si utilitzeu dipòsits, valideu aquest viatge amb l'equip abans d'obrir-lo públicament. Una captura de pantalla atractiva no confirma que hagi arribat la reserva.

Exemple de codi iframe

Substitueix "tu-restaurante" pel teu llimac real. L'alçada és indicativa; comproveu totes les etapes del formulari.

<iframe
  src="https://app.qomanda.es/reserva/tu-restaurante"
  title="Book a table"
  width="100%"
  height="780"
  style="border: 0"
  loading="lazy"
></iframe>
<a href="https://app.qomanda.es/reserva/tu-restaurante">
  Open the booking form
</a>
Preguntes

Abans de fer el moviment.

Els restaurants que pensen canviar ens solen demanar. Sense lletra petita.

No necessiteu un complement de reserva addicional per incrustar un iframe en un bloc HTML personalitzat. Els vostres permisos d'usuari i la vostra plantilla han de permetre aquest HTML.

Comproveu-ho amb les reserves del vostre restaurant.

49€/mes + IVA · 30 dies gratuïts · sense targeta ni tancament