Roue aléatoire à intégrer sur ton site : widget gratuit

La roue aléatoire, directement dans ta page

Tu tiens un blog, le site d’une association ou une page Wix, et tu voudrais que tes visiteurs fassent tourner une roue sans quitter ta page ? La machine ci-dessus est déjà réglée sur la roue aléatoire. Choisis Petit, Moyen ou Grand, touche Copier le code et colle-le dans ton site : la roue apparaît, prête à tourner, dans la couleur de cette page. Pour une autre couleur, passe par la palette en bas à droite avant de copier.

Ce que la roue sait faire chez toi

Une liste à chacun. Le visiteur touche le bouton de la liste (« 8 Prénoms » au départ), efface les exemples et tape ses propres choix, un par ligne : prénoms, plats, défis, numéros de table.
Un vrai lancer. On touche Tourner au centre, ou on attrape la roue du doigt ou à la souris pour la lancer : elle part dans le sens du geste et ralentit dans un cliquetis, que le bouton Son coupe.
Retirer le gagnant. Sous le résultat, le bouton « Retirer » suivi du nom tiré l’enlève de la roue. Pratique pour fixer un ordre de passage ou désigner plusieurs gagnants à la suite.
Mélanger et Trier. Ces deux boutons rangent la liste, et Résultats rappelle les derniers tirages.

La coller sur ton site

WordPress : ajoute un bloc « HTML personnalisé », colle le code et mets la page à jour.
Wix : Ajouter des éléments, onglet « Code d’intégration », puis « HTML intégré ». Touche « Saisir code », colle, puis « Appliquer ».
Google Sites : Insérer, puis Intégrer, onglet « Intégrer le code ». Colle, touche Suivant, puis Insérer.
Les autres : Squarespace, Webflow ou Shopify acceptent aussi un bloc de code HTML. Sur un site fait main, colle le code là où la roue doit apparaître.

Comment ça marche

Choisis un outil
Touche le nom de l’outil dans la phrase du haut : roue, dés, pile ou face, tirage au sort, équipes… L’aperçu montre tout de suite le widget.
Règle la taille et la couleur
Choisis Petit, Moyen ou Grand. Le widget prend la couleur de la page : change-la avec la palette en bas à droite.
Copie le code
Touche Copier le code et colle-le dans ton site, ou Lien pour Notion et colle le lien dans un bloc Embed.

Une idée d’amélioration ?

On fait des outils aussi simples et intuitifs que possible, avec quelques bonus ici et là. Dis-nous ce qui rendrait celui-ci meilleur.

Versions prêtes à l’emploi

Widgets Tirage pour la classe Widgets Notion

Une roue de tirage, pas une roue à coupons

Beaucoup de roues de la fortune pour site servent à récolter des adresses e-mail en échange d’un code de réduction. Celle-ci ne demande rien à personne : pas de formulaire, pas de lot, pas d’adresse enregistrée. Elle tire au sort dans la liste que le visiteur a sous les yeux, et rien de ce qu’il tape ne quitte son navigateur.

Quelle taille choisir

Petit (360 pixels de large) se glisse dans une colonne de blog. Moyen (480 pixels) convient à la plupart des pages. Grand (760 pixels) affiche la liste à côté de la roue, avec toute la barre de boutons : c’est le bon choix pour une page consacrée au jeu ou pour un écran projeté. Sur téléphone, chaque taille se resserre pour tenir dans la largeur.

Une roue déjà remplie

Les roues préréglées gardent leur liste dans leur widget. Ouvre par exemple la roue des pays ou la roue des tâches ménagères, touche Widget en bas à gauche et copie le code : tes visiteurs n’ont plus rien à taper.

Questions

Mes visiteurs peuvent-ils mettre leurs propres choix sur la roue ?

Oui. Chacun peut remplacer les exemples par sa liste. Elle reste dans son navigateur : ni toi ni les autres visiteurs ne la voyez.

Puis-je imposer ma liste à tous les visiteurs ?

Pas avec la roue aléatoire de base : elle démarre toujours avec ses prénoms d’exemple. Pour une liste fixée d’avance, prends le widget d’une roue préréglée (pays, nombres, lettres, repas…).

Le résultat est-il vraiment dû au hasard ?

Oui. Toutes les cases ont la même chance. Le gagnant est tiré par le générateur aléatoire du navigateur ; la force du lancer ne change que la durée de la rotation.

Le widget ralentit-il ma page ?

Le code demande au navigateur de ne charger la roue que lorsqu’elle approche de l’écran. Elle ne contient ni publicité, ni mesure d’audience, ni cookie.

Les widgets sont-ils gratuits ?

Oui. Tous les widgets sont gratuits, sans compte et sans limite de visites. Tu copies le code et c’est tout.

Plus d’outils gratuits

Générateur de nomsFaux noms pour vos histoires, jeux et tests Prénom bébéIdées de prénoms, avec vos coups de cœur Générateur de motsDes noms, verbes et adjectifs au hasard Couleur aléatoireUne couleur au hasard et son code HEX Roue aléatoireDes prénoms, un tour de roue, un gagnant Pile ou faceLancez une pièce, une chance sur deux Nombre aléatoireUn nombre au hasard entre deux bornes Lancer de déJusqu’à 10 dés virtuels, du d4 au d100