Header Widget

Comprehensive Weather At a Glance

The header widget delivers a complete weather experience with AI-generated animations, hourly forecasts, 7-day predictions, and critical weather alerts - all in one stunning display.

Live Demo

Header Widget in Action

Experience the full-featured header widget with AI-generated weather animations, detailed hourly and 7-day forecasts, and real-time weather alerts.

AI Animations
24-Hour Forecast
7-Day Outlook
Weather Alerts
Features

Header Widget Capabilities

Designed for prominent placement, the header widget provides comprehensive weather information in an engaging visual format.

Critical Weather Alerts

Keep your audience safe and informed with timely notifications for severe weather events, sourced directly from Weatherbit. Alerts are prominently displayed within the widget to ensure maximum visibility.

Critical Weather Alerts

Keep your audience safe and informed with timely notifications for severe weather events, sourced directly from WeatherAPI. Alerts are prominently displayed within the widget to ensure maximum visibility.

Detailed Hourly & Daily Forecasts

Provide a true 24-hour, hour-by-hour forecast and a 7-day forecast. Display key metrics like temperature, chance of rain, humidity, UV index, and more.

AI-Generated Animations

Stunning AI-generated animated images for all 38 weather conditions are displayed in the header of the weather widget, creating a beautiful and engaging user experience.

No API Keys Needed

Instantly set up and deliver weather forecasts without any third-party signups or costs. Global Weather Pro handles all API communications through our dedicated service.

Font Customization

Personalize the widget's appearance by choosing from 4 professional fonts, including Roboto, EB Garamond, Lato, and Source Sans Pro to match your site's typography.

Integration

Add the Header Widget to Your Site

Multiple ways to integrate the header widget - choose the method that works best for your setup.

Widget Area

Add the widget through your WordPress customizer for easy drag-and-drop placement.

  1. Go to Appearance > Widgets
  2. Find "Global Weather Pro Header"
  3. Add to your header or desired area

Ideal for theme header widget areas

Shortcode

Embed the header widget anywhere using the shortcode in posts, pages, or page builders.

[gwpro_header_weather]

Works with Gutenberg, Elementor, and all page builders

PHP Template

For theme developers - add the widget directly in your theme template files.

<?php echo do_shortcode('[gwpro_header_weather]'); ?>

Add to header.php or any template file

Dual Widgets

Header vs Sidebar Widget

Global Weather Pro includes two specialized widgets optimized for different placements. Choose the one that fits your layout.

Header Widget

Current Demo
  • AI-generated animated backgrounds
  • Full 24-hour hourly forecast
  • Complete 7-day forecast
  • Detailed weather metrics (UV, humidity, wind, gusts)
  • Critical weather alerts modal
  • Ideal for full-width header areas

[gwpro_header_weather]

  • Compact, space-efficient design
  • Current conditions at a glance
  • Critical weather alerts
  • Perfect for narrow columns
  • Ideal for blogs and content sites
  • Minimal footprint, maximum info

[gwpro_sidebar_weather]

FAQ

Frequently Asked Questions

How do I display the widget?

To display the Global Weather Pro widget, you have a few options:

  • Widget Menu: Navigate to "Appearance" > "Widgets" in your WordPress admin panel. From there, you can add either the "Global Weather Pro Header" or "Global Weather Pro Sidebar" widget to your desired location, such as your header, footer, or sidebar.
  • Shortcodes: For more flexibility, you can embed the widgets directly into your posts and pages using shortcodes. Use [gwpro_header_weather] to display the header widget. Use [gwpro_sidebar_weather] to display the sidebar widget.

It is important to note that the original shortcode, [gwpro_global_weather_pro], now functions as an alias for the sidebar widget shortcode ([gwpro_sidebar_weather]) for backward compatibility. Therefore, any existing instances of the old shortcode will continue to work without issue.

Does Global Weather Pro use AI?

Yes. Global Weather Pro uses artificial intelligence for its visual layer. Every one of the 60+ weather conditions reported by WeatherAPI (condition codes 1000-1282) has its own AI-generated animated image, displayed in the header of the weather widget so the animation always matches the reported condition, including day and night variants for clear skies.

To be clear about what the AI does and does not do: the artificial intelligence is used to create the weather animations only. The forecasts, air quality readings, and severe weather alerts themselves are not AI-generated or AI-predicted, they come directly from WeatherAPI, a professional meteorological data provider. Your visitors see AI-created artwork paired with real, trusted weather data.

Are the AI-generated weather animations self-hosted?

Yes. All AI-generated animation files are bundled with the plugin and served from your own site, so displaying them requires no third-party image service, no AI API key, and no per-request AI costs. Nothing is generated on the fly at page load, the artificial intelligence work was done in advance, so the animations add no latency.

What happens during severe weather?

Severe weather alerts are sourced from WeatherAPI and displayed prominently inside the widget so visitors see them immediately. Alerts appear alongside current conditions in both the header and sidebar weather widgets, and no configuration is required, alerts for the widget's location surface automatically whenever the provider issues them.

Is the plugin compatible with all WordPress themes?

Global Weather Pro is designed to work with most WordPress themes. If you experience any issues, please create a topic on our official WordPress support forum so our team and the community can assist you: Official Plugin Support Page

Ready to Add Weather to Your Site?

Install Global Weather Pro and start displaying accurate, location-specific weather forecasts in minutes - no API keys required.