Weather Widget for Website. Free, Live Forecasts - Poper
Weather Widget

Live weather on any website.

Embed real-time conditions, hourly outlooks, and 7-day forecasts in 60 seconds. Auto-detects visitor location, supports multi-city, metric and imperial. Free, no code, GDPR-clean.

No credit card required
14-day free trial
Cancel anytime

Trusted by 11,000+ brands

Timetics
Academie Digitale
Goldcast
nbcf
Seedstock
Wow
Linkxar
Gale Toyota
Skills
Rugby Sport
Lamp
Leaktronics
Steel
Theatre in Chicago
Globerto
Meetup
FYM
Zeben
Kraftix
IETraditionala
Meethires
Leadscrape
Happily
Timetics
Academie Digitale
Goldcast
nbcf
Seedstock
Wow
Linkxar
Gale Toyota
Skills
Rugby Sport
Lamp
Leaktronics
Steel
Theatre in Chicago
Globerto
Meetup
FYM
Zeben
Kraftix
IETraditionala
Meethires
Leadscrape
Happily
Free forever, paid plans from $19/mo

Try the live weather widget

Live demo, not a screenshot. Pick cities, change units, restyle it. What you see here is what ships to your site.

How to use it

How to add a weather widget to your website

Three steps. Under two minutes. No developer needed.

  1. 01

    Pick locations or auto-detect visitors

    Search any city worldwide, pin multiple locations, or enable IP-based auto-geolocation so each visitor sees their own local forecast. Supports 200,000+ cities.

  2. 02

    Choose layout, units, and brand colors

    Pick Compact, Card, Forecast, Hourly Strip, Multi-City, or Dashboard. Toggle Celsius or Fahrenheit, kilometers or miles, 24-hour or 12-hour clock. Match your brand fonts, colors, and card style.

  3. 03

    Copy the snippet and embed

    Paste the one-line script tag into your site. Works on WordPress, Shopify, Wix, Squarespace, Webflow, Framer, Ghost, and any HTML stack.

Works everywhere

Works with every website platform you already use

Drop-in install on WordPress, Shopify, Wix, Squarespace, Webflow, Framer, Ghost, and any HTML-friendly stack. No build step, no developer needed.

WordPress
Shopify
Wix
Squarespace
Webflow
Framer
Ghost
HTML

Plus 250+ other platforms via the embed snippet. If your site can render a <script> tag, it can render the Weather Widget for Website: Live Forecasts, Multi-City, Auto-Geolocation.

What you get with Poper Weather

Six things that matter when you embed live weather, not 30 features no one uses.

Multi-source weather data with auto-failover

Most weather widgets pin you to one provider. Poper routes each request to the most accurate source for that region: NOAA for the US (public domain, the gold standard), WeatherAPI for international, OpenWeatherMap as a fallback. If any one provider has an outage, your widget keeps working from the next source. Visitors never see a blank box.

IP-based auto-geolocation, GDPR-aware

Each visitor sees their own local forecast automatically, with ~50km accuracy from MaxMind GeoIP2. Falls back to a default city when a VPN or consent block is detected. No HTML5 Geolocation prompts, no friction, no leaked coordinates.

6 layouts included

Compact, Card, Forecast, Hourly Strip, Multi-City, Dashboard. Switch any time without re-embedding.

Metric or imperial

Celsius or Fahrenheit, kilometers or miles, 24-hour or 12-hour clock. Auto-locale or manual override.

Core Web Vitals safe

Lazy-loaded below the fold, async-injected, scoped CSS, served from a global CDN edge cache. Under 35 KB gzipped. Zero CLS, zero LCP regression. Your Lighthouse score does not move when you add this widget.

Severe weather alerts in under 5 minutes

Hooked into NWS (US), MeteoAlarm (EU), and Environment Canada feeds. Tornado warnings, hurricane advisories, flood watches, and heat advisories surface as an in-widget alert banner within 5 minutes of issuance. Critical for travel, event venues, and outdoor service businesses where weather changes plans.

Use cases

Where Weather Widget for Website: Live Forecasts, Multi-City, Auto-Geolocation actually moves the needle

Four buyer types who get the most lift from embedding Weather Widget for Website: Live Forecasts, Multi-City, Auto-Geolocation on their site.

Travel and tourism sites

Show destination weather on hotel, tour, and booking pages so guests can plan their trip with confidence. 7-day forecasts lift booking conversion 8-14%.

Event venues and ticketing

Embed event-day forecasts on concert, festival, wedding, and stadium pages. Reduces no-shows and refund requests for outdoor events. Severe-weather alerts trigger automatic banners.

Outdoor service businesses

Lawn care, pool service, gardening, painting, roofing, golf courses. Visitors check the weather before they book, so put the forecast next to your call-to-action.

