Up-to-date weather data to trigger sales
Responsive Easy-to-use Coding-free  

Weather
widget for website

 Weather<br> widget for website

Why do I need Elfsight Weather?

Increase sales of weather-dependent goods and services

Use the weather data as a decision-making factor in buying seasonal goods or choosing a travel destination.

Better user experience in booking outdoor events

With a precise weather forecast, it’s easy to find the best date for the planned event and book it without leaving your website.

Reduce bounce rate of the page

Ever-relevant weather data attracts users’ attention and makes them stay on your website longer, decreasing bounce rate.
0%
websites support
0+
hours of development invested
1 min
to start using the widget
0%
customer satisfaction rate

Join 1,078,753 customers already using Elfsight Apps

You can start with creating your first Elfsight Weather widget for free.

What makes Elfsight Weather special?

Instant weather outlook on your site
Weather
Instant weather outlook on your site
Keep website visitors updated about the weather in any part of the world. Your local town or a faraway touristic destination - display the precise forecast for any location. Just enter the name of the place, or its ZIP-code, or coordinates - the widget will do the rest. Choose your language and temperature unit and you will get the most user-friendly weather forecast widget.   
It’s handy to see the weather right where you’re choosing the date for your future outdoor event
Daphne Clarke
Design
Choose the best look. Find the right place.
From a simple and unobtrusive to the most informative - there are five options for the widget design. Choose what set of meteo data you need on the site, vary the size of the widget and embed it on any place of the page. With Elfsight Weather it will be simple and fast.  
Choose the best look. Find the right place.
Style
Easy options of the great styling
It’s super easy to turn your weather widget into a website element that contributes to the overall style and color solution. Adjusting the colors of the main and daily backgrounds, you can find your optimum combination. Or just choose the themed images, that will show the current weather situation.  
Easy options of the great styling
Usage examples
See a selection of real examples to explore the full potential of Weather for your website.
See in action
Live demo
Try all the features of Weather in live demo now. No fees. No registration. No coding.
Try now

Why Elfsight widget of all others?

Diverse features are not the only thing to enjoy about the widget. Our support team is always ready with professional guidance in any issue and the freshest updates.
Handy live editor
Manageable interactive editor
No programming, no need for a developer - our active editor ensures widget embedding with ease to save your effort.
Professional Elfsight team
Professional Elfsight team
High-quality timely help and free setup aid will ensure you problem-free for smooth experience with the widget.
Marvelous Elfsight Apps service
Fabulous Elfsight Apps service
Cloud tools for regular automated updates, fast bug fixes and great loading speed wherever you are.

What our customers say ❤️

Mathias Gwadanican
Mathias Gwadanican
Partner, Sinouvé SCOP
Elfsight Weather channel plugin is real cool, and their customer support is really practical and friendly. Relevant and flexible widget, personally I recommend Elfsight!
Mark Harper
Mark Harper
Brand strategist
Elfsight apps gorgeous, well built, clear, and easy to adjust. I'm so pleased and impressed with their widget and support.
Theodoros Kakoulidis
Theodoros Kakoulidis
CEO, PureProductsTrade
Great weather forecast widget, easy to personalize and in case of any query, you will get first-class help. I am strongly considering using all products.
Michael Smith
Michael Smith
Entrepreneur
Impressive weather radar for a very affordable price. Customizable, untangled and the Elfsight staff is really friendly and useful. Excellent user experience!
Brian Colin
Brian Colin
Creator
Elfsight team extremenly quickly fixed an issue I was having with their custom weather forecast. I think I will test their other widgets now!
Tom Michaelson
Tom Michaelson
Entrepreneur
The current weather forecast widget is brilliant and flexible interface. Highly customizable and integration is swift. Customer service was greatly polite and friendly.

Try Weather widget demo

You can customize the widget in a couple of clicks and add it to your website right from the demo.

Frequently Asked Questions

How to add Weather Forecast widget to any website?

In order to integrate our plugin, use all the points from the clear instruction below:

  1. Launch Elfsight editor and start creating your custom app.
  2. Adjust the widget specifications and click to save the essential corrections.
  3. Receive your individual code appearing in the window.
  4. Add the plugin code into your homepage and click to save.
  5. You’ve properly embedded the widget on your website.

