Создайте свой бесплатный виджет погоды
Погода в реальном времени для любого города, полностью настраиваемая. Одна строка 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) и вставьте код. Виджет корректно отображается в обеих средах.
Можно ли показывать прогнозы для нескольких городов на одной странице?
Да — вставляйте код сколько угодно раз, по одному на город. Каждый виджет загружается независимо и кэшируется отдельно на граничном сервере, так что добавление городов не замедляет страницу.
Замедляет ли виджет погоды мой сайт?
Влияние на Core Web Vitals незначительно. Скрипт загрузки весит около 1 КБ и загружается асинхронно. Сам виджет загружается лениво — он не отображается, пока посетитель не прокрутит до него. Отображаемый контент в среднем занимает 6–8 КБ в сжатом виде и подаётся с CDN с задержкой менее 100 миллисекунд по всему миру.
Могу ли я изменить цвета и размеры после установки виджета?
Да — все настройки задаются обычными HTML-атрибутами в коде. Измените число или hex-цвет в вставленном коде, и виджет обновится при следующей загрузке страницы. Никаких 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-разметкой и отображается нормально, что подходит для большинства случаев.
Могу ли я принудительно задать определённый язык независимо от того, откуда приходят посетители?
Да — установите параметр Language в генераторе на любой из 38 поддерживаемых языков, и виджет всегда будет отображаться на этом языке. Оставьте значение Auto, и виджет будет следовать языку браузера каждого посетителя.
Хотите добавить погоду на свой сайт?
Вернитесь наверх, найдите свой город, выберите размер и цвета, скопируйте код. Весь процесс занимает меньше минуты, а ваши посетители будут видеть прогноз погоды в реальном времени — и это бесплатно.