Spin the Wheel Roue

Intégrez une roue à votre site

Mettez une roue qui fonctionne sur un site, un blog, la page d'une classe ou une diapositive PowerPoint. Choisissez la roue et ses options, puis copiez le code.

Roue et options

Options

Aperçu

Votre roue s'affichera ici dès que vous aurez son code.

Comment intégrer une roue

Obtenir le code

  1. Dans Roue, gardez Mes éléments pour intégrer votre propre roue, ou choisissez une roue toute prête.
  2. Pour votre propre roue, saisissez un titre et les éléments, un par ligne. La roue utilisée en dernier sur la page d'accueil est déjà remplie, avec ses poids, ses couleurs et ses images.
  3. Réglez les options, puis appuyez sur Obtenir le code. L'aperçu montre exactement ce que verront les visiteurs.
  4. Appuyez sur Copier à côté du code et collez-le dans votre page.

Obtenir le code enregistre votre roue comme lien de partage. Toute personne ayant le code ou le lien peut voir les éléments : n'y mettez rien de privé.

Sites et blogs

Le code est un <iframe> standard : il fonctionne partout où vous pouvez ajouter du HTML.

WordPress
Ajoutez un bloc HTML personnalisé et collez le code.
Wix
Ajouter → Code intégré → Intégrer du HTML, puis collez le code.
Squarespace
Ajoutez un bloc Code et collez le code.
Google Sites
Insérer → Intégrer → Par URL, et collez le lien plutôt que le code.
Notion
Tapez /embed et collez le lien.
Votre propre HTML
Collez le code là où la roue doit apparaître.

La roue prend toute la largeur de l'endroit où vous la placez et reste ronde : elle convient à une colonne principale comme à une barre latérale. Vérifiez aussi la page sur un téléphone.

PowerPoint

  1. Dans PowerPoint, allez dans Insertion → Obtenir des compléments (sur Mac : Insertion → Compléments).
  2. Cherchez Web Viewer et ajoutez-le.
  3. Collez le Lien de cette page (pas le code) et appuyez sur Preview.
  4. Lancez le diaporama et cliquez sur la roue pour la faire tourner en direct, devant tout le monde.

Google Slides et Keynote ne peuvent pas afficher de page web en direct sur une diapositive. Mettez plutôt le lien sur la diapositive et ouvrez-le au besoin.

Options

Afficher le titre
Le titre au-dessus de la roue. Désactivez-le pour une roue plus grande.
Son et confettis
Le tic-tac pendant le tirage et les confettis pour le gagnant. Les visiteurs peuvent toujours couper le son avec le bouton sous la roue.
Durée du tirage
La durée de chaque tour, de 1 à 20 secondes.
Fond
Blanc, transparent (votre page apparaît derrière) ou la couleur de votre choix.
Hauteur
La hauteur du cadre en pixels. La roue grandit pour le remplir, tant que la largeur le permet.
Retirer chaque gagnant
Retire chaque gagnant de la roue, pour les tirages où personne ne gagne deux fois. Quand la roue est vide, le tour suivant la remet à zéro.

Les options ne modifient pas votre roue, seulement le code : vous pouvez les changer à tout moment sans nouveau lien.

Bon à savoir

  • Une roue intégrée est un instantané. Si vous modifiez vos éléments plus tard, obtenez un nouveau code et remplacez l'ancien. Les roues toutes prêtes se mettent à jour d'elles-mêmes.
  • Chaque visiteur fait tourner la roue sur son propre écran, et chaque visite repart de la roue complète.
  • Le tirage est aussi équitable que sur Spin : il utilise les nombres aléatoires sécurisés de votre navigateur, et la taille de chaque part est sa probabilité exacte.
  • La roue intégrée se charge vite et ne contient ni publicité, ni traceurs, ni scripts tiers.
  • Un petit lien « Spin the Wheel » sous la roue l'ouvre en grand.