Reservas en el sitio web de tu estudio: Wix, WordPress y más

Hay tres formas de agregar reservas de clases al sitio web de tu estudio: un botón con enlace a una página de reservas, un widget que funciona dentro de tu página o un iframe (una ventana que muestra otra página). El widget mantiene a los alumnos en tu sitio, con tu marca, desde el horario hasta el pago. Tu creador de sitios y tu plan deciden cuál puedes usar.

¿Por qué tener las reservas en tu propio sitio web?

Muchos estudios todavía reservan por mensajes: el alumno pregunta si hay lugar, alguien revisa la hoja de cálculo, responde y espera el comprobante de pago. Funciona, pero consume horas cada semana y se detiene fuera del horario de atención.

Otros mandan a la gente de su sitio a una app de reservas con otro nombre, otro logo y otros colores. También funciona, pero tiene costos pequeños:

• Confianza. Una persona nueva que de pronto llega a una marca desconocida puede dudar en el momento de pagar.
• Atención. Cuando alguien sale de tu sitio, tus otras páginas (profesores, oferta de bienvenida, fotos del estudio) quedan a un clic más de distancia.
• Marca. Los alumnos empiezan a pensar que el lugar donde reservan es la app, no tu estudio.

Con las reservas dentro de tu sitio, toda la experiencia queda a nombre de tu estudio. Tu sitio web sigue siendo la puerta de entrada.

Enlace, widget o iframe: ¿cuál conviene?

Opción	Cómo se ve	Esfuerzo	Ideal para
Botón o enlace	Abre una página de reservas aparte	El menor	Cualquier sitio, la bio de Instagram, el Perfil de Negocio de Google
Widget (fragmento de código)	El horario y el pago aparecen dentro de tu página	Bajo, se pega una vez	Squarespace Core o superior, WordPress autoalojado, sitios a medida
Iframe	La página de reservas se muestra en una ventana dentro de tu página	Bajo	Wix y creadores que envuelven el código personalizado

La mayoría de los estudios termina usando dos: el widget en el sitio web y un enlace para Instagram, Google y mensajes.

¿Cómo agregar reservas en Squarespace?

Squarespace te deja pegar código en un bloque de código. Según Squarespace, agregar JavaScript o un iframe a un bloque de código requiere el plan Core, Plus o Advanced (revisado en octubre de 2026). Con un plan inferior el código no se ejecuta, así que usa un botón que lleve a tu página de reservas.

Los pasos, en resumen:

1. Abre la página donde vivirá tu horario (por ejemplo, “Horario”).
2. Agrega un bloque de código donde debe aparecer el horario.
3. Pega el fragmento que te da tu herramienta de reservas y guarda.
4. Revisa la vista previa en un celular, que es donde reservará la mayoría de tus alumnos.

¿Cómo agregar reservas en Wix?

En Wix, ve a Agregar elementos, luego Insertar código, luego Insertar HTML, y pega tu código. Wix explica que sus elementos para insertar HTML y URL son iframes (revisado en octubre de 2026), que solo muestra contenido HTTPS y que estos elementos no se adaptan solos al tamaño de la pantalla.

Para las reservas, eso significa dos cosas:

• Elige una herramienta que tenga una versión en iframe que ajuste su propia altura, para que el horario no quede cortado.
• Pon el ancho del elemento al 100% y revisa cómo se ve en un celular.

¿Cómo agregar reservas en WordPress?

Depende de qué WordPress uses.

• WordPress autoalojado (WordPress.org): agrega un bloque HTML personalizado a la página del horario y pega el fragmento. Los administradores normalmente pueden agregar scripts así, sin plugin.
• WordPress.com: los scripts e iframes en el bloque HTML personalizado requieren un plan de pago con las funciones de hosting activadas (revisado en octubre de 2026). Con el plan gratuito, usa un enlace a tu página de reservas.

Uses la versión que uses, evita acumular varios plugins de reservas. Una herramienta, una página de horario.

¿Qué revisar antes de elegir una herramienta de reservas?

Una lista para repasar antes de decidir:

