4wpdev

Anatoliy Dovgun

Show live weather on any page or template with a native Gutenberg block—no iframe embeds and no API keys in the browser.
4WP Weather fetches current conditions through WordPress (REST + server cache), stores your OpenWeatherMap key safely in the admin, and renders a clean widget you can style with block colors, typography, and spacing.
A plugin by <a href="https://4wp.dev/" rel="nofollow ugc">4wp.dev</a>.
<h4>Perfect for</h4>
<ul>
<li>A sidebar or footer weather snippet with temperature, humidity, wind, and more</li>
<li>Landing pages that need local conditions without a third-party widget</li>
<li>Block themes and Full Site Editing layouts</li>
<li>Editors who want icon + text labels per field, editable inline in the block</li>
</ul>
<h4>How it works</h4>
<ol>
<li>Install and activate 4WP Weather.</li>
<li>Open 4WP Weather in the admin menu → Providers, add your OpenWeatherMap API key, and save.</li>
<li>Insert the 4WP Weather block in the editor.</li>
<li>Pick a widget template (Small, Compact, or Advanced) and style (Dark or White).</li>
<li>Choose which parameters to show and how each label appears (icon, icon + text, or text).</li>
<li>Publish—the block loads data on the front end via your server.</li>
</ol>
<h4>Key features</h4>
<ul>
<li>Gutenberg block with block supports: background/text colors, typography, spacing, border, wide/full align</li>
<li>Widget templates — Small (location + temperature), Compact (core fields), Advanced (all nine parameters)</li>
<li>Per-field presentation — built-in weather icons, icon + text, text-only, or custom SVG from the Media Library</li>
<li>Editable labels — customize parameter names inline in the editor (Text and Icon + text modes)</li>
<li>OpenWeatherMap provider (live); additional providers registered for future releases</li>
<li>Visitor location — optional browser geolocation (automatic or button prompt) with coordinate fallback</li>
<li>Location search — optional city/place search on the front end</li>
<li>React admin — Providers, Settings (default template), and Documentation tabs</li>
<li>Server-side requests with transient cache; API key never exposed to visitors</li>
<li>Optional JSON-LD structured data (<code>Observation</code>) for SEO</li>
<li>Optional admin bar weather preview for administrators</li>
<li>WP-CLI: <code>wp forwp-weather flush-cache</code></li>
</ul>
<h4>Privacy</h4>
The API key is stored as a WordPress option and is not exposed to front-end HTML or JavaScript. The block calls <code>forwp-weather/v1/weather</code>; PHP performs the remote request. See External services below.
4WP is our project brand; the letters “WP” appear only as part of that brand name, not as a reference to WordPress. This plugin is not affiliated with, endorsed, or sponsored by WordPress.
Source code: <a href="https://github.com/4wpdev/4wp-weather" rel="nofollow ugc">github.com/4wpdev/4wp-weather</a>
<h3>External services</h3>
This plugin connects to the OpenWeatherMap Current Weather API to fetch conditions shown in the weather block, admin live preview, and optional JSON-LD.
When a visitor loads a page with the block (or when an administrator uses the live preview), WordPress sends a server-side HTTPS request to <code>https://api.openweathermap.org/data/2.5/weather</code>. The request includes:
<ul>
<li>Your stored API key (<code>appid</code> query parameter), configured in the admin.</li>
<li>Geographic coordinates (<code>lat</code>, <code>lon</code>) from block settings, browser geolocation when the visitor allows it, or a default location you configure.</li>
<li>Or a city name (<code>q</code>) when location search is used.</li>
</ul>
This plugin does not send visitor IP addresses in the API request. OpenWeatherMap may log requests according to their own policies. Responses are cached on your server (WordPress transients) to reduce repeat API calls.
This service is provided by OpenWeather Ltd. (OpenWeatherMap):
<ul>
<li>Terms of use: https://openweathermap.org/terms</li>
<li>Privacy policy: https://openweather.co.uk/privacy-policy</li>
</ul>

4WP Weather

Add a customizable Gutenberg weather widget to WordPress—live conditions, icon labels, and secure server-side API calls.

WebCodin

