Free Weather Widget for website

Weather widget Page Background

How to place a weather widget on your website?

01. Choose a location

To select a location, use the "Location" search form from the weather widget's parameters. If you want weather data to be displayed based on the location of your site visitors, activate the "Automatic location" option.

02. Customize the options and elements to display

Start by choosing the widget language and measurement system. Currently, the weather widget for website is available in 66 languages, weather parameters can be displayed in English units (Fahrenheit, miles) and metric (Celsius, kilometers). With the widget parameters, you can define which elements should be displayed, select the type of weather icons (animated or static), as well as choose the font for the weather widget text.

03. Decide on the colors of the widget

You can use predefined color sets to select the color palette of the weather widget. An option is available to display a photo of the current weather conditions as the background image of the weather widget. The color and transparency of each of the widget`s elements can be adjusted individually using the "Manual Color Settings" group of options.

04. Embed the Weather Forecast Widget code in your website

After all the settings are made and you are completely satisfied with the appearance and functions of the weather widget - copy the generated code into your website template. To place the widget, it doesn't matter what CMS the site is running (Wordpress, Wix, Joomla, Magento, Blogger), the widget will work correctly even on static html website pages.

05. Enjoy your weather widget!

And if you have any questions, you can always contact our support team.

About our Widgets

Horizontal Weather Widget

Horizontal html weather widget for website displays current weather conditions including wind speed, humidity and atmospheric pressure as well as hourly weather forecast for the current day and for the next day. The design of the html weather widget is responsive, the maximum width is 440 pixels, the minimum width is 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

Responsive html Widget for website

The most versatile weather widget for website. Maximum width of the widget is unlimited, minimum width is 100px. Responsive weather widget can be placed either for the full width of the site page or inside the sidebar. The "Sections" settings allow you to display the current weather or 7/5/3-day forecast, or both.

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

Ticker Widget

Ticker Weather widget is easy to add to any website design. Due to its low height and adaptive width, the widget is able to display the weather with the minimum space in the layout. Ticker html weather widget is a great option for news and regional websites. The height of the weather widget is fixed to 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
Get Support
Support us on patreon to get premium support
Your message have not been sent
Your Name
Your Email
Please, fill in Name field
Please, fill in Email field
Please, fill in Message field
Your Message Sent Successfully!
Something Went Wrong, Please Try Again