Añade el widget de reservas a tu sitio web

Pones el widget de reservas en tu propio sitio web pegando un breve fragmento de código. Hay dos formas de mostrarlo: como un botón flotante en forma de burbuja, o integrado dentro de una página. También puedes compartir una página de reservas alojada sin tocar tu sitio web.

Dónde encontrarlo

Backoffice › Configuración › Gestión de Widgets › Integración › Código de Integración del Widget

Qué hace

• Modo Burbuja – «Botón flotante en la esquina inferior derecha». El botón abre el panel de reservas sobre tu página. Es lo mejor cuando quieres que se pueda reservar desde todas las páginas.
• Modo Integrado – «Widget inline en el contenido de la página». El widget aparece donde pegues el código, por ejemplo en una página de «Reservas».
• Página alojada – el botón Abrir en pestaña nueva situado sobre la vista previa abre tu widget en su propia página de 10Seat. Puedes usar la dirección de esa página como enlace de reserva directo (para redes sociales o un link-in-bio). Página del widget de locales abre un diseño a página completa del mismo widget.

Los colores y el texto del botón se cargan desde los ajustes guardados del widget. Cuando cambies tu imagen de marca más adelante, no necesitas sustituir el código.

Cómo configurarlo

1. Asegúrate de que el local correcto esté seleccionado en la cabecera.
2. Ve a Configuración › Gestión de Widgets y abre el grupo Integración.
3. En Código de Integración del Widget, copia el código de Modo Burbuja o de Modo Integrado (o Copiar Todo).
4. Pégalo en tu sitio web:
   • Burbuja: una vez, en todas las páginas (la mayoría de los constructores de sitios tienen un ajuste de «código personalizado / código del pie de página»).
   • Integrado: en un bloque HTML o de incrustación de la página donde deba aparecer el widget.
5. Conserva el bloque noscript «Con la tecnología de 10Seat» que viene con el código. Está pensado para los buscadores.
6. Publica tu sitio y prueba una reserva.

Cómo abrir la burbuja desde tu propio botón

En Abrir desde tu propio botón (opcional) tienes un fragmento que permite que un botón «Reservar» existente en tu sitio abra la burbuja. Añade el atributo data-tenseat-open a ese botón, o pide a tu desarrollador web que llame a las funciones de abrir/cerrar que se muestran allí. El código de la burbuja también debe estar en la página.

Cómo enlazar a una reserva rellenada de antemano

Puedes añadir esto a la dirección de una página que tenga el widget:

• ?10seat_code=your-code – abre una experiencia concreta (usa el Código de marketing de la experiencia).
• 10seat_date=2026-12-24, 10seat_guests=4, 10seat_time=19:30 – preseleccionan una fecha (año-mes-día), un tamaño de grupo y una hora.

Conviene saber

• Un código sirve para un local. Cada local tiene su propio código.
• Para varios locales en un mismo sitio, usa el widget multiubicación (consulta el artículo relacionado).
• El código incluye ajustes que impiden que los plugins de velocidad de página lo modifiquen. No los quites.

Solución de problemas

El widget no aparece en mi sitio web El código se pegó en un bloque de texto en lugar de en un bloque HTML/de código, o un plugin de caché o de «optimizar JavaScript» lo modificó. Vuelve a pegarlo en un bloque de código y exclúyelo de la optimización de scripts. Vacía la caché del sitio.

La burbuja aparece dos veces o la página carga el widget dos veces El código de la burbuja está pegado en dos sitios (por ejemplo en el tema y en la página). Déjalo en un solo sitio.

Mi propio botón «Reservar» no hace nada Falta el código de la burbuja en esa página, o el atributo se añadió a un elemento que no es el botón. Comprueba ambas cosas.

El widget muestra el restaurante equivocado El código pertenece a otro local. Selecciona el local correcto en la cabecera y vuelve a copiar el código.

Los colores de mi sitio no coinciden con lo que guardé Guarda primero tus cambios con Guardar tema y después recarga tu sitio. Los navegadores pueden mostrar brevemente los colores antiguos desde la caché.