<blockquote>
NB! OpenWeatherMap changed conditions of free API ussage without API Key. Currently, OpenWeatherMap API doesn’t work without API key any more. You need to add free or paid API key in the plugin settings: “WCP OpenWeather” > “Settings” > “API Key”. You can get API key <a href="http://openweathermap.org/appid#get" rel="nofollow ugc">here</a>.
NB! Usage of the Google Maps APIs now requires a key. If you are using the Google Maps API on localhost or your domain was not active prior to June 22nd, 2016, it will require a key going forward. To fix this problem, please see the Google Maps APIs documentation to get a key and add it to your application: <a href="https://developers.google.com/maps/documentation/javascript/get-api-key" rel="nofollow ugc">https://developers.google.com/maps/documentation/javascript/get-api-key</a>. You can add this key in the plugin settings: “WCP OpenWeather” > “Settings” > “Google API Key”.
</blockquote>
WCP OpenWeather plugin allows you to add various widgets and shortcodes with current weather or forecast for your city.
Our plugin is based on free <a href="http://openweathermap.org/" rel="nofollow ugc">OpenWeatherMap API</a> and works with free API key for weather data receiving with limitation for this plan, but you can buy any key for <a href="http://openweathermap.org/price/" rel="nofollow ugc">paid plans</a> and use it for your purposes.
In additional, plugin supports different themes, but currently is available only one default theme. We are working on creation of new themes for widgets/shortcodes, so it will be added soon. With default theme you are able to customize background/text colors for widgets/shortcodes.
More information about our plugin as well as plugin support you can find on our <a href="http://wpdemo.webcodin.com/" rel="nofollow ugc">demo site</a>:
<ul>
<li><a href="http://wpdemo.webcodin.com/wordpress-plugin-wcp-openweather/documentation/getting-started/" rel="nofollow ugc">actual plugin documentation</a>;</li>
<li><a href="http://wpdemo.webcodin.com/wordpress-plugin-wcp-openweather/documentation/faq/" rel="nofollow ugc">FAQ</a>;</li>
<li><a href="http://wpdemo.webcodin.com/stay-in-touch/" rel="nofollow ugc">support</a>;</li>
<li><a href="http://wpdemo.webcodin.com/weather-forecast/" rel="nofollow ugc">live demo</a>.</li>
</ul>
If you find issues or have any questions about the plugin, please feel free to ask questions:
<ul>
<li>directly via <a href="http://wpdemo.webcodin.com/stay-in-touch/" rel="nofollow ugc">support form</a> on our demo site;</li>
<li>directly via support email address support@webcodin.com;</li>
<li><a href="https://wordpress.org/support/plugin/wcp-openweather" rel="ugc">Support Tab</a> on WordPress.ORG.</li>
</ul>
<blockquote>
Minimum required PHP version is 5.3.0;
</blockquote>
<h4>Plugin Features</h4>
<ul>
<li>Current weather and forecast widgets for sidebars and shortcode for page;</li>
<li>Weather forecast provided by FREE OpenWeatherMap API;</li>
<li>Conversion measurements and settings for temperature, wind and pressure;</li>
<li>Default plugin options and personal widgets/shortcodes options for site administrator;</li>
<li>Optional widget/shortcode user options for weather forecast on the site frontend for site visitors;</li>
<li>Plugin themes support; You can change active theme in the plugin settings.</li>
<li>Possibility to use OpenWeatherMap API key for free and <a href="http://openweathermap.org/price/" rel="nofollow ugc">paid plans</a>;</li>
<li>City name with Google Map Place Autocomplete;</li>
<li>Full adaptive translation of the plugin interface including the name of the city.</li>
<li>Multilanguage functionality (limited languages list – will be improved soon);</li>
<li>TinyMCE toolbar button for shortcode with visual settings;</li>
<li>Added the ability to determine the weather for the GeoIP coordinates via <a href="https://ipinfo.io/" rel="nofollow ugc">ipInfo</a>. To use of this feature you need to left blank value for the “City” option in a shortcode constructor or a widget parameters.</li>
</ul>
<h4>Default Theme Features</h4>
<ul>
<li>Widget with 2 templates: default & compact;</li>
<li>Mini Widget;</li>
<li>Shortcode with 2 templates: default & compact;</li>
<li>Customization of background and text colors;</li>
</ul>
<h4>Metro Theme Features</h4>
<ul>
<li>Widget with 2 templates: default & compact;</li>
<li>Mini Widget;</li>
<li>Shortcode with 2 templates: default & compact;</li>
<li>Extended background and text color customization;</li>
<li>Personal background images for widgets and shortcodes;</li>
<li>Font-based weather icons.</li>
</ul>
<h4>Multilanguage Functionality</h4>
<blockquote>
If you want to help with plugin translation on your language please let us know via demo site <a href="http://wpdemo.webcodin.com/stay-in-touch/" rel="nofollow ugc">contact form</a> or directly via support@webcodin.com. We will send you .xlsx or .po files with necessary variables for translations. 
 Please note, in case if you add translation manually it will be overwritten after plugin update.
