Widget Mots Mêlés Gratuit pour votre site web
Intégrez gratuitement un jeu de mots mêlés jouable directement sur votre site, blog ou espace pédagogique. Personnalisable, responsive, sans inscription. Une simple ligne de code suffit.
Idéal pour les blogs éducatifs, sites scolaires, associations, ou toute page qui veut offrir une pause ludique à ses visiteurs.
Comment intégrer le widget en 3 étapes
Pour éviter toute barre de défilement interne, le widget peut
communiquer sa hauteur réelle à votre page. Incluez
simplement ce script une fois dans votre page (avant la fermeture du
</body>) :
<script src="https://mots-caches.com/assets/js/widget-embed.js" async></script>L'iframe s'adaptera automatiquement à la taille de la grille (plus haute pour un 30×30, plus courte pour un 8×8). Pratique aussi quand une définition apparaît : la hauteur grandit sans créer de coupure.
Si vous préférez ne pas inclure ce script, utilisez une hauteur fixe entre 450 et 700 px : la barre de défilement reste acceptable.
Pourquoi intégrer un widget de mots mêlés sur son site ?
Le widget Mots-Cachés n'est pas qu'un gadget : c'est un véritable outil qui apporte de la valeur concrète à votre site web, quel que soit son domaine.
Augmenter le temps passé sur votre site
Les jeux de lettres captent l'attention pendant plusieurs minutes. Un visiteur qui résout une grille reste en moyenne 3 à 7 minutes sur la page, contre 30 à 60 secondes pour un contenu classique. Un signal positif majeur pour les moteurs de recherche.
Fidéliser vos visiteurs
Offrir un jeu gratuit crée un sentiment de récompense chez vos visiteurs. C'est un motif supplémentaire pour eux de revenir régulièrement sur votre site — hausse mesurable des visites récurrentes.
Rendre vos pages plus interactives
Un site avec des éléments interactifs (jeux, quiz, sondages) paraît plus vivant et moderne qu'un site uniquement textuel. Le widget s'intègre discrètement et offre une respiration ludique à vos lecteurs.
Aucun coût, aucune inscription
Le widget est totalement gratuit : pas d'inscription, pas d'API key, pas de paiement, pas de quota à gérer. Une simple balise HTML et c'est parti.
Comment intégrer le widget sur votre plateforme
Le widget fonctionne sur toutes les plateformes qui acceptent du code HTML. Voici la procédure pour les principales.
WordPress
Dans l'éditeur, ajoutez un bloc « HTML personnalisé » et collez-y le code généré ci-dessus. Pas besoin d'extension.
Blogger
Passez en mode HTML (icône
</> dans l'éditeur), collez le code, puis
publiez. Enregistrement immédiat.
Wix
Dans l'éditeur, Ajouter → Intégrer → Code intégré. Collez le code puis ajustez la taille du bloc (au moins 500 px).
Squarespace
Ajoutez un bloc Code et collez le code HTML. Squarespace accepte le HTML directement dans ces blocs.
Jimdo, Webnode, autres
Cherchez l'option « Code HTML » ou « Intégration ». Toutes les plateformes modernes proposent ce type de bloc.
Site fait main (HTML/PHP)
Collez directement le code iframe dans votre HTML, à l'endroit où vous souhaitez afficher le widget. Aucune dépendance.
Pour ne plus avoir à coller le code HTML à chaque fois, ajoutez ceci
une seule fois dans le functions.php de votre thème :
function widget_mots_caches($atts) {
$a = shortcode_atts([
'id' => '1', 'theme' => 'auto',
'size' => 'md', 'height' => '500',
], $atts);
$url = 'https://mots-caches.com/widget/grille/' . intval($a['id']);
$params = [];
if ($a['theme'] !== 'auto') $params[] = 'theme=' . urlencode($a['theme']);
if ($a['size'] !== 'md') $params[] = 'size=' . urlencode($a['size']);
if ($params) $url .= '?' . implode('&', $params);
return '<iframe src="' . esc_url($url) . '" width="100%" height="'
. intval($a['height']) . '" style="border:1px solid #e5e7eb;'
. 'border-radius:8px;max-width:100%;" loading="lazy"></iframe>';
}
add_shortcode('mots_caches', 'widget_mots_caches');
Puis dans n'importe quel article :
[mots_caches id="1" theme="dark" size="lg"]
Générateur de code
Modifiez les paramètres, l'aperçu et le code se mettent à jour en direct.
Exemples visuels
Voici ce que donne le widget selon le thème choisi :
Un catalogue riche pour vous
Le widget puise dans l'intégralité du catalogue Mots-Cachés.
Paramètres disponibles
| Paramètre | Valeurs | Description |
|---|---|---|
id | 1 à 9999 | Numéro de la grille à afficher. Omettre pour une grille aléatoire. |
color | hex 6 car. (ex: 3b82f6) | Couleur principale (boutons, accents). Défaut : bleu. |
theme | auto, light, dark | Thème visuel. auto suit les préférences du visiteur. |
size | sm, md, lg | Taille relative du widget (padding, tailles de police). |
Questions fréquentes
?Le widget est-il vraiment gratuit ?
Oui, à 100 %. Aucune inscription, aucun paiement, aucune limite de vues. Le widget est gratuit tant qu'il reste utilisé sur des sites légitimes (pas de spam, pas de scraping automatisé).
?Puis-je personnaliser les couleurs ?
Oui. Vous choisissez la couleur principale en hexadécimal, le thème (clair / sombre / auto) et la taille. Le générateur ci-dessus crée le code pour vous.
?Le widget est-il responsive ?
Oui. Le widget s'adapte automatiquement à la largeur de son conteneur et reste lisible sur mobile et tablette.
?Puis-je choisir une grille précise ?
Oui, via le paramètre id. Vous trouvez le numéro dans l'URL de chaque grille sur le site. Sans ce paramètre, une grille au hasard parmi toutes les grilles actives est affichée.
?Y a-t-il une limite d'intégration ?
Un rate limit de 30 requêtes/minute par visiteur s'applique (et 10/minute pour l'API JSON) pour protéger nos serveurs. C'est largement suffisant pour un usage normal. Contactez-nous si vous prévoyez un très gros volume.
?Puis-je retirer l'attribution « Mots-Cachés » ?
Non, l'attribution fait partie intégrante du widget gratuit. Si vous souhaitez une version sans attribution, contactez-nous pour une licence commerciale.
?Le widget ralentit-il mon site ?
Non. Le widget est servi dans une iframe asynchrone (attribut loading="lazy"), ce qui signifie qu'il ne se charge que lorsque le visiteur fait défiler la page jusqu'à lui. Il n'impacte donc pas le temps de chargement initial. De plus, le contenu est mis en cache 5 minutes côté serveur et 7 jours pour les images statiques.
?Puis-je utiliser le widget sur plusieurs pages ?
Oui, sans limite. Vous pouvez intégrer autant de widgets que vous voulez, sur autant de pages que vous voulez, avec des grilles différentes ou identiques. Aucune inscription n'est requise.
?Le widget fonctionne-t-il sur mobile ?
Oui. Le widget est entièrement responsive : la grille s'adapte automatiquement à la largeur disponible et reste jouable au doigt (drag). Il fonctionne sur smartphone, tablette et ordinateur.
?Comment changer la grille affichée ?
Modifiez simplement le paramètre id dans l'URL du widget. Chaque grille de Mots-Cachés possède un identifiant unique (visible dans son URL). Utilisez le générateur de code ci-dessus pour créer un nouveau code d'intégration en quelques secondes.