무료 날씨 위젯 만들기

웹사이트에 60초 만에 삽입할 수 있는 무료 날씨 위젯

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.

사람들이 이 무료 날씨 위젯을 선택하는 이유

• 영원히 무료. 가입 필요 없음, API 키 불필요, 사용 제한 없음, 신용카드 불필요. 그냥 붙여넣고 사용하세요.
• 모든 것을 원하는 대로 설정하세요. Light, dark, or auto theme. Accent color, background color, text color, corner radius, size, which sections to show.
• 38개 언어. 영어, 스페인어, 프랑스어, 독일어, 포르투갈어, 이탈리아어, 네덜란드어, 러시아어, 아랍어, 중국어(간체 + 번체 홍콩 + 번체 대만), 일본어, 한국어, 베트남어, 터키어, 폴란드어, 체코어, 슬로바키아어, 그리스어, 히브리어, 태국어, 인도네시아어, 말레이어, 핀란드어, 노르웨이어, 스웨덴어, 덴마크어, 루마니아어, 헝가리어, 불가리아어, 우크라이나어, 리투아니아어, 라트비아어, 에스토니아어, 슬로베니아어, 세르비아어, 아이슬란드어.
• 날짜 및 시간 형식을 선택하세요. 12시간제(오전/오후) 또는 24시간제. 요일 이름, MM/DD, DD/MM 또는 월 이름 날짜.
• 단위를 선택하세요. Celsius or Fahrenheit, metric or imperial wind speed. Pick once per widget instance.
• 모든 레이아웃에 맞는 크기. 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.
• 초고속. 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.
• 어디서나 작동합니다. 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.

임베드 작동 방식

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.

자주 묻는 질문

날씨 위젯이 정말 무료인가요?

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.

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.

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.

날씨 위젯이 웹사이트 속도를 저하시키나요?

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.

어떤 기상 데이터 소스를 사용하나요?

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.

사이트에 날씨를 추가할 준비가 되셨나요?

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.