</blockquote>
First of all, we want to say great thanks for all people who help us with plugin translation!
Available Languages:
<ul>
<li>English (United States) – default;</li>
<li>Russian (Russia);</li>
<li>Ukrainian (Ukraine);</li>
<li>Albanian (Albania) – great thanks for Erjon;</li>
<li>Dutch (Nederland);</li>
<li>Dutch (Belgium) – great thanks for Christophe;</li>
<li>Serbian (Serbia) – great thanks for Nikola;</li>
<li>Lithuanian (Lithuania) – great thanks for Mantas; </li>
<li>Spanish(Ecuador) – great thanks for Otto;</li>
<li>Spanish(Spain) – great thanks for Marco;</li>
<li>Portuguese (Portugal) – great thanks for Carlos;</li>
<li>Romanian (Romania) – great thanks for Robert;</li>
<li>Slovenian (Slovenia) – great thanks for Žiga;</li>
<li>German (Germany) – great thanks for Robert;</li>
<li>Italian (Italy) – great thanks for Antonio;</li>
<li>Turkish (Turkey) – great thanks for Raşit;</li>
<li>Croatian (Croatia) – great thanks for Podrška Cedar;</li>
<li>Bulgarian (Bulgaria) – great thanks for Valentin;</li>
<li>Catalan (Catalonia) – great thanks for Ana;</li>
<li>Persian (Iran) – great thanks for Morteza; </li>
<li>Greek (Greece) – great thanks for Antreas;</li>
<li>Polish (Poland);</li>
<li>French (France);</li>
<li>Danish (Denmark) – great thanks for Kim;</li>
</ul>
Multilanguage functionality has limitation based on <a href="http://openweathermap.org/forecast16#multi" rel="nofollow ugc">OpenWeatherMap API</a> languages support, i.e. city name has no translation for city name by default and description of weather conditions have translation only for languages form <a href="http://openweathermap.org/forecast16#multi" rel="nofollow ugc">OpenWeatherMap</a> API list.
Currently, translation of the city names realized via Google autocomplete for city name based on active language for the plugin.
NB! Translation of the city name to the active language occurs when you choose city from the Google Autocomplete list. When You change the current language then city name in the existing shortcodes and widgets will not be automatically translated to the new language. To do this, select the city again, and save the changes.
More information you can find in the <a href="http://wpdemo.webcodin.com/wordpress-plugin-wcp-openweather/documentation/getting-started/" rel="nofollow ugc">plugin documentation</a> on our demo site.
<h4>Notes</h4>
<ul>
<li>NB! Minimum required PHP version is 5.3.0.</li>
<li>NB! We use cookies to storage user options; </li>
<li>NB! OpenWeatherMap API doesn’t work without API key any more. You need to add free or paid API key in the plugin settings: “WCP OpenWeather” > “Settings” > “API Key”. You can get API key <a href="http://openweathermap.org/appid#get" rel="nofollow ugc">here</a>.</li>
<li>NB! Free OpenWeatherMap has <a href="http://openweathermap.org/price/" rel="nofollow ugc">limitation to API request</a>.</li>
<li>NB! Free ipInfo has <a href="https://ipinfo.io/pricing" rel="nofollow ugc">limitation to API request</a>.</li>
<li>NB! Unfortunately, at the moment our plugin do not support adding of manual translation from the user side. We do not provide any guarantee of properly work of the plugin for manually added custom translations and also do not provide any guarantee that manually added translation won’t be overwritten after plugin update.</li>
</ul>
More information you can find in the <a href="http://wpdemo.webcodin.com/wordpress-plugin-wcp-openweather/documentation/notes-and-requirements/" rel="nofollow ugc">plugin documentation</a> on our demo site.

WCP OpenWeather

The multilanguage weather forecast plugin based on OpenWeatherMap API that includes various sidebar widgets and shortcodes.

4WP Weather vs WCP OpenWeather