Stumbled upon any troubles with the setup? Don’t hesitate to address our support team and we will be delighted to give you a hand.

Also, you can find detailed installation guides here.
What types of weather data does the forecast widget include?
Elfsight Weather displays not only the temperature but also the humidity, the wind velocity, air pressure and the weather elements, such as rain, snow or clouds. However, you may choose to display the current temperature only or other variants.
How do I add a Weather widget to an HTML code?
You can embed the weather widget to your HTML code by following several easy steps. First, form your custom weather widget in our free demo and save your results. You will see a popup window with an installation code - copy this code. Then open your website’s editor and select the location of your Weather widget. Paste this code there and save the changes. In case there are any questions remaining, you can find our detailed video guide here. And keep in mind that you can always address our support team in case anything goes wrong.
Which way do I embed the Weather plugin to the iFrame website?
To add the Weather widget to iFrame website, you have to open our Configurator or use the free demo and create your perfect widget, applying one of premade templates. After that, copy the code that will be shown in the popup window. Go to your iFrame site and open the editor. Paste the installation code to the HTML code of your website and save the changes. Remember that you can always find a detailed guide on installation here. And don’t hesitate to let us know if anything remains not quite clear.
How can I embed the Weather plugin to the WordPress site?
In order to add the Weather plugin to the WordPress website, follow these easy steps. First, open our free configurator or live demo and create your widget. After you’re done, copy the code that is shown in the pop-up. Embed the code of the Weather plugin to your WordPress site’s editor. Save the changes and check if your live Weather plugin works correctly. In case you need a more detailed guide, it can be found on this page. If there are still any questions remaining, you can always address us!
Which way can I add the Weather app to the Wix website?
Our customizable Weather app can be easily integrated to your Wix website, simply follow these easy steps. First, design your Weather widget to make it blend with your Wix site’s design. After that, save the changes and copy the code that will be displayed in the popup window. Embed this code to your Wix website through the use of the site’s editor. If you need a more detailed instruction, you can find it on this page. And remember that there’s also a Help Center that contains tons of detailed guides on how our widgets work and how you can add them to your site.
How can I embed the weather widget to my Shopify website?
In order to add the Weather widget to your Shopify site, the first thing you need to do is to open your Shopify site, log in to it and click the “Get” button to embed the tool. Then, configure your weather app in our free Configurator or straight out of live demo, and save your changes. Go to the «Pages» section of your Shopify site and open the page to display the widget. Right there, add the code in HTML and save the changes. If you need a more detailed guide, go to this page where you’ll find a video instruction. Also, don’t hesitate to address our support team in case you’ve got any questions.
Which way do I add the Weather widget to Drupal website?
To embed the Weather widget to your Drupal website, follow these easy steps. First, use our Configurator or live demo to create your customizable weather plugin for your Drupal site. After you’re done, copy the code from the popup window you’ll see and go to your website to embed it. Add the code to your Drupal site’s editor and save the changes. Also, you can observe our video guide on the widget’s installation here. Keep in mind that if there are any questions you still want to ask, you are always welcome to address us!
How can I embed the Weather widget on the Joomla website?
You can easily embed the Weather widget to Joomla site by following our simple guide. Open our Configurator or use the live demo to create your custom widget for Joomla. Save all the changes and copy the code that will be revealed in the popup window. After that, paste the widget’s code to your website editor and save the changes. You will see your Joomla Weather widget demonstrate the temperature right away. In case there’s a need for a more detailed guide, go to this page. And remember that you can tailor our Joomla he plugin just the way you need in order to blend it perfectly with your site’s design.
How do I embed the Weather widget to Weebly website?
Adding a weather widget to Weebly has never been so easy to perform! First, open our Configurator and create the Weather widget right for your Weebly website. After the customization is over, save the changes. Copy the code that will appear in the popup window and paste it in your Weebly site’s editor. Save the changes and make sure your Weather widget works correctly. The video guide on this process can be observed on this page. If there are any questions left, or maybe you need some help, address our support specialists!

Join 1,078,753 customers already using Elfsight Apps

Get the taste of 80+ powerful apps by Elfsight. No credit card. Joining is free!
Get started
Get 20% discount now!