Widget de reservas — Añade Addagio a tu sitio web
Permite que tus clientes reserven directamente en tu propio sitio web. El widget de Addagio funciona en dos modos: un botón flotante que abre tu página de reservas en una ventana emergente, o un formulario integrado que se muestra dentro de tu página.
Configuración en 2 pasos
- Encuentra tu slug en Panel → Configuración, bajo "URL de reservas" — es la parte después de addagio.io/book/.
- Pega el fragmento de código antes de la etiqueta de cierre </body> de tu sitio web.
Botón flotante + ventana emergente
Un botón "Reservar" aparece en la esquina de tu sitio. Al hacer clic, tu página de reservas se abre en una superposición elegante — los clientes reservan sin salir de tu sitio.
<script>
var addagioWidget = {
slug: 'your-business-slug',
buttonText: 'Book Now',
color: '#C67B5C',
position: 'right'
};
</script>
<script src="https://addagio.io/widget.js" async></script>Formulario de reservas integrado
El flujo completo de reserva (servicios, calendario, pago) se muestra directamente dentro de tu página — como el widget inline de Calendly. Añade un div vacío donde quieras el formulario.
<div data-addagio-inline="your-business-slug">
<a href="https://addagio.io/book/your-business-slug">Book online — Addagio</a>
</div>
<script src="https://addagio.io/widget.js" async></script>El marco integrado ajusta su altura automáticamente al contenido — sin barras de desplazamiento ni alturas fijas. Puedes colocar varios formularios en una página.
Referencia técnica completa (todas las opciones, API de JavaScript, guías por plataforma) →
Preguntas frecuentes
¿Ralentizará mi sitio web?⌄
No. El script pesa 3KB y se carga de forma asíncrona — no bloquea el renderizado de tu página.
¿Funciona en WordPress, Wix, Squarespace o Shopify?⌄
Sí. Pega el fragmento en el pie de página de tu tema o en la sección de código personalizado de tu constructor de sitios. Cualquier plataforma que permita HTML personalizado funciona.
¿El formulario integrado ajusta su altura automáticamente?⌄
Sí. El formulario incrustado informa su altura a tu página y el marco se redimensiona automáticamente mientras los clientes avanzan por los pasos de la reserva.
Languages