Divi Weather

Access current weather data for any location on Earth including over 200,000 cities, thanks to the FREE OpenWeatherMap API

Adds New Divi Weather Module to your Divi Builder

Place as many weather blocks anywhere in your layout using the Divi Weather module this plugin adds to your Divi Builder.

Display Weather Icon or Your Own Image

Show a relevant weather icon with your weather data or use your own image. You can also leave both settings blank to only show the weather data.

Style the icon to match your theme

Similar to Divi’s Blurb module, you have full control over how the weather icon gets stylized to make sure it matches your website’s theme.

Hide/show weather description

You can display a description of the weather (translated by Open Weather Map) or just show the temperature, it’s up to you.

Multilingual Support

Translations for weather descriptions provided by Open Weather Map and includes:

  • Arabic
  • Bulgarian
  • Catalan
  • Czech
  • German
  • Greek
  • English
  • Persian (Farsi)
  • Finnish
  • French
  • Galician
  • Croatian
  • Hungarian
  • Italian
  • Japanese
  • Korean
  • Latvian
  • Lithuanian
  • Macedonian
  • Dutch
  • Polish
  • Portuguese
  • Romanian
  • Russian
  • Swedish
  • Slovak
  • Slovenian
  • Spanish
  • Turkish
  • Ukrainian
  • Vietnamese
  • Chinese Simplified
  • Chinese Traditional

Divi Weather Examples

Weather results are cached every 30 minutes in this demo but you can change this in plugin settings.

[et_pb_weather _builder_version=”3.0.92″ weather_location=”Toledo, US” weather_unit=”imperial” weather_lang=”en” use_icon=”off” use_circle=”off” use_circle_border=”off” icon_placement=”top” use_icon_font_size=”off” background_layout=”dark” text_orientation=”center” header_font_size_tablet=”51″ header_line_height_tablet=”2″ border_style=”solid” animation=”top” custom_padding=”150px|||” header_font_size=”48″ /]

Toledo, OH
(no icon)

[et_pb_weather _builder_version=”3.0.92″ weather_location=”Pittsburgh, US” weather_unit=”imperial” weather_lang=”en” use_icon=”on” use_circle=”off” use_circle_border=”off” icon_placement=”top” use_icon_font_size=”off” background_layout=”dark” text_orientation=”center” header_font_size_tablet=”51″ header_line_height_tablet=”2″ border_style=”solid” animation=”top” icon_color=”#ffffff” /]

Pittsburgh, PA
(with icon)

[et_pb_weather _builder_version=”3.0.71″ weather_location=”London, UK” weather_unit=”metric” weather_lang=”en” use_icon=”on” use_circle=”off” use_circle_border=”off” icon_placement=”top” use_icon_font_size=”on” icon_font_size=”60px” background_layout=”dark” text_orientation=”center” header_font_size_tablet=”51″ header_line_height_tablet=”2″ border_style=”solid” animation=”left” header_font_size=”28″ icon_color=”#34495e” /]

London, UK

[et_pb_weather _builder_version=”3.0.71″ weather_location=”Toronto, CA” weather_unit=”metric” weather_lang=”en” use_icon=”on” use_circle=”on” use_circle_border=”off” icon_placement=”top” use_icon_font_size=”on” icon_font_size=”40px” background_layout=”dark” text_orientation=”center” header_font_size_tablet=”51″ header_line_height_tablet=”2″ border_style=”solid” animation=”bottom” header_font_size=”28″ icon_color=”#ffffff” circle_color=”rgba(255,255,255,0.15)” /]

Toronto, CA

[et_pb_weather _builder_version=”3.0.92″ weather_location=”Seattle, US” weather_unit=”imperial” weather_lang=”en” use_icon=”on” use_circle=”off” use_circle_border=”off” icon_placement=”top” use_icon_font_size=”on” icon_font_size=”60px” background_layout=”dark” text_orientation=”center” header_font_size_tablet=”51″ header_line_height_tablet=”2″ border_style=”solid” animation=”top” header_font_size=”28″ icon_color=”#2ecc71″ circle_color=”#c0392b” /]

Seattle, WA

[et_pb_weather _builder_version=”3.0.71″ weather_location=”Siena, Italy” weather_unit=”metric” weather_lang=”it” use_icon=”on” icon_color=”#ecf0f1″ use_circle=”off” use_circle_border=”off” icon_placement=”left” use_icon_font_size=”on” icon_font_size=”80px” background_layout=”dark” text_orientation=”left” header_font_size=”40″ header_line_height_tablet=”2″ border_style=”solid” animation=”top” custom_css_main_element=”text-shadow: 0 0 10px rgba(0,0,0,1);” background_color=”rgba(17,17,17,0.75)” custom_padding=”3%|3%|3%|3%” custom_margin=”||3px|” weather_use_description=”off” weather_line=”off” /]

Siena, Italy

[et_pb_weather _builder_version=”3.0.71″ weather_location=”Beijing, China” weather_unit=”metric” weather_lang=”zh_cn” use_icon=”on” icon_color=”#ffffff” use_circle=”off” use_circle_border=”off” icon_placement=”left” use_icon_font_size=”on” icon_font_size=”80px” background_layout=”dark” text_orientation=”left” header_font_size=”40″ header_line_height_tablet=”2″ border_style=”solid” animation=”top” /]

Bejing, China

[et_pb_weather _builder_version=”3.0.92″ weather_location=”Miami, US” weather_unit=”imperial” weather_lang=”en” use_icon=”off” use_circle=”off” use_circle_border=”off” icon_placement=”top” use_icon_font_size=”off” background_layout=”light” text_orientation=”center” header_font=”|on||on|” header_font_size_tablet=”51″ header_line_height_tablet=”2″ border_style=”solid” animation=”top” weather_use_description=”on” weather_line=”off” /]

Miami, US

[et_pb_weather _builder_version=”3.0.71″ weather_location=”Moscow, Russia” weather_unit=”metric” weather_lang=”ru” use_icon=”off” use_circle=”off” use_circle_border=”off” icon_placement=”top” use_icon_font_size=”off” background_layout=”light” text_orientation=”center” header_font=”|on||on|” header_font_size_tablet=”51″ header_line_height_tablet=”2″ border_style=”solid” animation=”top” weather_use_description=”on” weather_line=”off” /]

Moscow, Russia

[et_pb_weather _builder_version=”3.0.71″ weather_location=”Warsaw, Poland” weather_unit=”metric” weather_lang=”pl” use_icon=”off” use_circle=”off” use_circle_border=”off” icon_placement=”top” use_icon_font_size=”off” background_layout=”light” text_orientation=”center” header_font=”|on||on|” header_font_size_tablet=”51″ header_line_height_tablet=”2″ border_style=”solid” animation=”top” weather_use_description=”on” weather_line=”off” /]

Warsaw, Poland

Easily place weather data from any location on your Divi Website!

Credit Where Credit is Due

This plugin is powered by and requires Elegant Theme’s Divi Theme (affiliate link – if you purchase Divi through that link I may be compensated at no cost to you) and uses the Open Weather Map API and the fantastic Weather Icon set by Erik Flowers.

Pin It on Pinterest

Share This