Intégrer des mots croisés sur ton propre site
Crée la grille, copie un court code, colle-le dans ta page. Les visiteurs la résolvent sur place : sur le téléphone, sur l’ordinateur ou imprimée avec la page de solutions. C’est gratuit et sans compte.
Créer des mots croisés à intégrerVoilà à quoi cela ressemble
La grille ci-dessous est intégrée exactement comme tu intégreras la tienne. Essaie : clique sur une case et tape.
Le code de cet exemple
Il a deux parties : le cadre avec la grille et, dessous, un lien tout simple. Le lien indique aux lecteurs où la grille a été créée. Garde-le, s’il te plaît.
<iframe src="https://www.crosswordcreator.org/embed/fr-ecole-ma-premiere-rentree/" title="Mots croisés Ma première rentrée" width="100%" height="720" style="border:0;max-width:900px" loading="lazy"></iframe>
<p><a href="https://www.crosswordcreator.org/fr/">Mots croisés créés avec crosswordcreator.org</a></p> Intègre la tienne en trois étapes
-
Crée ta grille
Saisis les mots et les définitions dans le générateur ou pars d’une grille toute prête.
-
Clique sur Partager, puis sur Créer le lien
La grille est enregistrée sans compte. Sous le lien, tu trouves la section « Intégrer sur ton site ».
-
Copie le code et colle-le dans ta page
Dans la vue HTML de ton éditeur, dans un bloc « HTML personnalisé » ou dans le champ de code de ta plateforme d’apprentissage.
Qui intègre des mots croisés
Enseignants
Vocabulaire, échauffement avant un contrôle ou heure de remplacement : mets la grille sur la page de la classe, les élèves la résolvent sur leurs appareils.
Blogs et magazines
Une grille à la fin d’un article garde les lecteurs sur la page. Des thèmes comme les animaux, l’espace, les fêtes ou l’histoire conviennent à la plupart des blogs.
Associations, paroisses et écoles
Une grille sur le village, l’association ou l’année liturgique, sur la page de la lettre d’information ou sur le site de l’association.
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 la vue HTML (le bouton <>) d’une page ou d’une étiquette et colle le code. Si ton Moodle supprime les cadres, demande à l’administration ou utilise le lien de partage.
- Google Classroom
- Les publications Classroom n’affichent pas les cadres intégrés. Joins le lien de partage au devoir ; les élèves ouvrent la grille d’un geste.
- Wix, Squarespace et autres
- Utilise l’élément « Intégrer du HTML » ou le bloc de code et colle le code.
Taille
Le code prend toute la largeur de la colonne et 720 pixels de hauteur. Sur les pages larges, les définitions se placent à côté de la grille ; sur les pages étroites, dessous. Change le nombre après height= si tu as besoin de plus ou de moins de place.
En option : une hauteur qui s’ajuste
Si ta page accepte les scripts, cet extrait règle le cadre sur la hauteur exacte de la grille. Colle-le une fois n’importe où dans la page.
<script>
addEventListener('message', function (e) {
if (e.origin !== 'https://www.crosswordcreator.org' || !e.data || !e.data.ccEmbedHeight) return;
document.querySelectorAll('iframe').forEach(function (f) {
if (f.contentWindow === e.source) f.style.height = e.data.ccEmbedHeight + 'px';
});
});
</script> Questions
L’intégration est-elle gratuite ?
Oui. Créer la grille, l’intégrer et la résoudre est gratuit, sans compte et sans publicité.
Dois-je garder le lien sous la grille ?
Nous te le demandons, oui. Les lecteurs savent ainsi d’où vient la grille, et c’est la seule chose que nous demandons en retour.
Puis-je modifier la grille après l’avoir intégrée ?
Oui. Ouvre ton lien de modification, change les mots et clique sur « Mettre à jour le lien ». La grille intégrée change, le code reste le même.
Les élèves peuvent-ils voir les réponses ?
Les réponses font partie du code du cadre : un élève curieux de technique pourrait les trouver. C’est suffisant pour s’exercer et pour les devoirs, pas pour un contrôle.
La grille suit-elle mes visiteurs à la trace ?
Non. La vue intégrée n’utilise ni cookies ni statistiques et ne charge rien d’autres entreprises.
Dans quelle langue la grille s’affiche-t-elle ?
Dans celle des mots croisés. Une grille en allemand affiche des boutons en allemand, une grille en espagnol des boutons en espagnol, etc.
Les visiteurs peuvent-ils l’imprimer ?
Oui. Le menu « Imprimer » du cadre n’imprime que la grille, avec la page de solutions en page 2 si tu le souhaites.
Crée la grille, copie un court code, colle-le dans ta page. Les visiteurs la résolvent sur place : sur le téléphone, sur l’ordinateur ou imprimée avec la page de solutions. C’est gratuit et sans compte.
Créer des mots croisés à intégrer