Tutorial de inserción

Insertar una ruleta en tu web

Usa la página de reproducción sin navegación en una web, plataforma educativa, panel o presentación.

Crear y compartir una ruleta

Crear la inserción

1
Crea o abre la ruleta.
2
Pulsa Guardar y compartir y luego Insertar.
3
Pega el iframe en un bloque HTML o de inserción.
4
Prueba en escritorio y móvil antes de publicar.

Patrón adaptable

El iframe funciona solo; este contenedor conserva una proporción adaptable 3:2.

<div style="position:relative;width:100%;aspect-ratio:3/2;min-height:420px">
  <iframe src="https://spinnerwheel.ai/es/play?cmsWheelId=62324084-777b-4e60-a501-90981c707f01&lang=es&topBar=false" title="SpinnerWheel.ai" style="position:absolute;inset:0;width:100%;height:100%;border:0" allowfullscreen loading="lazy"></iframe>
</div>

Opciones útiles

topBar=false quita navegación y pie.
allowfullscreen permite pantalla completa.
100 % de ancho sigue al contenedor.
Un mínimo de unos 420px mantiene los controles móviles.

Solución de problemas

Usa el bloque de inserción de confianza si la plataforma elimina iframes.
Aumenta la altura si la ruleta queda apretada.
Genera un código nuevo después de cambiar opciones.

Vista previa

La vista usa la misma página localizada que los códigos generados.