Hyper-local news and community sites

Local news sites, community portals, school district pages, and HOA boards. A live weather strip in the header or sidebar is the most-clicked element on most local-news pages.

Poper vs other weather widgets

Most weather widgets are either ad-supported or paywall multi-city. Here is how the popular ones stack up.

 Recommended
Poper
weatherwidget.io
Elfsight Weather
Forecast.io
Free plan available
Multi-source data with auto-failover
NOAA data for US locations
IP-based auto-geolocation
Paid only
Multi-city display (free tier)
Limited
Hourly forecast (next 24-48h)
7-day forecast
Paid only
Severe weather alerts (NWS, MeteoAlarm)
Metric and imperial units
Custom CSS / total design control
Limited
Refresh frequency (lowest plan)
60 min
60 min
60 min
Discontinued
Pricing for unlimited cities
$19/mo (Starter)
Free + ads
$5/mo
Discontinued
Bundled with popups, forms, quizzes, more widgets

Comparison reflects publicly listed pricing and features as of 2026. Forecast.io legacy was retired by Apple in 2022. Verify current details on each provider's site.

Real teams. Real outcomes.

Travel, hospitality, news, and outdoor service brands who switched from broken weather widgets to Poper.

Poper has improved our website's user engagement! Since integrating Poper's personalized popups, we've seen a dramatic surge in conversions and user interactions. The platform's intuitive design makes creating and customizing popups a breeze, even for those with minimal tech skills. What truly sets Poper apart are its…
Jayson Ang
Jayson Ang
Singapore Property Swapper · Singapore Property Swapper
Fantastic app and support team, they are very quick to help and provide a solution or improvement to their product. Highly recommended!
Alex
Alex
CEO · AH
Poper has been a total lifesaver for our agency! As a digital marketing agency, we’re always juggling a million things at once. Poper has been a real game-changer in terms of streamlining our workflow and keeping track of all our clients’ campaigns. The ability to track all our clients’ websites from one place is a…
Idris Basir
Idris Basir
-

Pricing

Simple pricing. Free plan covers most websites.

Free forever for one widget. Upgrade only when you need faster sync, multiple instances, or to drop the watermark.

Free

Everything you need to ship the widget today.

$0forever
  • 1 widget instance
  • All layouts & customization
  • Brand-match styling
  • 6-hour sync cadence
  • Poper watermark
Start free
Most popular

Pro

Remove the watermark, faster sync, more widget instances.

$19/mo
  • Unlimited widget instances
  • 30-minute sync cadence
  • No Poper watermark
  • Custom CSS
  • Priority email support
  • Shoppable tagging
Start 14-day trial

Business

Multi-site, multi-account, white-label.

$49/mo
  • Multi-account combined feeds
  • Real-time sync
  • White-label embed
  • API access
  • Dedicated success manager
  • Custom SLA
Start 14-day trial

All plans include unlimited page views, no contracts, cancel anytime. Annual billing saves 20%.

Guide · 4 min read

The complete guide to embedding a weather widget on your website

Weather is the most-checked piece of data on the open web. Roughly 1 in 4 mobile sessions includes a weather check, and weather influences purchase decisions for travel, events, hospitality, retail, and outdoor services. Embedding a live forecast on your own site keeps that decision moment on your page instead of bouncing the visitor to weather.com. This guide walks through what actually matters when you choose and configure a weather widget for your website in 2026: data source choice (OpenWeatherMap vs WeatherAPI vs NOAA), the trade-off between IP-based and HTML5 geolocation, forecast accuracy decay beyond 7 days, performance budget on mobile networks, and the privacy posture you need for GDPR.

01

Choosing your weather data source: OpenWeatherMap, WeatherAPI, NOAA

Three providers dominate embeddable weather. OpenWeatherMap offers the most generous free tier (60 calls per minute, current and 5-day forecast) and is the default for most free widgets, but accuracy outside the US lags behind specialist regional providers. WeatherAPI Pro tier starts around $4 per month and beats OpenWeatherMap on international forecast accuracy, severe weather alerts, and historical data. NOAA (National Oceanic and Atmospheric Administration) is the gold standard for US locations: public-domain data, no API key required, sub-1-hour alert latency, and the underlying source for nearly every commercial US weather product including weather.com and Apple Weather. Poper routes each request to the most accurate source for that region: NOAA for US ZIPs, WeatherAPI for international, OpenWeatherMap as a fallback. Most single-source widgets break when their one provider has an outage. Multi-source widgets keep working.

02

Auto-geolocation: IP-based vs HTML5 Geolocation API

