🌤️ Free Patong Weather Widget

What it looks like

Live right now — these are the actual widgets, exactly as they will appear on your site. They update themselves every 15 minutes. Pick the theme that suits your site: Light, Ocean, or Dark.

Roomy card (about 400 × 180 px, shrinks to fit narrower spaces). The Light card is white with a border; Ocean is a teal-to-blue gradient; Dark is deep navy — all three read cleanly and keep the same layout.

Light theme — the default

Option 1 — iframe (easiest)

Paste this anywhere your site accepts HTML:

<iframe src="https://patongweather.com/widget.html" width="400" height="180" style="border:0;max-width:100%;overflow:hidden" scrolling="no" loading="lazy" title="Live Patong Weather"></iframe> Copy code

Option 2 — script (link sits in your page)

Same widget, loaded as a script — ideal where iframes are blocked, like blog sidebars:

<div id="pw-widget"></div> <script src="https://patongweather.com/embed.js"></script> Copy code

Ocean theme — teal-to-blue gradient

Option 1 — iframe

<iframe src="https://patongweather.com/widget.html?theme=ocean" width="400" height="180" style="border:0;max-width:100%;overflow:hidden" scrolling="no" loading="lazy" title="Live Patong Weather"></iframe> Copy code

Option 2 — script

<div id="pw-widget"></div> <script src="https://patongweather.com/embed.js" data-theme="ocean"></script> Copy code

Dark theme — deep navy

Option 1 — iframe

<iframe src="https://patongweather.com/widget.html?theme=dark" width="400" height="180" style="border:0;max-width:100%;overflow:hidden" scrolling="no" loading="lazy" title="Live Patong Weather"></iframe> Copy code

Option 2 — script

<div id="pw-widget"></div> <script src="https://patongweather.com/embed.js" data-theme="dark"></script> Copy code

Installing it

WordPress: add a Custom HTML block (in a post, page, or under Appearance → Widgets for a sidebar), paste either snippet, and save. In the block editor the iframe version previews instantly.

Blogger: go to Layout → Add a Gadget → HTML/JavaScript, paste either snippet, and save. To put it inside a single post instead, switch the post editor to HTML view and paste the snippet where you want it.

Any other site: paste the snippet into your page's HTML where you'd like the widget to appear. Widths adapt automatically on mobile.

The deal (plain terms)

The widget is free to use on any website — personal, business, commercial, doesn't matter. No account, no API key, no cost, ever. Weather data comes from the free Open-Meteo service and refreshes automatically.

One condition: keep the credit link in place. The little "Live Patong weather — patongweather.com" line at the bottom of the widget is part of the widget — please don't remove it, hide it, or nofollow it. That's the whole deal.

Questions, or want a different size? Reach us through patongweather.com.