Un widget de reservas es un bloque que pegas en tu web para que tus clientes vean tu horario y reserven sin salir de ella. El de Mooovai se instala en WordPress, Wix, Squarespace, Shopify o cualquier web con dos líneas de código, sale de tu agenda y hace lo que haría tu recepción: descuenta el bono, cobra la clase suelta con tarjeta, reserva también las sesiones privadas y deja al cliente cancelar con tus reglas.
Esta guía explica qué hace, cómo instalarlo paso a paso en cada plataforma, cómo se paga cada reserva y en qué se diferencia de mandar a tus clientes a una app externa.
Qué es un widget de reservas y por qué va en tu web
La mayoría de estudios boutique tienen una web bonita y reservan por otra vía: un enlace a una app de terceros, un formulario que alguien revisa a mano o, directamente, WhatsApp. Cada salto entre tu web y otra plataforma es un sitio donde el cliente se lo piensa, se distrae o abandona. Y cuando reserva fuera, reserva en una página con otra marca.
Un widget de reservas quita ese salto: el horario vive dentro de tu página, con tu color, y la reserva se hace ahí mismo. Para el cliente es tu web; para ti, cada reserva entra en tu agenda como si la hubiera hecho recepción.
Qué hace el widget de reservas de Mooovai
Tu horario, con plazas libres
Días con clases marcados, filtros por disciplina, instructora y sala, y avisos de «Quedan 2» o «Completa». Sale de tu agenda: no se mantiene aparte.
Sin contraseñas
El cliente escribe su email y recibe un código de 6 cifras. Si es nuevo, deja nombre y teléfono y su ficha se crea en tu estudio.
Bonos y cuotas que se descuentan solos
Si tiene bono, la clase se descuenta al reservar. Si tiene cuota ilimitada, reserva sin más.
Clase de bienvenida
Si lo activas, la primera clase de un cliente nuevo no se paga. Una por persona.
Pago con tarjeta
Sin bono, paga la clase suelta con Stripe y la plaza se confirma al pagar. Si la clase se llena mientras paga, no se pierde el dinero: queda a su favor.
Sesiones privadas
Pilates privado o entrenamiento personal: una clase de una plaza en tu agenda, que sale en el horario y se reserva como las de grupo.
Mis reservas
Sus próximas clases, añadir a Google Calendar o Apple/Outlook y cancelar con tu política de recuperaciones.
Con tu marca
Tu color, tema claro u oscuro, y en la página o como botón flotante. Se ve bien en móvil, que es donde se reserva.
Cómo añadir reservas online a tu web en 3 pasos
- 1
Configura el widget en tu panel
En Mooovai, abre Web y app → Widget de reservas. Elige si se ve en la página o como botón flotante, tu color, el tema y qué clases enseña. La vista previa es el widget real con tus clases.
- 2
Copia el código
El panel te da un fragmento de dos líneas con tu estudio ya puesto. Pulsa «Copiar código». No hay que tocar nada del código.
- 3
Pégalo en tu web y publica
Pega el código en la página donde quieres el horario (por ejemplo «Clases» o «Reservas») con un bloque HTML de tu editor, y publica. Desde ese momento, los cambios de horario salen solos.
Este es el aspecto del código que copias (el panel pone tu estudio en data-studio):
<div id="mooovai-reservas"></div>
<script src="https://www.mooovai.es/embed.js" data-studio="tu-estudio" async></script>Si prefieres que el horario no ocupe sitio en la página, usa el botón flotante: un botón en la esquina de todas las páginas que abre el widget en una ventana. En móvil, la ventana ocupa la pantalla entera.
<script src="https://www.mooovai.es/embed.js" data-studio="tu-estudio" data-mode="button" data-button-text="Reservar clase" async></script>Instalarlo en WordPress, Wix, Squarespace o Shopify
El código es el mismo en todas; cambia dónde se pega:
- 1Edita la página donde quieres el horario.
- 2Añade un bloque «HTML personalizado».
- 3Pega el código y publica.
Funciona con el editor de bloques y con los constructores habituales (Elementor, Divi): usa su widget de HTML.
- 1En el editor, «Añadir» → «Insertar código» → «Insertar HTML».
- 2Pega el código y ajusta el alto del recuadro para que quepa el horario.
- 3Publica la web.
Wix mete el HTML en un recuadro propio: dale alto de sobra o usa el modo botón flotante.
- 1Edita la página y añade un bloque «Código».
- 2Pega el código en modo HTML y guarda.
- 3Publica los cambios.
Para el botón flotante en todas las páginas, pégalo en la inyección de código del pie.
- 1Tienda online → Temas → Personalizar.
- 2Añade una sección «HTML personalizado» en la página.
- 3Pega el código y guarda.
Útil si vendes material o ropa del estudio y quieres las reservas en la misma web.
- 1Abre el HTML de la página donde quieres el horario.
- 2Pega el código donde debe aparecer.
- 3Para el botón flotante, pégalo antes de </body> en todas las páginas.
El script carga de forma asíncrona: no frena la carga del resto de la página.
Personalizar el widget
Lo normal es configurarlo en el panel y copiar el código ya hecho, pero cada opción es un atributo del script y se puede cambiar a mano:
| Atributo | Qué hace | Ejemplo |
|---|---|---|
| data-studio | Tu estudio (el panel lo pone por ti). | data-studio="naos" |
| data-mode | En la página (por defecto) o botón flotante que abre una ventana. | data-mode="button" |
| data-accent | Tu color de marca. | data-accent="#B87E5A" |
| data-theme | Claro, oscuro o automático según el móvil de quien visita. | data-theme="dark" |
| data-class | Enseñar solo un tipo de clase (por ejemplo, solo reformer). | data-class="…" |
| data-target | Dónde pintar el horario, si no usas el bloque por defecto. | data-target="#horario" |
| data-button-text | El texto del botón flotante. | data-button-text="Reservar clase" |
Las reglas (clase de bienvenida, cancelar desde la web, enseñar plazas e instructora, cuántos días de horario, pedir teléfono) no van en el código: las decide tu panel y valen igual en todas las webs donde pegues el widget.
Cómo se paga cada reserva
El widget aplica las mismas reglas que tu recepción y la app de tus clientes:
- Con bono o cuota: se reserva y se descuenta la clase. El cliente ve cuántas le quedan antes de confirmar.
- Primera vez en el estudio: clase de bienvenida sin pago, si la activas. Una por persona.
- Sin bono: paga la clase suelta con tarjeta en Stripe. La plaza se confirma al pagar; si la clase se llena mientras paga, se le busca la más cercana a su preferencia o el importe queda a su favor.
- Sesiones privadas: son clases de una plaza, así que se pagan igual que las de grupo: con el bono o con tarjeta.
El pago con tarjeta se hace en la página segura de Stripe: el widget no toca los datos de la tarjeta. Al terminar, Stripe devuelve al cliente a tu web con su plaza confirmada.
Widget, enlace a una app o formulario: qué cambia
| Widget en tu web | Enlace a app externa | Formulario de contacto | |
|---|---|---|---|
| El cliente se queda en tu web | |||
| Ve plazas libres en tiempo real | |||
| La reserva entra sola en tu agenda | |||
| Descuenta el bono al reservar | |||
| Paga con tarjeta en el momento | |||
| Tu marca, tu color, tu dominio | |||
| Sin descargar ninguna app |
El enlace a una app externa funciona, pero saca al cliente de tu web y le pide, muchas veces, descargar otra app o crear otra cuenta. El formulario mantiene tu marca, pero convierte cada reserva en un mensaje que alguien tiene que contestar. El widget junta lo bueno de los dos.
Si no tienes web (o no quieres tocarla)
- La web del estudio de Mooovai ya lleva el widget en la sección de horario: eliges plantilla, textos y colores, y la sección «Horario» es el widget, configurable desde el editor. Más en web del estudio.
- El enlace directo abre el mismo widget a pantalla completa. Es el enlace que va en la bio de Instagram, en tu ficha de Google o en un mensaje de WhatsApp.
Privacidad, seguridad y rendimiento
- Sin contraseñas que robar: el cliente se identifica con un código de 6 cifras que caduca a los 10 minutos, con límites de intentos.
- Los datos son de tu estudio: el horario público solo enseña clases, plazas y el nombre de pila de la instructora. Nadie ve quién va a cada clase.
- Aislado de tu web: va en un marco propio, así que sus estilos no rompen tu plantilla ni los tuyos rompen el widget.
- No frena tu página: el script carga de forma asíncrona y el horario, cuando se va a ver. Tu web conserva sus textos y su SEO.
Para empezar hoy
Si ya usas Mooovai, lo tienes en Web y app → Widget de reservas: configúralo, mira la vista previa con tus clases y copia el código. Si todavía no, puedes probar Mooovai un mes: migramos tus clientes y tus bonos, y el día que pegues el widget tus clientes ya pueden reservar desde tu web.
Preguntas frecuentes
Antes de decidir
¿Qué es un widget de reservas?
Es un bloque que pegas en tu web y que enseña tu horario de clases con las plazas libres para que tus clientes reserven sin salir de tu página. El de Mooovai se conecta a tu agenda: si cambias una clase en el panel, la web lo enseña en menos de un minuto, y cada reserva entra en tu agenda y descuenta el bono del cliente.
¿Cómo añado reservas online a mi web de WordPress?
En Mooovai, abre Web y app → Widget de reservas y copia el código. En WordPress, edita la página donde quieres el horario, añade un bloque «HTML personalizado», pega el código y publica. Con Elementor o Divi, usa su widget de HTML. No hace falta instalar ningún plugin.
¿Funciona en Wix, Squarespace y Shopify?
Sí. En Wix se pega con «Insertar código → Insertar HTML», en Squarespace con un bloque «Código» y en Shopify con una sección «HTML personalizado». En cualquier web a medida, basta con pegar el fragmento en el HTML de la página.
¿Mis clientes necesitan una cuenta o una contraseña para reservar?
No. Escriben su email y reciben un código de 6 cifras que caduca en 10 minutos. Si es su primera vez, se les pide nombre y teléfono y su ficha se crea en tu estudio con el email ya verificado. Si ya eran clientes, se usa su ficha de siempre.
¿Cómo se paga una reserva desde el widget?
Con bono o cuota, la clase se descuenta sola. Un cliente nuevo puede tener su primera clase de bienvenida sin pagar, si activas esa opción. Si no tiene bono, paga la clase suelta con tarjeta a través de Stripe y la plaza se confirma al pagar.
¿Se pueden reservar sesiones privadas desde la web?
Sí. En Mooovai una sesión privada es una clase de tu agenda con una sola plaza, así que sale en el horario del widget como cualquier otra: el cliente la ve, la reserva y la paga igual que una clase de grupo, con su bono o con tarjeta.
¿El widget ralentiza mi web o afecta a su SEO?
El script carga de forma asíncrona y el horario va en un marco aparte, así que no bloquea la carga de tu página ni mezcla sus estilos con los tuyos. Tu web conserva sus textos y su SEO; el widget solo añade la reserva.
¿Mis clientes pueden cancelar desde el widget?
Sí, si lo permites. En «Mis reservas» ven sus próximas clases, las añaden al calendario y pueden cancelar. Se aplica tu política de recuperaciones: aviso mínimo y límite al mes, igual que en la app.