• Funciona dentro de tu página, incluidos el inicio de sesión y el pago, sin mandar a los alumnos a otro sitio.
• Inicio de sesión que funciona en todos los navegadores. Algunos navegadores bloquean las cookies de terceros, y eso rompe el inicio de sesión en muchos widgets. Pregúntale al proveedor cómo lo resuelve.
• Pensada primero para el celular. Reserva una clase en tu propio teléfono de principio a fin.
• Tu marca, no la suya. Tu logo, tus colores y el nombre de tu estudio en el horario, el pago y los correos.
• Solo tu sitio puede mostrarla. Una configuración que limite qué sitios web pueden mostrar tus reservas.
• Una alternativa en iframe para los creadores de sitios que no ejecutan scripts.
• Enlaces directos a una sola clase, para compartir “sábado 09:00 reformer” sin rodeos.
• Ninguna comisión sobre tus ventas escondida en el plan. Pregunta si la plataforma se queda con un porcentaje de las reservas además de las comisiones de la tarjeta.

¿Dónde más debe aparecer tu enlace de reservas?

Tu sitio web es solo uno de los lugares donde la gente decide reservar. Usa el mismo enlace, con tu marca, en todos los lugares donde un alumno pueda buscar:

• Bio y enlaces de historias de Instagram. Mucha gente encuentra un estudio ahí primero.
• Perfil de Negocio de Google. Agrega el enlace como enlace de reservas o de sitio web, para que quien busca “pilates cerca de mí” pueda reservar desde el mapa.
• Firma de correo y boletines. Cada mensaje que envía el estudio puede llevar el horario.
• Un código QR impreso en la recepción. Los alumnos pueden reservar su próxima clase antes de irse.
• Enlaces a una sola clase cuando anuncies un horario nuevo o un taller.

¿Cómo probar las reservas antes de anunciarlas?

Antes de avisar a tus alumnos, reserva tú una clase real de principio a fin:

1. Abre tu sitio en un celular, con datos móviles y no con el Wi-Fi del estudio.
2. Entra como alumno nuevo, compra el producto más barato y reserva una clase.
3. Revisa el correo de confirmación: tu nombre, tu logo y la zona horaria correcta.
4. Cancela la reserva y confirma que el crédito volvió.
5. Repite en una computadora con un navegador de configuración de privacidad estricta.

Pídele a uno o dos alumnos frecuentes que también lo prueben. Diez minutos de prueba te ahorran una semana de mensajes confusos.

¿Cómo hacer que la página del horario también sirva para la búsqueda?

Un widget de reservas por sí solo le da poco que leer a los buscadores. A su alrededor, agrega:

• Un título claro, como “Horario de clases de yoga y pilates en [tu colonia o barrio]”.
• Dos o tres párrafos cortos sobre tus tipos de clase y para quién son.
• Tu dirección y tu horario de atención.
• Un enlace a tu oferta de bienvenida para quien llega por primera vez.

El widget se encarga de la reserva. El texto ayuda a que la gente encuentre la página.

Cómo elastudio pone las reservas en tu sitio web

El widget de reservas de elastudio (en todos los planes, incluido Free) lleva toda la experiencia del alumno dentro de tu sitio web: horario, inicio de sesión, pago, reserva y la cuenta del alumno. El inicio de sesión con código por correo funciona incluso en navegadores que bloquean las cookies de terceros, y el pago con tarjeta se abre dentro de la página. Tus alumnos ven tu nombre, tu logo y tus colores, con solo un pequeño logo de elastudio.

Un generador de código te deja elegir qué mostrar y copiar el código listo, y tú decides exactamente qué direcciones web pueden mostrar tus reservas. Para Wix y creadores parecidos se incluye una versión en iframe con altura automática. Además, cada estudio tiene páginas públicas de horario, clases y profesores para compartir como enlace en Instagram o Google.

Un solo horario, a tu nombre

Elige la opción que admite tu creador de sitios, ponla en una sola página de horario, agrega un poco de texto alrededor y pruébala en un celular. Así tu sitio web hace lo que debe: recibir reservas a nombre de tu estudio.

Mira qué plan incluye el widget en la página de precios o explora todas las funciones. Si tienes preguntas sobre tu configuración: support@elastudio.app.