Créez votre widget météo gratuit
Météo en direct pour n'importe quelle ville, entièrement personnalisable. Une ligne de HTML — fonctionne sur n'importe quel site (WordPress, Shopify, Wix, HTML simple, partout). Gratuit pour toujours.
1. Choisir une ville
/fr/paris → city=paris&country=fr2. Taille
3. Apparence
4. Langue et unités
5. Afficher / masquer les sections
Aperçu en direct
Le widget météo gratuit que tout site peut intégrer en 60 secondes
Le widget weather.now affiche les conditions actuelles et les prévisions à 7 jours pour n'importe quelle ville du monde, dans 38 langues. Choisissez une ville, copiez un court extrait HTML, collez-le sur votre page. C'est tout. Pas de plugin, pas de compte, pas de clé API, pas de paiement.
Utilisez-le sur un blog, une page d'accueil d'hôtel, une location de vacances, une annonce immobilière, un portail scolaire, un guide de voyage, une marina, une station de ski, une boutique Shopify — partout où une page gagne à montrer la météo en temps réel.
L'extrait fait deux choses à la fois. Pour vos visiteurs, il s'affiche comme une carte météo propre et stylée. Pour les moteurs de recherche, les lecteurs RSS et les lecteurs d'écran, il se présente comme une citation HTML sémantique : le nom de la ville, un lien vers sa page de prévisions, et un crédit à weather.now. Les deux, à partir d'une seule ligne de code.
Pourquoi choisir ce widget météo gratuit
- Gratuit pour toujours. Pas d'inscription, pas de clé API, pas de limite d'utilisation, pas de carte de crédit. Il suffit de coller et c'est parti.
- Personnalisez tout. Thème clair, sombre ou automatique. Couleur d'accentuation, couleur de fond, couleur du texte, coins arrondis, taille de police, taille du widget et sections à afficher.
- 38 langues. Anglais, espagnol, français, allemand, portugais, italien, néerlandais, russe, arabe, chinois (simplifié et traditionnel pour Hong Kong et Taïwan), japonais, coréen, vietnamien, turc, polonais, tchèque, slovaque, grec, hébreu, thaï, indonésien, malais, finnois, norvégien, suédois, danois, roumain, hongrois, bulgare, ukrainien, lituanien, letton, estonien, slovène, serbe et islandais.
- Choisissez votre format de date et d'heure. 12 heures avec AM/PM ou 24 heures. Noms des jours, MM/JJ, JJ/MM ou dates avec nom du mois.
- Choisissez vos unités. Celsius ou Fahrenheit. Vitesse du vent en unités métriques ou impériales. Un choix par widget.
- S'adapte à toutes les dispositions. Préréglages bannière, carré, standard ou plein écran, ou redimensionnez l'aperçu par glisser-déposer à n'importe quelle taille entre 180×80 et 1200×1000 pixels. Le widget réorganise son contenu automatiquement lorsque le conteneur change.
- Rapide comme l'éclair. HTML rendu côté serveur, sans bibliothèques JavaScript externes, sans téléchargement de polices, sans scripts de suivi. Le script de chargement fait environ 1 Ko ; le widget rendu pèse entre 6 et 8 Ko une fois compressé.
- Fonctionne sur toutes les plateformes. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, sites Notion, HTML simple, applications monopages — partout où un petit extrait HTML est accepté.
- Conçu pour le référencement. L'extrait inclut un bloc de citation réel et indexable contenant le nom de la ville et un lien vers sa page de prévisions. Les moteurs de recherche le voient dès qu'ils explorent votre page, avant même que le script du widget ne s'exécute.
Comment fonctionne l'intégration
L'extrait que vous collez est un petit bloc de citation HTML suivi d'une balise script d'une ligne. Ce bloc est déjà un contenu valide et lisible : un titre avec le nom de la ville, un lien vers sa page de prévisions complètes, et une ligne de crédit vers weather.now. Les robots d'exploration le voient dès qu'ils atteignent votre page.
Lorsque la page se charge dans un navigateur qui exécute JavaScript, notre script de chargement (environ 1 Ko, chargé de manière asynchrone) remplace le bloc de citation par le widget météo interactif stylisé. Vos visiteurs humains voient le widget rendu. Les robots d'exploration, les lecteurs RSS, les lecteurs d'écran, les clients de messagerie et tout contexte sans JavaScript voient la solution de repli propre. Rien n'est caché, rien n'est perdu.
C'est la même approche que Twitter, Instagram et Reddit adoptent pour leurs intégrations : un repli HTML sémantique qui est amélioré en un widget riche. Vous n'avez pas besoin d'écrire du JavaScript, de configurer une iframe ou de vous soucier des scripts bloquant le rendu. Vous collez, vous publiez, ça marche.
Questions fréquentes
Le widget météo est-il vraiment gratuit ?
Oui — totalement gratuit, sans inscription, sans clé API et sans limite d'utilisation. Nous vous demandons simplement de conserver le petit crédit weather.now visible dans l'extrait. Ce crédit permet aux nouveaux utilisateurs de nous découvrir, et c'est ce qui nous permet de maintenir le widget gratuit pour tout le monde.
Comment installer le widget sur WordPress ?
Dans l'éditeur de blocs (Gutenberg), ajoutez un bloc HTML personnalisé et collez l'extrait. Dans l'éditeur classique, passez à l'onglet Texte ou HTML et collez-le. Dans Elementor ou Divi, utilisez le widget HTML. Aucun plugin ni modification de thème n'est nécessaire.
Comment installer sur Shopify ?
Ouvrez l'éditeur de thème, ajoutez une section HTML personnalisée sur n'importe quelle page et collez l'extrait. Pour un widget sur tout le site dans le pied de page ou la barre latérale, modifiez theme.liquid et collez l'extrait à l'endroit souhaité. Il fonctionne également dans les pages produit et les articles de blog.
Comment installer sur Wix ou Squarespace ?
Les deux éditeurs disposent d'un bloc d'intégration HTML. Sur Wix, ajoutez un élément HTML Embed et collez l'extrait. Sur Squarespace, ajoutez un bloc Code (réglé sur HTML) et collez l'extrait. Le widget s'affiche correctement dans les deux environnements.
Puis-je afficher les prévisions pour plusieurs villes sur la même page ?
Oui — collez l'extrait autant de fois que vous le souhaitez, une fois par ville. Chaque widget se charge indépendamment et est mis en cache séparément en périphérie, donc ajouter plus de villes ne ralentit pas la page.
Le widget météo ralentit-il mon site web ?
Aucun impact mesurable sur les Core Web Vitals. Le script de chargement fait environ 1 Ko et se charge de manière asynchrone. Le widget lui-même se charge en différé — il ne s'affiche que lorsque le visiteur fait défiler la page jusqu'à lui. La charge utile rendue pèse en moyenne 6 à 8 Ko compressée (gzip), servie depuis un CDN avec une latence inférieure à 100 millisecondes dans le monde entier.
Puis-je modifier les couleurs et les tailles après avoir installé le widget ?
Oui — chaque option est un simple attribut HTML dans l'extrait. Modifiez un nombre ou une couleur hexadécimale dans le code collé et le widget se met à jour au prochain chargement de la page. Aucun fichier CSS ni étape de build n'est nécessaire. Ou revenez au générateur ci-dessus, créez une nouvelle variante et copiez un nouvel extrait.
Quelle est la fraîcheur des données météo ?
Les conditions actuelles sont actualisées toutes les 5 à 10 minutes sur nos serveurs. Le widget se base sur le cache en direct, donc vos visiteurs voient toujours la météo à jour sans aucun effort de votre part.
Quelles sources de données météo utilisez-vous ?
Nous agrégeons les données des principaux fournisseurs météorologiques mondiaux et sélectionnons la source à la plus haute résolution disponible pour chaque ville. La couverture est mondiale : tous les pays peuplés et plus de 2,8 millions de villes et villages, y compris les endroits reculés que la plupart des API ignorent.
Le widget est-il conforme au RGPD ?
Oui. Le widget ne place aucun cookie, n'exécute aucun script de suivi, ne crée pas d'empreinte numérique des utilisateurs et n'utilise pas les adresses IP des visiteurs à des fins d'analyse. Les seuls appels réseau qu'il effectue sont vers weather.now pour récupérer le HTML du widget et les icônes météo — le même type d'appel que votre site effectue lors de l'intégration d'une vidéo YouTube ou d'une carte Google. Vous n'avez pas besoin de l'ajouter à une bannière de cookies.
Le widget fonctionne-t-il si les visiteurs ont désactivé JavaScript ?
Oui — ils voient le contenu de secours HTML : le nom de la ville, un lien fonctionnel vers sa page de prévisions complètes sur weather.now, et le crédit weather.now. Le widget stylisé n'apparaît que lorsque le script de chargement s'exécute.
Puis-je utiliser le widget sur une page AMP ?
AMP supprime les scripts personnalisés, donc le widget en direct ne s'affichera pas sur les pages AMP. Le fallback HTML (nom de la ville, lien vers les prévisions, ligne de crédit) est un balisage AMP valide et s'affiche normalement, ce qui est suffisant pour la plupart des cas d'utilisation.
Puis-je forcer une langue spécifique, indépendamment de l'origine des visiteurs ?
Oui — définissez l'option Langue dans le générateur sur l'un des 38 paramètres régionaux pris en charge et le widget s'affichera toujours dans cette langue. Laissez-la sur Auto et le widget suit la langue du navigateur de chaque visiteur.
Prêt à ajouter la météo à votre site ?
Remontez, cherchez votre ville, choisissez la taille et les couleurs, puis copiez le code. L'ensemble prend moins d'une minute et vos visiteurs profitent d'un bulletin météo en direct pour toujours — sans frais pour vous.