Створіть свій безкоштовний віджет погоди
Поточна погода для будь-якого міста, повністю налаштовується. Один рядок HTML — працює на будь-якому сайті (WordPress, Shopify, Wix, звичайний HTML, будь-де). Безкоштовно назавжди.
1. Вибрати місто
/fr/paris → city=paris&country=fr2. Розмір
3. Вигляд
4. Мова та одиниці
5. Показати / приховати розділи
Попередній перегляд
Безкоштовний віджет погоди, який можна додати на будь-який сайт за 60 секунд
Віджет weather.now показує поточні погодні умови та прогноз на 7 днів для будь-якого міста світу 38 мовами. Виберіть місто, скопіюйте короткий HTML-код, вставте його на свою сторінку — і все. Жодних плагінів, облікових записів, API-ключів чи платежів.
Використовуйте його в блозі, на сторінці готелю, сайті оренди житла, в оголошенні про нерухомість, на шкільному порталі, в туристичному путівнику, на сайті марини, гірськолижного курорту, магазину Shopify — скрізь, де корисно показувати поточну погоду.
Код виконує дві функції одночасно. Для відвідувачів він відображається як акуратна стилізована картка погоди. Для пошукових систем, RSS-читачів і програм читання з екрану — як семантична HTML-цитата: назва міста, посилання на сторінку прогнозу та посилання на weather.now. І все це з одного рядка коду.
Чому обирають цей безкоштовний віджет погоди
- Безкоштовно назавжди. Жодної реєстрації, API-ключа, ліміту використання чи кредитної картки. Просто вставте та користуйтеся.
- Налаштовуйте все. Світла, темна або автоматична тема. Колір акценту, колір фону, колір тексту, радіус кутів, розмір шрифту, розмір віджета та які розділи показувати.
- 38 мов. Англійська, іспанська, французька, німецька, португальська, італійська, нідерландська, російська, арабська, китайська (спрощена та традиційна для Гонконгу та Тайваню), японська, корейська, в'єтнамська, турецька, польська, чеська, словацька, грецька, іврит, тайська, індонезійська, малайська, фінська, норвезька, шведська, данська, румунська, угорська, болгарська, українська, литовська, латиська, естонська, словенська, сербська та ісландська.
- Оберіть формат дати та часу. 12-годинний з AM/PM або 24-годинний. Назви днів тижня, ММ/ДД, ДД/ММ або дати з назвою місяця.
- Оберіть одиниці вимірювання. Цельсій або Фаренгейт. Метрична або імперська швидкість вітру. Один вибір на віджет.
- Підходить для будь-якого макету. Попередні налаштування: банер, квадрат, стандартний або повний, або перетягуйте краї для зміни розміру від 180×80 до 1200×1000 пікселів. Віджет автоматично перекомпоновує вміст при зміні контейнера.
- Блискавично швидко. Серверний HTML, без зовнішніх JavaScript-бібліотек, завантаження шрифтів чи скриптів відстеження. Скрипт завантажувача — близько 1 КБ; готовий віджет — 6–8 КБ у стисненому вигляді.
- Працює на всіх платформах. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, сайти на Notion, звичайний HTML, односторінкові застосунки — будь-де, де можна вставити невеликий HTML-фрагмент.
- Створено для SEO. Фрагмент містить справжній, індексований блок із цитуванням, який включає назву міста та посилання на сторінку прогнозу. Пошукові системи бачать його одразу після сканування вашої сторінки, ще до запуску скрипта віджета.
Як працює вбудовування
Фрагмент, який ви вставляєте, — це невеликий HTML-блок із цитуванням, за яким іде однорядковий тег скрипта. Сам по собі цей блок уже є валідним, читабельним вмістом: заголовок із назвою міста, посилання на повну сторінку прогнозу та посилання на weather.now. Сканери бачать його, щойно потрапляють на вашу сторінку.
Коли сторінка завантажується в браузері з підтримкою JavaScript, наш скрипт завантажувача (близько 1 КБ, завантажується асинхронно) замінює блок цитування на стилізований живий віджет погоди. Ваші відвідувачі бачать готовий віджет. Сканери, RSS-читачі, програми зчитування екрана, клієнти електронної пошти та будь-які контексти без JavaScript бачать чистий резервний варіант цитування. Нічого не приховується, нічого не втрачається.
Це той самий підхід, який використовують Twitter, Instagram та Reddit для своїх вбудовувань: семантичний HTML-резерв, який покращується до багатого віджета. Вам не потрібно писати JavaScript, налаштовувати iframe або турбуватися про скрипти, що блокують рендеринг. Ви вставляєте, публікуєте — і все працює.
Поширені запитання
Віджет погоди справді безкоштовний?
Так — абсолютно безкоштовно, без реєстрації, без API-ключа та без обмежень на використання. Ми лише просимо залишити невелике посилання на weather.now у фрагменті коду. Це посилання допомагає новим користувачам знайти нас і дозволяє нам тримати віджет безкоштовним для всіх.
Як встановити віджет на WordPress?
У редакторі блоків (Gutenberg) додайте блок «Свій HTML» і вставте фрагмент. У класичному редакторі перейдіть на вкладку «Текст» або «HTML» і вставте його там. В Elementor або Divi використовуйте HTML-віджет. Не потрібно встановлювати плагіни чи змінювати тему.
Як встановити на Shopify?
Відкрийте редактор теми, додайте блок Custom HTML на будь-яку сторінку та вставте фрагмент коду. Для віджета в підвалі або бічній панелі на всьому сайті відредагуйте файл theme.liquid і вставте фрагмент у потрібне місце. Він також працює на сторінках товарів і в статтях блогу.
Як встановити на Wix або Squarespace?
В обох редакторах є блок для вставки HTML. У Wix додайте елемент «Вставити HTML» і вставте фрагмент. У Squarespace додайте блок «Код» (встановіть тип HTML) і вставте фрагмент. Віджет коректно працює в обох середовищах.
Чи можна показувати прогнози для кількох міст на одній сторінці?
Так — вставляйте фрагмент скільки завгодно разів, по одному на місто. Кожен віджет завантажується незалежно та кешується окремо на CDN, тому додавання нових міст не сповільнює сторінку.
Чи сповільнює віджет погоди мій сайт?
Жодного помітного впливу на Core Web Vitals. Скрипт завантажувача має близько 1 КБ і завантажується асинхронно. Сам віджет завантажується ліниво — він не рендериться, доки відвідувач не прокрутить до нього. Розмір відрендереного вмісту в середньому становить 6–8 КБ у стисненому вигляді (gzip) і подається з CDN із затримкою менше 100 мілісекунд у всьому світі.
Чи можна змінити кольори та розміри після встановлення віджета?
Так — кожен параметр є звичайним HTML-атрибутом у фрагменті. Змініть число або шістнадцятковий колір у вставленому коді, і віджет оновиться при наступному завантаженні сторінки. Не потрібні CSS-файли чи етап збірки. Або поверніться до генератора вище, створіть новий варіант і скопіюйте свіжий фрагмент.
Наскільки свіжі дані про погоду?
Поточні умови оновлюються кожні 5–10 хвилин на наших серверах. Віджет отримує дані з живого кешу, тому ваші відвідувачі завжди бачать актуальну погоду без жодних дій з вашого боку.
Які джерела даних про погоду ви використовуєте?
Ми агрегуємо дані від провідних світових метеорологічних провайдерів і обираємо джерело з найвищою роздільною здатністю для кожного міста. Покриття всесвітнє: кожна населена країна та понад 2,8 мільйона міст і селищ, включно з віддаленими локаціями, які більшість API пропускають.
Чи відповідає віджет вимогам GDPR?
Так. Віджет не встановлює файли cookie, не запускає скрипти відстеження, не знімає цифрові відбитки користувачів і не використовує IP-адреси відвідувачів для аналітики. Єдині мережеві запити, які він робить, — це до weather.now для отримання HTML віджета та іконок погоди, тобто такі ж запити, які ваш сайт робить при вбудовуванні відео YouTube або карти Google. Вам не потрібно додавати його до банера згоди на файли cookie.
Чи працює віджет, якщо у відвідувачів вимкнено JavaScript?
Так — вони бачать HTML-запасний варіант: назву міста, робоче посилання на його повну сторінку прогнозу на weather.now і кредит weather.now. Стилізований віджет з'являється лише після запуску скрипта завантажувача.
Чи можна використовувати віджет на AMP-сторінках?
AMP вирізає власні скрипти, тому живий віджет не відображатиметься на AMP-сторінках. HTML-запасний варіант (назва міста, посилання на прогноз, рядок авторства) є валідною розміткою AMP і відображається нормально, чого достатньо для більшості випадків.
Чи можу я примусово встановити певну мову незалежно від того, звідки приходять відвідувачі?
Так — встановіть опцію Мова в генераторі на будь-яку з 38 підтримуваних локалей, і віджет завжди відображатиметься цією мовою. Залиште значення Авто, і віджет буде слідувати за мовою браузера кожного відвідувача.
Готові додати погоду на ваш сайт?
Поверніться вгору, знайдіть своє місто, оберіть розмір і кольори, та скопіюйте код. Весь процес займає менше хвилини, а ваші відвідувачі отримають прогноз погоди в реальному часі назавжди — без жодних витрат.