Weatheo

Widget météo pour WordPress

Affichez les prévisions, le radar pluie, la qualité de l’air ou les pollens de n’importe quelle ville sur votre site WordPress. Aucun plugin à installer : choisissez un widget, copiez le code et collez-le dans un bloc « HTML personnalisé ».

Gratuit, sans inscriptionAucun plugin nécessaireSans publicité, vues illimitéesEnviron 2 ko de script

Créer votre widget

Gratuit. Sans compte, sans plugin.

Météo Paris par Weatheo

Soleil et lune à Paris par Weatheo

Météo Paris par Weatheo

Les widgets que vous pouvez ajouter

Neuf widgets, chacun en style clair, sombre ou bleu. Ces exemples affichent des données en direct ; le vôtre affichera le lieu que vous aurez choisi.

Météo régionale

Les principales villes d’une région

Personnaliser

Voir tous les widgets

Obtenir le code

Choisissez un widget, un lieu, un style, la langue et les unités. L’aperçu se met à jour au fur et à mesure ; copiez le code quand le résultat vous convient.

Widget
Lieu
Style
Unités
Code à intégrer

AperçuChargement…

Code à intégrer

Script : la version recommandée. Il s’adapte à la largeur de la colonne qui l’accueille et ne se charge qu’au moment où il va apparaître à l’écran.
Comment ajouter le widget dans WordPress
Choisissez la méthode qui correspond à votre façon d’éditer le site. Sur un WordPress auto-hébergé, seuls les utilisateurs disposant de la capacité unfiltered_html peuvent enregistrer du code script ou iframe : les administrateurs et les éditeurs sur un site simple, et uniquement les super-administrateurs sur un réseau multisite. Pour tous les autres, WordPress supprime le code à l’enregistrement de la page.
Éditeur de blocs (Gutenberg)
L’éditeur par défaut des articles et des pages depuis WordPress 5.0.
  1. Ouvrez l’article ou la page où le widget doit apparaître.
  2. Cliquez sur le bouton + et ajoutez un bloc « HTML personnalisé ».
  3. Collez le code du widget dans le bloc.
  4. Cliquez sur « Aperçu » dans la barre d’outils du bloc pour vérifier le widget, puis mettez à jour ou publiez la page.
Éditeur classique
Si votre site utilise l’extension Classic Editor ou une ancienne version de WordPress.
  1. Ouvrez l’article ou la page.
  2. Passez sur l’onglet « Texte » au-dessus de la zone d’édition, et non sur l’onglet « Visuel ».
  3. Collez le code du widget à l’endroit où il doit apparaître.
  4. Enregistrez ou mettez à jour, puis affichez la page. Évitez de revenir sur « Visuel » avant d’enregistrer : cela peut modifier le code.
Elementor
Elementor dispose de son propre widget HTML pour le code à intégrer.
  1. Modifiez la page avec Elementor.
  2. Faites glisser le widget HTML dans la section où la météo doit apparaître.
  3. Collez le code du widget dans son champ « Code HTML ».
  4. Mettez à jour la page et regardez-la en ligne : certains aperçus de l’éditeur n’exécutent pas les scripts.
Divi
Dans Divi, le code à intégrer se place dans un module Code.
  1. Ouvrez la page dans le Divi Builder.
  2. Ajoutez un module Code à une rangée.
  3. Collez le code du widget dans le module et enregistrez-le.
  4. Enregistrez la page et vérifiez-la sur le site en ligne.
WordPress.com
Les sites hébergés sur WordPress.com ont leurs propres règles pour le code à intégrer.
  1. Les balises script et iframe ne sont disponibles que pour les sites sur une offre qui permet les plugins, avec les fonctionnalités d’hébergement activées.
  2. Sur ces sites, ajoutez un bloc « HTML personnalisé », collez le code et publiez, comme dans les étapes de l’éditeur de blocs ci-dessus.
  3. Sur les autres sites WordPress.com, ni la version script ni la version iframe ne sont acceptées.
Ce que vous obtenez
Aucun plugin
Rien à installer, à mettre à jour ni à rendre compatible avec votre thème. Le widget tient en une ligne de code dans un bloc.
Léger pour vos pages
Le script pèse environ 2 ko compressé, se charge de façon asynchrone et ne récupère un widget que lorsqu’il approche de la zone visible.
Neuf widgets
Prévisions horaires et sur 5 jours, soleil et lune, climat, radar pluie, météo d’un événement, météo régionale, qualité de l’air et pollens (Europe).
S’intègre à votre site
Trois styles (clair, sombre, bleu), unités métriques ou impériales, et douze langues.
Toujours à jour
Le widget actualise ses données tout seul. Vous le collez une fois et vous n’y touchez plus.
Gratuit et sans publicité
Sans inscription, sans publicité et sans limite de vues. La seule condition : garder la petite ligne de crédit sous le widget.
Questions sur le widget météo pour WordPress
Faut-il installer un plugin ?
Non. Le widget est un court morceau de HTML à coller dans un bloc « HTML personnalisé », dans l’onglet « Texte » de l’éditeur classique ou dans un widget « HTML personnalisé ». Il n’y a rien à installer ni à mettre à jour.
Est-ce gratuit ?
Oui. Sans inscription, sans publicité et sans limite de vues. La seule condition est de garder le lien de crédit sous le widget.
Va-t-il ralentir mon site WordPress ?
Le script pèse environ 2 ko compressé, se charge de façon asynchrone et ne récupère un widget qu’au moment où il va apparaître à l’écran : il ne retarde donc pas le reste de la page.
Fonctionne-t-il sur WordPress.com ?
Uniquement sur les sites dont l’offre permet les plugins et dont les fonctionnalités d’hébergement sont activées : ce sont les sites WordPress.com qui acceptent les balises script et iframe. Sur les autres sites WordPress.com, ni la version script ni la version iframe ne sont acceptées.
Fonctionne-t-il avec Elementor, Divi et les autres constructeurs de pages ?
Oui. Utilisez le widget HTML d’Elementor ou le module Code de Divi. Si votre constructeur ou une extension de sécurité supprime les balises script, choisissez la version iframe dans le générateur de code.
Peut-on le placer dans la barre latérale ou le pied de page ?
Oui. Avec un thème classique, ajoutez un widget « HTML personnalisé » dans Apparence > Widgets. Avec un thème de blocs, ouvrez Apparence > Éditeur et ajoutez un bloc « HTML personnalisé » à la partie de modèle de la barre latérale ou du pied de page.
Chaque visiteur peut-il voir la météo de l’endroit où il se trouve ?
Oui. Dans le générateur de code, choisissez « Position du visiteur » au lieu d’une ville. Chaque visiteur voit alors la météo de sa propre région.
Quelles langues et unités sont disponibles ?
Douze langues, et des unités métriques (°C) ou impériales (°F). Vous choisissez les deux dans le générateur de code avant de copier le code.
Pourquoi le code disparaît-il après l’enregistrement ?
WordPress supprime le code script et iframe enregistré par les utilisateurs qui n’ont pas la capacité unfiltered_html. Sur un site simple, les administrateurs et les éditeurs l’ont ; sur un réseau multisite, seuls les super-administrateurs. Demandez à une personne ayant ce rôle d’ajouter le widget, ou vérifiez que vous l’avez bien collé dans un bloc « HTML personnalisé » et non dans un paragraphe.
Ajoutez la météo à votre site WordPress
Choisissez un widget et un lieu, copiez une ligne de code, collez-la dans un bloc « HTML personnalisé ».
Créer votre widget