Tạo widget thời tiết miễn phí của bạn

Widget thời tiết miễn phí mà bất kỳ trang web nào cũng có thể nhúng trong 60 giây

The weather.now widget gives your visitors a live current weather reading and up to a 7-day forecast, for any city in the world, in any of 38 languages. Pick a city, copy one short HTML snippet, paste. That is the whole install — no plugin, no account, no API key, no card on file.

Use it on a blog, a hotel landing page, a vacation rental, a real-estate listing, a school portal, a travel guide, a marina, a ski resort, a Shopify storefront — anywhere a page benefits from showing what the weather is doing right now. The snippet renders as a styled weather card for your visitors and as a clean, link-rich HTML citation for search crawlers, RSS readers, AMP, and screen readers, all in the same line of code.

Tại sao mọi người chọn widget thời tiết miễn phí này

• Miễn phí mãi mãi. Không cần đăng ký, không cần khóa API, không giới hạn sử dụng, không cần thẻ tín dụng. Chỉ cần dán và sử dụng.
• Tùy chỉnh mọi thứ. Light, dark, or auto theme. Accent color, background color, text color, corner radius, size, which sections to show.
• 38 ngôn ngữ. Tiếng Anh, Tiếng Tây Ban Nha, Tiếng Pháp, Tiếng Đức, Tiếng Bồ Đào Nha, Tiếng Ý, Tiếng Hà Lan, Tiếng Nga, Tiếng Ả Rập, Tiếng Trung (Giản thể + Phồn thể Hồng Kông + Phồn thể Đài Loan), Tiếng Nhật, Tiếng Hàn, Tiếng Việt, Tiếng Thổ Nhĩ Kỳ, Tiếng Ba Lan, Tiếng Séc, Tiếng Slovak, Tiếng Hy Lạp, Tiếng Do Thái, Tiếng Thái, Tiếng Indonesia, Tiếng Mã Lai, Tiếng Phần Lan, Tiếng Na Uy, Tiếng Thụy Điển, Tiếng Đan Mạch, Tiếng Romania, Tiếng Hungary, Tiếng Bulgaria, Tiếng Ukraina, Tiếng Litva, Tiếng Latvia, Tiếng Estonia, Tiếng Slovenia, Tiếng Serbia, Tiếng Iceland.
• Chọn định dạng ngày và giờ. 12 giờ với AM/PM hoặc 24 giờ. Tên thứ, MM/DD, DD/MM, hoặc ngày có tên tháng.
• Chọn đơn vị. Celsius or Fahrenheit, metric or imperial wind speed. Pick once per widget instance.
• Kích thước phù hợp mọi bố cục. Banner (320×100), square (320×320), standard (600×420), full (800×600) — or drag-resize to anything between 180×80 and 1200×1000 pixels. The widget reflows its content in real time as the container resizes.
• Cực nhanh. Server-rendered HTML, no external JavaScript libraries, no font downloads, no tracking scripts. Loader script is under 1 KB; rendered widget is 6–8 KB gzipped.
• Hoạt động ở mọi nơi. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, Notion sites, plain HTML, single-page apps — anywhere you can paste a small HTML snippet.
• SEO-friendly by design. The snippet ships with a real HTML

  containing the city name and a link to its full forecast page. Search engines index that text the moment the page loads, even before the widget script runs.

Cách nhúng hoạt động

What you paste is a small HTML block — a

with the city URL and a one-line script tag. That block on its own is already valid, readable content: a heading with the city name, a link to its full weather page, and a credit line to weather.now. Search engines see it the moment they crawl your page.

When the page loads in a real browser, our lightweight loader script (under 1 KB, async) replaces the blockquote with the styled, live weather widget rendered inside an iframe. Visitors see the pretty widget. Crawlers, RSS readers, AMP, screen readers, e-mail clients, and any context where JavaScript is not available see the clean blockquote fallback. Nothing is lost.

This is the same pattern Twitter, Instagram, and Reddit use for their embeds — a semantic HTML fallback that gets enhanced into a rich widget. You do not have to think about it. You paste, you publish, it works.

Câu hỏi thường gặp

Widget thời tiết có thực sự miễn phí không?

Yes — completely free, no signup, no API key, no usage limit. We ask that you keep the small "weather.now" credit visible in the snippet. That credit is how new users discover us, and it is how we are able to keep the widget free for everyone.

Làm thế nào để cài widget trên WordPress?

In the block editor (Gutenberg), add a "Custom HTML" block and paste the snippet. In the classic editor, switch to the Text/HTML tab and paste it in. In Elementor or Divi, use the HTML widget. No plugin or theme modification needed.

Làm thế nào để cài trên Shopify?

Open your theme in the editor, add a "Custom HTML" section to any page, and paste the snippet. For a sitewide widget (footer or sidebar) edit theme.liquid and paste it where you want it to appear. Works in product pages and blog articles too.

How do I install on Wix or Squarespace?

Both have an HTML embed block. In Wix, add "Embed HTML" and paste the snippet. In Squarespace, add a "Code" block (HTML) and paste. The widget renders inside their sandbox without issues.

Can I show forecasts for multiple cities on the same page?

Yes — paste the snippet as many times as you want, one per city. Each widget loads independently and is cached separately at the edge, so adding more cities does not slow the page down.

Widget thời tiết có làm chậm website của tôi không?

No measurable impact on Core Web Vitals. The loader script is under 1 KB and loads async. The widget itself loads lazily — it does not render until the user scrolls near it. Average rendered payload is 6–8 KB gzipped, served from a CDN with sub-100 ms latency worldwide.

Can I change colors and sizes after I install it?

Yes — every option is a simple HTML attribute on the snippet. Change a number or a hex color in the pasted code and the widget updates the next time the page loads. No CSS file, no build step. Or come back to the generator above to design a new variant and copy fresh code.

How fresh is the weather data?

Current conditions refresh every 5 to 10 minutes on our servers. The widget pulls from the live cache, so your visitors always see up-to-date data without you having to do anything.

Bạn sử dụng nguồn dữ liệu thời tiết nào?

We aggregate from major global meteorological providers and pick the highest-resolution source for each city. Coverage is global: every populated country, over 2.8 million cities and towns, including remote locations most APIs miss.

Is the widget GDPR-friendly?

Yes. The widget sets no cookies, runs no tracking scripts, fingerprints no users, and never sees your visitor's IP for analytics — the only network calls are to weather.now to fetch the widget HTML and weather icons (same as embedding a YouTube video or Google Map). You do not need to add it to a cookie banner.

Does it work if my visitors have JavaScript disabled?

Yes — they see the HTML fallback: the city name, a working link to its full forecast page on weather.now, and the weather.now credit. The styled widget only appears once the loader script runs.

Can I use the widget on an AMP page?

AMP strips custom scripts, so the live widget will not render — but the blockquote fallback (city name + link + credit) is valid AMP HTML and will display normally. Most embedders are happy with that on their AMP variant.

Can I show the city in a different language than my visitors?

Yes — set the Language option in the generator to any of our 38 supported locales. Or leave it on Auto and the widget will follow your visitor's browser language preference.

Sẵn sàng thêm thời tiết vào trang web của bạn?

Scroll back up, search for your city, pick your size and colors, and copy the code. The whole process takes under a minute and your visitors get a live weather forecast forever — at no cost to you.