weatherwidget.org/fr

Widget météo HTML gratuit pour site web

Weather widget Page Background

Comment placer un widget météo HTML sur votre site?

01. Choisissez un lieu

Pour sélectionner un lieu, utilisez le formulaire de recherche par "Lieu" depuis les paramètres du widget météo. Si vous voulez que les données météo soient affichées en fonction de la localisation des visiteurs de votre site, activez l'option de "Localisation Automatique".

02. Personnalisez les options et les éléments d'affichage

Commencez en choisissant le langage et le système de mesure du widget. Actuellement, le widget météo du site est disponible en 3 langages, les paramètres météo peuvent être affichés en unités anglaises (Fahrenheit, miles) et métrique (Celcius, kilomètres). Avec les paramètres HTML du widget, vous pouvez définir quels éléments devraient être affichés, sélectionner le mode des icônes de météo (animées ou statiques), ainsi que choisir la police d'écriture du text du widget météo.

03. Décidez des couleurs du widget

Vous pouvez utiliser les couleurs prédéfinies pour définir la palette de couleur du widget météo HTML. Une option est disponible pour afficher une photo des conditions météorologiques actuelles en tant qu'image de fond du widget. Les couleurs et la transparence de chaque élément du widget peuvent être ajustés individuellement en utilisant le groupe d'options "Paramétrages Manuel des Couleurs"

04. Insérez le code du widget météo HTML sur votre site

Après avoir fait tous les paramétrages et si vous êtes complètement satisfait de l'apparence et des fonctionnalités du widget météo HTML - copiez le code généré dans le template de votre site web. Pour insérer le widget, peu importe le CMS que vous utilisez (Wordpress, Wix, Joomla, Magento, Blogger), ce widget fonctionnera correctement, même sur les pages HTML statiques.

05. Profitez de votre widget météo!

Et si vous avez des questions, n'hésitez pas à contacter l'équipe du support.

À propos de nos Widgets

Widget Horizontal

Le widget météo horizontal pour site web affiche les conditions météorologiques actuelles, incluant la vitesse du vent, l'humidité, la pression atmosphérique ainsi que les prévisions météo par heure pour le jour actuel et le lendemain. Le design du widget météo HTML est adaptatif, la largeur maximale est de 440 pixels, la largeur minimale est 111 pixels.

Horizontal Weather Widget Day Paris Horizontal Weather Widget Horizontal Weather Widget Hour by Hour Horizontal Weather Widget Fahrenheit Horizontal Weather Widget Abu Dhabi

Widget Adaptatif

Le widget météo HTML le plus polyvalent pour site web. La largeur maximale du widget est illimitée, la largeur minimale est de 110px. Le widget météo adaptatif peut être placé sur toute la largeur de la page du site web ou à l'intérieur d'une barre latérale. Les options "Sections" permettent d'afficher la météo actuelle, une prévision de 7/5/3 jours ou les deux.

Responsive Weather Widget Night Abu Dhabi Responsive Weather Widget Day Austin Fahrenheit Responsive Weather Widget Day Los Angeles Static Icons Grey Responsive Weather Widget Weather Conditions New York Responsive Weather Widget Temperature Los Angeles Responsive Weather Widget Temperature London Pink Responsive Weather Widget San Francisco Temperature Temperature in Tokyo Responsive Weather Widget

Widget Télécript

Le widget météo téléscript est très simple à mettre en place sur n'importe quel design de site web. Grâce à sa faible hauteur et sa largeur adaptative, le widget est capable d'afficher la météo dans un espace restreint. Le widget téléscript est une bonne option pour les sites web de news ou régionaux. La hauteur de ce widget est fixée à 40 pixels.

Responsive Weather Widget Sky Blue Responsive Weather Widget Red Responsive Weather Widget Pink Responsive Weather Widget Violet Responsive Weather Widget Purple Responsive Weather Widget Navi Responsive Weather Widget Blue Responsive Weather Widget Light Blue
Contacter le Support
Votre message n'a pas été envoyé
Votre nom
Votre e-mail
Message
Merci de renseigner votre Nom
Merci de renseigner votre E-mail
Merci de renseigner votre Message
Votre message a été envoyé avec succès!
Quelque chose ne s'est pas bien passé, merci de réessayer