Widget de reservas

Una línea de código.
Reservas en tu web.

Si tienes web (WordPress, Squarespace, Wix, código propio, lo que sea), copia una sola línea y aparece un botón flotante de reservas elegante. Sin más.

El código

Pega esto justo antes de cerrar el </body> de tu web:

<script src="https://campago.es/widget-reservas.js" data-slug="tu-restaurante"></script>

Sustituye tu-restaurante por el slug de tu restaurante en Campa&Go (lo ves en tu panel de reservas, en la URL pública).

Demo en vivo

👇 Mira la esquina inferior derecha

El botón flotante que ves abajo es exactamente lo que aparecerá en tu web. Pruébalo: haz click y verás cómo abre la página de reservas.

(En esta demo apunta a un restaurante de ejemplo, en el tuyo apuntará a tu URL real)

¿No tienes página web? No la necesitas.

El widget es para quien ya tiene web. Pero si no tienes, da igual: cada restaurante tiene su enlace propio de reservas (del tipo campago.es/r/tu-restaurante). Cópialo desde tu panel y pégalo donde ya te encuentran tus clientes:

Es decir: con tu ficha de Google y tu enlace ya tienes reservas online, sin web, sin dominio y sin pagar hosting.

Personalízalo

Si quieres cambiar el aspecto, añade atributos al <script>:

📍 Posición
¿Esquina inferior derecha (por defecto)? ¿Izquierda? ¿Arriba?
data-position="bottom-left" data-position="top-right"
🎨 Color del botón
El color de tu marca. Pon cualquier hex válido.
data-color="#a87a4a" data-color="#000000"
✏️ Texto del botón
Por defecto pone "Reservar mesa", pero puedes cambiarlo.
data-text="Reservar" data-text="Pide tu mesa"
📌 Modo inline
Si quieres que aparezca DONDE pongas el script (no flotante), pon esto:
data-mode="inline"

Ejemplo completo personalizado

<script src="https://campago.es/widget-reservas.js" data-slug="el-buen-comer" data-text="Reservar mi mesa" data-color="#a87a4a" data-position="bottom-left" ></script>

Por qué usar el widget

⚡
1 línea de código
Lo más fácil que puedes encontrar. Sin instaladores, sin plugins, sin configuración.
🪶
No ralentiza tu web
El script son 3 KB. Se carga después de tu contenido. Cero impacto en Lighthouse.
📱
Responsive nativo
En móvil se adapta automáticamente. Aparece en una buena posición en pantallas pequeñas.
🌍
Funciona en cualquier web
WordPress, Squarespace, Wix, Webflow, código propio. Cualquier sitio que acepte HTML.

Preguntas frecuentes

¿Cómo lo pongo en mi WordPress?

Tres formas según tu tema:

  1. Plugin "Insert Headers and Footers": instálalo, ve a Ajustes → Insert H&F, pega el código en "Scripts in Footer".
  2. Tema con opción "código personalizado": Apariencia → Personalizar → Código adicional → Footer.
  3. Avanzado: editar footer.php y pegar antes de </body>.
¿Funciona en Squarespace, Wix, Webflow?

Sí. Todas tienen una sección de "Inyectar código" o "Custom code":

  • Squarespace: Settings → Advanced → Code Injection → FOOTER
  • Wix: Settings → Custom Code → Add new code → Body end
  • Webflow: Site Settings → Custom Code → Before </body> tag
¿Dónde encuentro mi slug?

Entra a tu panel de Reservas (campago.es/reservas-admin.html) y ve a la pestaña "🔗 Compartir y Google". Tu URL pública es https://campago.es/r/TU-SLUG — esa última parte es tu slug.

¿Puedo tenerlo en varias páginas a la vez?

Sí, lo recomendamos. Cuanta más visibilidad le des al botón, más reservas tendrás. Ponlo en la home, en la carta, en "Sobre nosotros"...

El widget detecta si ya está cargado y no se duplica en una misma página.

¿Y el botón estático "Reservar mesa"?

Si solo quieres un botón normal donde tú decidas (en la cabecera, en la home, en un sitio concreto), también lo tienes en tu panel. Es HTML puro sin JavaScript.

¿Mide el widget las reservas que llegan por él?

Sí, los clicks en el widget se registran (sin datos personales, solo el conteo) para que sepas cuánta gente lo usa. Lo verás en tus estadísticas de Reservas en próximas actualizaciones.