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;
- 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.
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.
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.
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:
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.
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. 🙂
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.