Drop a live weather card onto any website with a single line of code — no weather backend to build, no API keys exposed in the browser. Perfect for real-estate listings, travel and event pages, venues and dashboards.
The problem
If you run a website, showing live local weather usually means signing up for a weather API, writing server code to proxy it, caching responses so you don’t blow your quota, and keeping keys out of client-side code. That’s a project. You just wanted a card.
How it works
Embed a custom element and you’re done:
<script
src="https://app.weatherintouch.com/embed.js"
data-api-base="https://api.weatherintouch.com"
></script>
<wx-weather-card
lat="50.08"
lon="14.44"
lang="en"
theme="auto"
></wx-weather-card>
The card renders inside a Shadow DOM, so its styles never collide with your site’s CSS. It shows current conditions and, optionally, a short forecast. Prefer an iframe? There’s a variant that auto-sizes its height via postMessage. Configuration is all attributes — coordinates, language, theme, and your API key.
Why it’s different
- Shared cache. Your widget reads from the same forecast cache as the main app. A card on your site and a visitor’s main-app tab at the same coordinates cost one upstream call — not two.
- No key leakage. The backend batch endpoint serves the data; your API key is scoped and origin-restricted, never a raw provider key in the page.
- No style bleed. Shadow DOM isolation means the card looks the same on every site.
- Per-tenant origin allow-list. You control exactly which domains may render your card.
Pricing
The embeddable widget is a Pro feature — it includes a per-tenant API key and an origin allow-list so you can deploy it across your properties.
FAQ
How do I embed it? Add the script tag and a <wx-weather-card> element with your coordinates — or use the iframe variant.
Custom element or iframe? The custom element integrates more tightly (theming, layout); the iframe is the most isolated and the simplest drop-in.
Can I theme it? Yes — theme="auto|light|dark" plus the card respects your accent where applicable.
What are the rate limits? The batch endpoint is throttled and cache-first; normal embedding stays well within limits because identical coordinates are de-duplicated.
Do I need to credit Weather InTouch? Yes — the card carries a small attribution link, in line with our data providers’ terms.