← All widgetsWidget 128 · emcp_custom_128

Weather

Elementor widget5 layouts15 content options22 style options5 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: weather, forecast, temperature, openweather, climate.

Setup guide

  1. Open a page in Elementor, search the panel for Weather and drag it into a container.
  2. Content › Layout: Layout, Custom Title, Subtitle, Weather Icon, Description, Feels Like, High / Low, Humidity and 6 more.
  3. Content › Query: Weather.
  4. Pick a Layout: Card, Compact (icon + temp), Banner (horizontal), Detailed (with stats grid), Minimal text. Each one is shown below.
  5. Style tab sections: Card, Typography, Icon. Colours, typography and spacing set here are scoped to this widget instance.
  6. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Weather is a live query (source: remote). A "Weather" panel with filters, ordering and count is generated for it; results come from this site's data on every page load. Remote presets need an API key on EMCP Tools, Connection tab, Live data providers.
Live data comes from OpenWeather. Without an API key on EMCP Tools, Connection tab, Live data providers, the widget shows its empty-state hint, so one instance is shown here; every layout renders once a key is saved.
Demo

Default

Smoke
22°C
Lahore, PK
Smoke
Feels like22°C
High / Low22° / 22°
Humidity83%
Wind2 m/s
Sunrise1:11 am
Sunset12:21 pm
Updated 8:58 pm

Weather is unavailable right now.

Options reference

Every control the widget exposes, grouped by panel section. Names in code are the setting keys used by the MCP tools (add-free-widget, update-widget).

Content tab

Layout

OptionTypeChoices / rangeDefaultNotes
Layout
layout		DropdownCard, Compact (icon + temp), Banner (horizontal), Detailed (with stats grid), Minimal textcard
Custom Title
custom_title		Text
Subtitle
subtitle		Text
Weather Icon
show_icon		Toggleon / offyes
Description
show_desc		Toggleon / offyes
Feels Like
show_feels		Toggleon / offyes
High / Low
show_minmax		Toggleon / offyes
Humidity
show_humidity		Toggleon / offyes
Wind
show_wind		Toggleon / offyes
Pressure
show_pressure		Toggleon / off
Sunrise / Sunset
show_sun		Toggleon / off
Updated Time
show_updated		Toggleon / off
Show Setup Hints When Empty
show_error		Toggleon / offyes
Empty Text
empty_text		TextWeather is unavailable right now.

Query

OptionTypeChoices / rangeDefaultNotes
Weather
wx		QuerySource: remote

Style tab

Card

OptionTypeChoices / rangeDefaultNotes
Alignment
align		Button groupLeft, Center, Rightcenter
Background
card_bg		Background
Padding
card_pad		Dimensions
Border
card_border		Border
Border Radius
card_radius		Slidermin 0, max 80, px20
Box Shadow
card_shadow		Box shadow
Max Width
card_maxw		Slidermin 160, max 1200, px/%
Accent Color
accent		Color#1d4ed8

Typography

OptionTypeChoices / rangeDefaultNotes
Temperature
temp_typo		Typography
Temperature Color
temp_color		Color#101828
Title
city_typo		Typography
Title Color
city_color		Color#101828
Description
desc_typo		Typography
Description Color
desc_color		Color#475467
Stats
meta_typo		Typography
Stats Color
meta_color		Color#475467
Stat Label Color
meta_label_color		Color#98a2b3
Stat Tile Background (detailed)
stat_bg		Color#f8fafc

Icon

OptionTypeChoices / rangeDefaultNotes
Icon Size
icon_size		Slidermin 32, max 240, px96
Icon Background
icon_bg		Color
Icon Radius
icon_radius		Slidermin 0, max 50, %50
Icon Filters
icon_filter		Css_filter

Add it with the MCP tools

Any connected agent can place this widget: call add-free-widget with widget_type: "emcp_custom_128" and a settings object using the keys above. Run get-custom-widget with id 128 for the full JSON spec.