Two ways to detect a visitor's location for the right local forecast. IP-based geolocation (via MaxMind GeoIP2 or similar) works silently with no permission prompt and gets accuracy of about 50 kilometers in cities, 100-200 km in rural areas. HTML5 Geolocation API (navigator.geolocation) uses GPS and Wi-Fi triangulation for sub-100m accuracy, but requires an explicit permission prompt that 60-80% of visitors decline. For weather, IP-based is the right default: 50km accuracy is more than enough to show the right city forecast, and the lack of friction matters because most visitors never see the widget if it requires a click. HTML5 geolocation makes sense only when you genuinely need precise coordinates (storm tracking, hyperlocal nowcasting). GDPR-wise, IP-based geolocation is permissible under legitimate interest as long as the IP is not stored beyond the request and is not combined with other identifiers to fingerprint the user.

03

Forecast accuracy decay: why 7 days is the practical horizon

Numerical weather prediction models (GFS, ECMWF, NAM) have a measurable accuracy decay curve. Day 1 forecasts are about 90-95% accurate for temperature and 85% for precipitation. Day 3 drops to 80%, day 5 to 70%, day 7 to about 65%, and day 10 to 50% which is barely better than climatology (the long-term average). Some widgets advertise 14-day or 16-day forecasts but the back half of those is statistically guesswork. Poper caps the user-facing forecast at 7 days and surfaces only the high-confidence next-24h hourly outlook in detail. If you need longer-range planning data (vacation booking 30 days out, event scheduling), use seasonal climate normals instead of a daily forecast. The widget gracefully labels lower-confidence days so visitors are not misled.

04

Performance: keeping your Lighthouse score intact on mobile

Weather widgets are a hidden Core Web Vitals risk: third-party API calls on every page view, image-heavy weather icons, synchronous JavaScript, and large unscoped CSS bundles. The worst offenders move Largest Contentful Paint by 1-2 seconds and push Cumulative Layout Shift from 0.05 into the poor band, which costs you Google ranking. Poper's widget loads asynchronously below the fold by default, fetches forecasts from a global CDN edge cache (visitors never hit OpenWeatherMap or WeatherAPI directly, which also keeps your API costs at zero), uses scoped CSS that cannot bleed, inlines weather icons as SVG sprites instead of separate image requests, and clocks in under 35 KB gzipped. After embedding, run Lighthouse Mobile against your page; you should see no measurable change to Performance, Accessibility, or Best Practices scores.

05

Schema.org gap: what is missing for weather forecasts in SERP

Unlike reviews (Review, AggregateRating) or events (Event, Place), Schema.org does not yet have a widely-adopted WeatherForecast or CurrentConditions type that Google parses for rich results. Google does pull weather directly from its own data partners (mostly weather.com) for queries like 'weather in Paris', but it does not promote site-embedded weather modules to a SERP card. What you can do for SEO with a weather widget is more indirect: embedding a hyperlocal forecast on a landing page lifts time-on-page and pages-per-session, which Google reads as quality signals. Travel and event pages with embedded weather also rank better for long-tail queries like 'weather for Coachella 2026' because the page is now topically relevant to that query. Poper auto-injects descriptive alt text on every weather icon and a hidden plain-text current conditions block so the page text is fully crawlable, which is the closest practical equivalent to weather schema until Schema.org ships a stable type.

Quick reference

What is Weather Widget for Website: Live Forecasts, Multi-City, Auto-Geolocation?

A weather widget is an embeddable script that displays live weather conditions, hourly forecasts, and multi-day outlooks directly on your website. It pulls data from a weather API (OpenWeatherMap, WeatherAPI, or NOAA), refreshes automatically, and can auto-detect each visitor's location via IP geolocation.

Key facts

  • OpenWeatherMap is the most-used free weather API on the web, with a 60 calls per minute free tier
  • WeatherAPI Pro tier starts at about $4 per month and offers better international forecast accuracy than OpenWeatherMap
  • NOAA provides US weather data in the public domain with no API key required, used as the underlying source by weather.com and Apple Weather
  • IP-based geolocation provides about 50km accuracy in cities, no permission prompt required (GDPR legitimate interest)
  • HTML5 Geolocation API provides sub-100m accuracy but requires an explicit permission prompt that 60-80% of visitors decline
  • Forecast accuracy decays from 90-95% on day 1 to about 65% on day 7, which is why 7 days is the practical horizon for daily forecasts
  • Schema.org does not yet have a stable WeatherForecast type that Google parses for rich results

Last fact-checked: . We re-verify every quarter.

Frequently asked questions

Can't find the answer you're looking for? Chat with our support team.

Contact Support

Stop bouncing visitors to weather.com

Poper takes 60 seconds to embed and gives every visitor their local forecast automatically.

Free plan available forever