Weather Widget: Bring Weather On Your Newspaper Theme Website

While planning to give your visitors a great experience on your website, the power to provide useful information in a highly engaging way is a decisive factor and leads to better results. Newspaper introduces the beautiful Weather Widget. It is designed to deliver precise weather forecast information for your visitors.

Once set, the widget automatically displays:

  • the selected location;
  • sky conditions;
  • current temperature;
  • low and high temperature;
  • humidity;
  • wind speed;
  • chance of rain (percentage);
  • temperature prognosis for the next five days.

We’ve also included a local weather button in the top-right corner. When you click on it, your location is detected, and it displays the local weather information.

weather widget

How do I get the weather widget?

Open the tagDiv Composer page builder, hit the ‘Add Element’ button to open the items list, then drag and drop the widget onto the page. It can be used to pages, top bar, or inside the widget area as a sidebar element. First things first, however, is to get an API key to show your weather on your website.

weather widget

Getting the API key:

That’s easy. Just create a free account on https://openweathermap.org/ and receive or create the API key for the widget. Then, copy and paste the API key into the designated box on your page.

weather widget

Location for your weather widget:

  • To find your location use the following link. You can use “city name” or “city id” (download city id list). Note that the widget will auto translate itself to the language from the Theme Panel only if a translation is available.

Weather widget Units:

  • Celsius
  • Fahrenheit

Display Weather in Top Menu:

The weather widget can also be set to appear on the top menu. Because there isn’t much space, it displays only the sky conditions, current temperature, and the selected location.

weather widget

How to Get the Weather Widget in your Top Bar

You can set it from Theme Panel -> Header -> Top bar. Just add the location, the API key, select the units and turn on the Show Weather switch.


Don’t forget to use the API key as well

For now, the weather cannot be controlled, but as soon as this is possible, we will add more options. 🙂

weather widget

TLDR

Enhance the visual appeal of your website using a beautiful way to display the Weather. You don’t need a plugin or a premium service access. The Newspaper Theme makes it easy for you to create an excellent experience for your website’s visitors. Follow the steps above, and bring useful weather information for your users at no extra cost.

Show us how do you use it! Share your website with our community in the comments below and help us all find inspiration.

Subscribe For More!

If you want to be the first to find out more about our themes
please subscribe to our newsletter

Bogdan B.
Bogdan B.
Passionate for gaming, mountain biking and travelling. I face every task as a new challenge to bring my skills to the next level.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Check out our latest

Stories