Guía práctica · integración web

Cómo añadir reservas online a la web de tu restaurante.

Antes de copiar un código, configura la disponibilidad que vas a ofrecer. Después elige entre un botón al motor y un formulario integrado. Esta guía recorre ambas opciones, los pasos en WordPress y las pruebas que conviene hacer en móvil.

49 €/mes + IVA · 30 días gratis · sin tarjeta ni permanencia

Equipo de Qomanda · Publicado y revisado el 30 de septiembre de 2026

1. Prepara los horarios y el aforo.

Define qué días admites reservas, qué turnos publicas, el intervalo de entrada y cuántos comensales puedes atender. Asegúrate de que las fechas cerradas no se ofrezcan como disponibles.

Si ya tienes otro sistema, acuerda qué herramienta controla cada canal durante la transición. Dos motores independientes que venden las mismas plazas pueden dar una disponibilidad contradictoria. Revisa primero las reservas futuras y establece una fecha de cambio.

2. Elige enlace o formulario integrado.

Un botón Reservar con el enlace público del restaurante es la opción más sencilla: el cliente abre el motor y completa allí la reserva. Sitúalo en la cabecera y cerca del contenido que explica tu propuesta. No lo escondas solo al final del menú.

El iframe permite mostrar el motor dentro de una página de tu web. Mantén un enlace alternativo para abrir el formulario si el dispositivo o la plantilla no lo muestra bien. Evita varios formularios diferentes en la misma página.

3. En WordPress, usa un bloque de HTML personalizado.

Abre la página donde quieres recibir las reservas, añade el bloque HTML personalizado y pega el iframe de tu restaurante. Sustituye el slug de ejemplo por el identificador real; no publiques el enlace de demostración.

El código de abajo usa ancho completo y una altura inicial orientativa. Ajusta la altura comprobando todas las etapas del formulario: fecha, horario, datos y confirmación. Una plantilla o un constructor visual puede añadir márgenes alrededor del bloque; revisa la vista publicada, además de la del editor.

4. Comprueba el recorrido completo antes de publicar.

En móvil y ordenador, prueba una reserva válida y comprueba que se registra en el panel. Revisa que el día, la hora y el número de comensales coinciden. Después prueba una fecha cerrada y un turno completo para verificar la disponibilidad.

Comprueba los mensajes de confirmación y la política mostrada al cliente. Si utilizas depósitos, valida también ese recorrido con el equipo antes de abrirlo al público. Una captura bonita no confirma que la reserva haya llegado.

Código de ejemplo para el iframe

Sustituye «tu-restaurante» por el slug real. La altura es orientativa; comprueba todas las etapas.

<iframe
  src="https://app.qomanda.es/reserva/tu-restaurante"
  title="Reservar mesa"
  width="100%"
  height="780"
  style="border: 0"
  loading="lazy"
></iframe>
<a href="https://app.qomanda.es/reserva/tu-restaurante">
  Abrir el formulario de reservas
</a>
Dudas

Antes de dar el paso.

Lo que suelen preguntarnos los restaurantes que se plantean cambiar. Sin letra pequeña.

Para insertar un iframe en un bloque HTML personalizado no necesitas un plugin de reservas adicional. Tu usuario y tu plantilla deben permitir ese HTML.

Compruébalo con las reservas de tu restaurante.

49 €/mes + IVA · 30 días gratis · sin tarjeta ni permanencia