HTML Weather widget

Show the weather forecast for any place on your website


HTML Weather widget
1 / 6


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 plugin, follow the guidelines below

  1. Build your personal Weather plugin
    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 site
    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 site, 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.

How to add Weather to my HTML homepage with no coding knowledge?

Elfsight offers a solution that lets users form a Weather widget yourself, find out the easy steps: Go to the online Demo to generate a Weather app you would like to appear on an HTML web page. Choose one of our pre-designed templates and tweak the Weather settings, change the layout and color of the elements and update your content, without coding knowledge. Save the Weather and copy the widget’s installation code that can be included in the HTML homepage with no need to buy a paid plan. Using our easy-to-use Editor any web user can establish Weather online and effortlessly include it to HTML web page. It’s not necessary to pay or disclose your card data to access Elfsight service. If you encounter any issues at any step, go ahead and get in touch with our customer support.


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