Instalar el widget con HTML o iframe
El fragmento de código para pegar en cualquier web, y cómo hacerlo responsive.
Antes de empezar
Necesitas poder editar el HTML de la página donde quieres el widget — la mayoría de constructores web (Wix, Squarespace, WordPress con el bloque adecuado…) tienen un bloque de «HTML personalizado» para esto.Ve a Configuración > Mi app y mi web > Widgets para tu web
La primera vez te pregunta con qué está hecha tu web (WordPress, Wix, Squarespace, Webflow, otra…). Luego eliges qué quieres poner (lo más habitual es tu horario) y dónde, y ves cómo queda: la vista previa es el widget real, en ordenador y en móvil, y se actualiza al momento.
Copia el código y pégalo en tu web
En el último paso, «Ponlo en tu web», con la forma «Dentro de una página», el botón «Copiar código» te da un <iframe> con un pequeño <script> que ajusta su alto automáticamente al contenido — no tienes que fijar una altura a mano. Debajo tienes los pasos de tu web. Si te la lleva otra persona, se lo mandas desde ahí mismo con el código y los pasos: está pensado para copiar y pegar, no para editarlo.
Si después cambias lo que enseña (qué clases salen, el precio, su diseño…), no hace falta volver a pegarlo: pulsa «Aplicar en mi web» y tu web lo enseña en unos minutos. Solo lo que va en el propio código —el ancho, cómo carga y el botón— pide copiarlo otra vez, y el constructor te lo avisa.
Resultado
Con esta forma NO hace falta autorizar tu dominio antes — funciona nada más pegarlo. Solo el horario «sin marco» (la integración nativa, en «Para quien te hace la web») lo exige, porque en ese caso el contenido se pinta directamente en tu página en vez de dentro de un iframe aislado. Si tras instalarlo no ves nada, revisa el widget no carga.¿No encuentras lo que buscas?
Escríbenos y te respondemos nosotros, no un bot.
Artículos relacionados
¿Te ha ayudado este artículo?