WeatherBot displays live weather for any location in the world using Google’s Weather API , with city/place resolution via Google Maps Geocoding/Places . Use with a Classic Widget , a Gutenberg block (with live preview), or with a shortcode anywhere shortcodes are supported. Outputs a clean, accessi
PricingFree downloadThe WordPress.org download is free. Pro versions, add-ons or external services may cost extra.
CompatibilityRequires WordPress 6.0 and PHP 7.4.
SourceWordPress plugins · Nov 2, 2026
01 / Source details
Aboutthistool.
WeatherBot displays live weather for any location in the world using Google’s Weather API , with city/place resolution via Google Maps Geocoding/Places . Use with a Classic Widget , a Gutenberg block (with live preview), or with a shortcode anywhere shortcodes are supported. Outputs a clean, accessible UI that works in any theme or builder.
Features
Automatic WeatherForecast Schema.org (JSON-LD) structured data generation for SEO and Google rich results.
Live local current weather via Google Weather API
Google Maps Geocoding/Places for accurate city/place lookups
WordPress weather block with live server preview and full controls
WordPress weather shortcode that works anywhere shortcodes are supported
Control the title’s HTML tag (H2-H6, P) for SEO hierarchy
Three display layouts — badge (card), compact (mini), inline (text-flow)
Optional title with on/off toggle via show_pre_text (shortcode & block)
Intuitive Theme Selection (Light Theme / Dark Theme) for readability on any background
Units — Fahrenheit (°F) or Celsius (°C); can inherit from Settings
Classic Widget support (with Align and Heading Tag options)
Semantic and Accessible HTML5 Markup (aside, headings) for improved SEO and screen reader support.
Builder-friendly output — guards against unwanted p wrappers and extra spacing
Caching tuned for freshness — weather (~2 minutes per location/unit); geocoding (long-lived)
Manual cache purge from Settings
Optional uninstall cleanup — delete plugin data on uninstall if enabled
CSS variables for easy theming (–wb-primary, –wb-secondary, –wb-neutral, etc.)
No jQuery on the front end — built with modern WordPress packages and vanilla JS
COMING SOON: Our Pro version with weather forecast and other powerful features like detailed style controls .
Who Should Use WeatherBot?
The WeatherBot plugin is a versatile tool that adds real-time weather insights to your WordPress site. Any site that relies on location-based services , visitor engagement , or timely environmental data can gain measurable benefits by engaging visitors longer and improving conversions.
Real Estate Websites – Showcase current conditions for specific cities or neighborhoods to highlight lifestyle and property appeal.
Travel & Tourism Agencies – Display live weather for destinations like ski resorts, beach hotels, and outdoor adventure guides to help travelers plan trips and activities.
Hospitality & Lodging – Hotels, resorts, and vacation rentals can reassure guests and improve conversion rates with up-to-date forecasts directly on booking pages.
Outdoor Recreation & Services – Ski resorts, hiking trails, marinas, golf courses, and contractors can highlight ideal activity conditions or set expectations for weather-dependent services.
Event Venues & Organizers – Provide attendees with accurate, live weather at the event location.
Local News & Community Sites – Add relevant, constantly updating content that keeps visitors returning.
E-commerce Stores – Influence buying decisions for seasonal goods—like clothing or outdoor gear—by tying products to live weather data in key markets.
Education & Nonprofits – Enhance engagement on school or community sites with practical information for families and visitors.
Whether you’re running a real estate agency site in Lake Arrowhead , a tourism portal for Big Bear , or a global e-commerce store selling outdoor gear , WeatherBot helps you deliver accurate, branded weather displays that align perfectly with your content and audience.
For search visibility, WeatherBot is one of the best weather plugins for real estate, tourism, hospitality, outdoor recreation, local businesses, and e-commerce sites .
How to Use
Gutenberg Block + Classic Widget
Insert the WeatherBot block from the add widget panel (search “WeatherBot”). The block renders a live server preview and includes these controls:
Title ( pre_text ) — optional heading above the widget
Show Title ( show_pre_text ) — 1 (show) or 0 (hide)
Position ( align ) — left , center , right
Theme ( font_color ) — light , dark contrast
Unit ( unit ) — IMPERIAL (°F), METRIC (°C), or inherit from Settings
Type ( type ) — badge , compact , inline
City ( city ) — type a city and press Enter to preview
The block supports Dimensions → Margin for per-instance spacing. Theme alignment (e.g., wide/full) is supported where available.
Shortcode
Use [weatherbot]. Examples below are code-formatted so they render correctly.
Basic: [weatherbot city=”Lake Arrowhead, CA”]
Badge type with °F: [weatherbot city=”Lake Arrowhead, CA” unit=”IMPERIAL” type=”badge”]
Title + right aligned: [weatherbot city=”Lake Arrowhead, CA” type=”badge” pre_text=”Current Weather” align=”right”]
Hide the title (show_pre_text=0): [weatherbot city=”Lake Arrowhead, CA” pre_text=”Current Weather” show_pre_text=”0″]
High-contrast for dark backgrounds: [weatherbot city=”Lake Arrowhead, CA” type=”badge” font_color=”light”]
unit — IMPERIAL | METRIC | empty to inherit from Settings
type — badge | compact | inline | empty to inherit
pre_text — string (optional title above the widget)
show_pre_text — 1 | 0 (default 1 ) — show/hide the title above the widget
align — left | center | right
font_color — light | dark
icon_size — integer 8 – 200 (pixels); omit to use the layout default (badge 28 , compact 20 , inline 16 )
Styling & Customization
WeatherBot is designed to inherit your theme’s fonts and typography by default, so it blends seamlessly into your site. But if you want more control, you can fully customize the display with CSS variables and custom CSS rules .
CSS Variables for Quick Theming
You can override the built-in design system using global CSS variables. Add them to Appearance → Customize → Additional CSS or your child theme stylesheet:
:root { --wb-primary: #0055aa; /* link and highlight color */ --wb-secondary: #3399ff; /* hover color */ --wb-neutral: #666666; /* neutral text */ --wb-light: #e0e0e0; /* light gray */ --wb-dark: #111111; /* dark text */ }
Common Customizations
Change the temperature color: .roxxi-weather span.wb-temp { color: #cc0000; font-weight: 700; }
Make the unit lighter: .roxxi-weather span.wb-unit { color: #555555; font-weight: 300; }
WeatherBot supports three display layouts that can be styled independently:
Badge – .wb-type-badge → Card-style block with border and padding
Compact – .wb-type-compact → Slimmed-down block for sidebars or tight spaces
Inline – .wb-type-inline → Flows naturally with surrounding text
Alignment Utilities
You can also control horizontal positioning:
.wb-left → Align left
.wb-center → Centered
.wb-right → Align right
Contrast Themes
For accessibility and readability, WeatherBot supports dark text on light backgrounds ( font_color="dark" ) or light text on dark backgrounds ( font_color="light" ). This ensures your widget maintains strong contrast in any design.
With these options, WeatherBot can be styled to match any WordPress theme —from minimal blogs to complex builder-driven layouts.
Advanced Information
Performance & Caching
WeatherBot is engineered to be fast, lightweight, and API-efficient , so it won’t slow down your WordPress site. All requests to Google’s Weather and Geocoding APIs are cached in your database to reduce load times and minimize API usage.
How Caching Works
Weather Data — Cached for about 2 minutes per location/unit combination. This ensures users see nearly live conditions without hammering the API unnecessarily.
Geocoding Data — Cached long-term. Once a city or place name has been resolved into coordinates, it is stored and re-used to speed up future lookups.
Automatic Expiration — Old or stale cache entries are purged automatically so your database stays clean.
Manual Cache Control
From the Settings → WeatherBot page you can manually clear caches at any time:
Purge Weather Cache — Forces a fresh request to the Google Weather API on next load.
Purge Geocoding Cache — Clears stored location lookups, useful if you change how you want places to be resolved.
Performance Advantages
No jQuery on the front end — WeatherBot uses vanilla JavaScript and modern WordPress packages for faster rendering.
Minimal Database Calls — Cached data is indexed, and each widget instance reuses cached responses where possible.
Smart Asset Loading — Styles and scripts are only enqueued on pages where the widget or block is actually used.
Builder & Theme Friendly — CSS variables and scoped class names reduce conflicts and keep styling isolated.
Optimized for PHP 8+ — Fully compatible and tested for modern hosting environments.
API Usage & Quotas
Because WeatherBot caches aggressively, each site can serve thousands of widget views while making only a handful of API calls. This keeps your Google Maps Platform quota usage low , even on high-traffic sites.
In short, WeatherBot is tuned to balance real-time accuracy with performance efficiency , ensuring your site stays fast while your visitors always see up-to-date weather conditions.
SEO & Local Search Benefits
WeatherBot isn’t just a utility widget—it can also help strengthen your site’s SEO and local search visibility . By embedding live weather conditions tied to a city, town, or region, you’re providing fresh, location-based content that search engines value.
How WeatherBot Helps SEO
Fresh Content Signals — Weather data updates every few minutes, giving search engines a reason to crawl your pages more often.
1. Go to Plugins → Add New . 2. Search for WeatherBot . 3. Click Install Now , then Activate . 4. Go to Settings → WeatherBot , add your Google Maps API key (enable Weather and Geocoding/Places APIs), and save. 5. Add the WeatherBot Block , Widget , or Shortcode to your site and configure the options.
Manual installation
1. Upload the weatherbot folder to /wp-content/plugins/. 2. Activate the plugin in Plugins . 3. Go to Settings → WeatherBot , add your Google Maps API key (enable Weather and Geocoding/Places APIs), and save. 4. Add the WeatherBot Block , Widget , or Shortcode to your site and configure the options.
03 / Source details
Frequently asked questions.
1. Does this show live location weather using Google Weather?
Yes. WeatherBot retrieves current weather from Google’s Weather API and resolves your city input with Google Maps Geocoding/Places .
2. Where do I get a Google API key and what do I enable?
Create a key in the Google Maps/Weather API Platform and enable Weather and Geocoding/Places APIs. Restrict your key per Google’s guidance.
3. Can I use the shortcode in Widgets, Headers/Footers, or builder modules?
Yes—anywhere WordPress parses shortcodes : posts, pages, widgets, the Core/HTML block, and most page builders. In a PHP template you can use:
4. How often is the weather updated? Can I clear the cache?
Weather results are cached briefly (about 2 minutes per location/unit) to keep results fresh while saving API calls. Geocoding results can be cached long-term. You can manually purge caches from Settings → WeatherBot .
6. Does this plugin track visitors or send data to third-party servers?
No. API calls go directly from your site to Google using your key. The plugin does not phone home.
7. Is jQuery Required?
No jQuery on the front end. WeatherBot runs on vanilla JS and WordPress packages. (The WP admin may load standard WordPress scripts.)
8. Can I change the font styles of the weather display?
Yes. While WeatherBot inherits your theme’s fonts, you can easily override them with custom CSS. For example, to make the temperature bold and red, add this to your theme’s Additional CSS panel:
Website LLMs.txt and LLMs-Full.txt Generator is an LLMs.txt generator and llms-full.txt generator for WordPress. It helps site owners generate, manage, preview, validate, and serve AI discovery files from published public content. Use it to create structured /llms.txt and optional /llms-full.txt end
EngageDock AI is a customizable floating contact widget for WordPress websites that want more leads and faster visitor communication. It helps small businesses turn website traffic into calls, texts, emails, and callback requests from one clean contact panel. Key Features: Click-to-Call – One tap ca
Altify AI is an auto ALT text and AI ALT text plugin for WordPress images. It helps generate descriptive image ALT text for accessibility and image SEO. Use bulk image ALT text tools for your Media Library, generate featured image ALT text automatically, and scale WooCommerce image ALT updates with
The Accepted Payment Methods plugin is a straightforward, lightweight solution that enhances your website by displaying visually appealing icons of the payment methods you accept. This plugin is ideal for a variety of websites, including e-commerce platforms, service-oriented websites, and informati
