Tutoriel d’intégration

Intégrer une roue sur votre site

Utilisez la page de lecture sans navigation dans un site, une plateforme pédagogique, un tableau de bord ou une présentation.

Créer et partager une roue

Créer l’intégration

1
Créez ou ouvrez la roue.
2
Choisissez Enregistrer et partager, puis Intégrer.
3
Collez le code iframe dans un bloc HTML ou d’intégration.
4
Testez sur ordinateur et mobile avant publication.

Modèle responsive

L’iframe fonctionne seul ; ce conteneur conserve un format responsive 3:2.

<div style="position:relative;width:100%;aspect-ratio:3/2;min-height:420px">
  <iframe src="https://spinnerwheel.ai/fr/play?cmsWheelId=0315f67f-a331-4875-b44f-a11936f538e0&lang=fr&topBar=false" title="SpinnerWheel.ai" style="position:absolute;inset:0;width:100%;height:100%;border:0" allowfullscreen loading="lazy"></iframe>
</div>

Options utiles

topBar=false masque navigation et pied de page.
allowfullscreen autorise le plein écran.
Une largeur de 100 % suit le conteneur.
Une hauteur minimale d’environ 420px préserve les contrôles mobiles.

Dépannage

Utilisez le bloc d’intégration approuvé si la plateforme supprime les iframes.
Augmentez la hauteur du conteneur si la roue est serrée.
Créez un nouveau code après avoir modifié les choix.

Aperçu en direct

Cet aperçu utilise la même page de lecture localisée.