Intègre des mots mêlés sur ton propre site

Voilà ce que ça donne

La grille ci-dessous est intégrée exactement comme le sera la tienne. Fais glisser le doigt ou la souris sur les lettres pour retrouver un mot.

Le code de cet exemple

Il comporte deux parties : le cadre avec la grille et, juste dessous, un lien ordinaire qui indique à tes lecteurs d’où vient le jeu. Merci de le garder : c’est la seule chose que nous te demandons.

<iframe src="https://www.wordsearchstudio.org/fr/embed/#NY5BTiMxEEWvgmpdkmMIYaZ3hi66rRjbctuzIGJhIARLTTvqSWAEmgPMTYZz5GIj94Tt-79-vQ94hYoj7KACMaSXuP918rg_ec8ZEHqo4GkEhA1UIK_NVRt-CKJLEoys0LVwRKE2mrXSWmONFzfkFHONdOKatJJEnkmi1mpD5LwOzAcvO1l3TRDGslorraSW1LrbJdPkjSff2EBkWLjRV540GdVdCha8JyVV0wXjFOtq4WrSZYoEE5KMFNpoQVox76hbhsY4qRQBwhtUqxUc_vSHz-1zHHaAfIbnCJoAv93hCpo0xqc14BlyBAJcTDCPqe_XgPwUFxO-KLhN223e5l18WQOe4mxKOC_RMg6bvB_zfrqZ_3_wfUpy7CPgonDoAM8LVCkPhR2L88JsHB4jID-KTD2bymwaAOel231Zu-c05IfD55h_FvWzaZnPSuTTZlwDXhRx_bVze_h7X-gCOT9a3P3-Bw" title="Animaux du zoo" width="100%" height="800" style="border:0;max-width:900px" loading="lazy"></iframe>
<p><a href="https://www.wordsearchstudio.org/fr/">Mots mêlés créés avec Word Search Studio</a></p>

Récupérer le code de ta propre grille

Crée ta grille dans le générateur et clique sur « Intégrer » : le code est prêt tout de suite. Ou colle ici le lien de partage d’une grille (celui de « Copier le lien ») et le code apparaît en dessous.

Intégrer tout le générateur

Tu aimerais que tes visiteurs créent eux-mêmes leurs mots mêlés ? Ce cadre affiche le générateur complet : ils saisissent leurs mots, choisissent une forme, puis impriment la grille ou l’enregistrent en PDF. Rien n’est conservé sur ta page.

Le code du générateur

<iframe src="https://www.wordsearchstudio.org/fr/embed/maker/" title="Générateur de mots mêlés" width="100%" height="1100" style="border:0;max-width:900px" loading="lazy"></iframe>
<p><a href="https://www.wordsearchstudio.org/fr/">Générateur de mots mêlés de Word Search Studio</a></p>

Intègre la tienne en trois étapes

1. Crée tes mots mêlés

   Saisis tes mots dans le générateur, choisis le niveau et la forme, et ajoute un message secret si tu veux.

2. Clique sur « Intégrer »

   Le bouton se trouve à côté de « Copier le lien ». Il affiche le code prêt à l’emploi pour cette grille précise.

3. Copie le code et colle-le dans ta page

   Dans l’affichage HTML de ton éditeur, dans un bloc « HTML personnalisé » ou dans le champ de code de ta plateforme pédagogique.

Qui intègre des mots mêlés

• Enseignants

  Vocabulaire, mots de la dictée ou activité pour ceux qui ont fini avant les autres : mets la grille sur la page de la classe et chaque élève la fait sur son appareil.

• Blogs et magazines

  Un jeu à la fin d’un article retient les lecteurs sur la page. Les fêtes, les animaux, la cuisine ou l’histoire conviennent à presque tous les blogs.

• Associations, paroisses et bibliothèques

  Des mots mêlés sur le village, le club ou l’année liturgique pour la page de la lettre d’information, ou un jeu pour les après-midis de pluie au coin des enfants.

Où ça marche

WordPress

Ajoute un bloc « HTML personnalisé » et colle le code.

Google Sites

Choisis Insérer, puis Intégrer, puis « Code d’intégration », et colle le code.

Moodle

Ouvre l’affichage HTML (le bouton <>) d’une page ou d’une étiquette et colle le code. Si ton site supprime les cadres, demande à l’administrateur ou utilise plutôt le lien de partage.

Google Classroom

Les messages de Classroom n’affichent pas les cadres intégrés. Joins le lien de partage au devoir ; les élèves ouvrent la grille d’un seul toucher.

Wix, Squarespace et les autres

Utilise l’élément « Intégrer du HTML » ou le bloc de code et colle le code.

Taille

Le cadre occupe toute la largeur de la colonne, jusqu’à 900 pixels. Une grille demande environ 800 pixels de hauteur, le générateur environ 1 100. Sur une page large, la liste des mots se place à côté de la grille ; sur une page étroite, en dessous. S’il te faut plus ou moins de place, change le nombre après height=.

En option : une hauteur sur mesure

Si ta page accepte les scripts, cet extrait règle le cadre sur la hauteur exacte de son contenu. Colle-le une seule fois, n’importe où dans la page. Il est recommandé pour le générateur, dont la hauteur dépend de la largeur de l’écran.

<script>
addEventListener('message', function (e) {
  if (e.origin !== 'https://www.wordsearchstudio.org' || !e.data || !e.data.wsEmbedHeight) return;
  document.querySelectorAll('iframe').forEach(function (f) {
    if (f.contentWindow === e.source) f.style.height = e.data.wsEmbedHeight + 'px';
  });
});
</script>

Confidentialité : rien qui concerne ton bandeau de cookies

L’affichage intégré ne dépose aucun cookie, ne garde rien dans le navigateur du visiteur, ne mesure rien et ne charge rien chez d’autres sociétés. Les polices et les scripts viennent de notre propre serveur, et la grille n’est lue que dans le navigateur du visiteur. Comme pour tout cadre, notre serveur reçoit au chargement les données de connexion habituelles (par exemple l’adresse IP) ; le détail figure dans notre politique de confidentialité. Politique de confidentialité

Questions fréquentes