Примеры Виджет Погоды

Посмотрите, как работает Виджет Погоды на реальных примерах. Оцените его возможности для своего сайта, какими бы ни были задачи.

Пример 1. Detailed Forecast

Эта серия виджетов служит примером того, как классно может выглядеть обычный виджет погоды на странице сайта. Все три стильных варианта различаются по цвету фона, а один из них имеет в качестве фона тематическое оформление, которое меняется вместе с погодой за окном. Вы также можете выбрать свой цвет фона. Виджет показывает не только прогноз на неделю, но и подробную информацию и текущих условиях: температуру, влажность, давление, скорость ветра и другие факторы. Такой подробный прогноз доступен для любой точки на карте, которую вы выберете.

Пример 2. Daily forecast

Виджет такого типа - отличный способ добавить на сайт прогноз погоды в понятном и при этом не громоздком виде. Например, чтобы пользователи могли посмотреть прогноз и выбрать лучший день для мероприятия на улице. Благодаря выбору фиолетового цвета, интерфейс выглядит очень ярко. Он показывает только выбранные данные:текущую погоду и прогноз на неделю, и не перегружен деталями. Вы также можете выбрать единицу измерения температуры или скрыть ее совсем.

Пример 3. Hourly forecast

С помощью виджета Elfsight вы сможете вывести почасовой прогноз погоды в удобном для пользователей формате. И этот виджет - отличное подтверждение. Он выглядит аккуратно, и при этом выводит всю необходимую информацию. Благодаря визуализации, пользователи сразу видят, какая погода сейчас за окном, а также могут посмотреть прогноз на ближайшие часы. С помощью стрелок навигации или перетаскиванием можно пролистать данные дальше и посмотреть весь прогноз. Строгий внешний вид разбавляют анимированные иконки погодных явлений.

Пример 4. Current weather

Для тех веб-страниц, где не так много свободного места, или если вам просто не нужно выводить слишком много информации, отлично подойдет любой из этих двух виджетов. Они компактны, плюс к этому размер можно точно подогнать под требования страницы, а также выбрать величину шрифта. Выводятся только самые важные данные: название места, актуальная температура, осадки и облачность. Для большего удобства, выберите язык, на котором говорит большинство целевой аудитории.

Пример 5. Current temperature

Этот компактный виджет показывает только текущую температуру и иконку погодного явления. Он максимально скромного размера, тем не менее будет полезен для тех сайтов, где виджет погоды - просто удачное дополнение к контенту. Если вам нужно сэкономить место, и при этом вывести прогноз погоды - этот вариант для вас. Просто выберите свои цвета, чтобы лучше визуально вписать его в свою страницу - и идеальный виджет готов!

Станьте одним из 305,165 клиентов Elfsight Apps

Откройте для себя еще более 30 эффективных приложений от Elfsight! Банковская карта не требуется. Никаких рисков!
Начать
Получите скидку 20% прямо сейчас!