HTML Weather widget

Display current weather information on your HTML website to engage local and traveling visitors with helpful daily insights.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
HTML Weather widget

Create your Weather widget

Configure your Weather and add it to your HTML website for free!

Screenshots

HTML Weather widget
1 / 6

Description

Elfsight Weather is a fast and very adjustable website plugin which demonstrates the relevant weather conditions for a selected location. Insert a district using the title, ZIP or the coordinates. Website audience will see the latest info on the temperature, air pressure, humidity, and weather elements. There’s a feature to demonstrate the forecast for the week ahead or for the next twelve hours. The widget also includes weather-themed background and the feature to choose any colors.

Achieve an improved user experience with an informative weather widget on your page.

Here you can see all the features of Weather widget. They are available directly in the editor and they will help you configure the widget most suitable for your needs.

  • Three ways to enter the place: by the name, the ZIP code, or the coordinates;
  • More than 30 languages included to demonstrate weather info in the language your audience speak;
  • Five variants of the widget configuration for diverse use-cases;
  • The ability to display the day-to-day forecast for the week ahead with dates;
  • Add hourly forecast for the nearest twelve hours.

You can test all widget’s features straight in the demo

How do I embed Weather widget on HTML website?

To embed the widget, follow the guidelines below

  1. Build your personal Weather widget
    Managing our free configurator, create a plugin with a preferable design and functional traits.
  2. Get the personal code to publish the plugin
    After you have set up your widget, you will obtain your installation code from the appeared window on Elfsight Apps. Copy this code.
  3. Add the plugin on your HTML website
    Find the area where you plan to display the plugin and add the saved code there. Publish the results.
  4. Setup is finished
    Enter your website, to see your plugin.

Don’t hesitate to address our customer support in case you need advice or having queries. Our specialists will be happy to help with every enquiry.

Can I embed the Weather widget on a static HTML website?

Yes, Elfsight works on any static HTML website. Simply paste the installation code into your page source where you want your widget to appear.

Do I need special hosting to use Weather Forecast on HTML?

No special hosting plan is required. As long as your HTML website supports JavaScript, the widget will display and function properly.

What location formats can I use in the Weather widget on HTML?

Elfsight supports city names, ZIP or postal codes, and exact latitude/longitude coordinates, automatically identifying locations worldwide for precise forecasts on your HTML website.

How many languages does the forecast support?

Elfsight is available in 30+ languages with automatic interface translation and temperature units displayed in Celsius or Fahrenheit.

What forecast layouts can I display in HTML?

You can choose from Current Temperature, Current Conditions, 12-hour Hourly view, 7-day Daily forecast, or a Detailed layout with extended data.

Are weather updates shown in real time?

The Current Temperature layout reflects live conditions and can be resized to fit compact areas like headers or sidebars.

Can I display wind, humidity, or air quality on my HTML website?

Yes, the Detailed layout includes wind speed, humidity, pressure, and additional atmospheric data alongside temperature.

Can I customize the background of the weather display?

Yes, you can use dynamic weather-themed backgrounds or apply custom solid colors with automatic contrast adjustment.

Can Elfsight detect a visitor’s location automatically?

The Weather Forecast widget can identify a visitor’s location automatically or allow manual entry for specific cities or travel destinations.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Platform-independent version that works on any site
from $0 / month
start with free plan
Unlimited domains
Free customer support
Free installation service
Special price for multiple apps
Editable content