Tags Cloud

← All widgetsWidget 223 · emcp_custom_223

Elementor widget6 layouts14 content options15 style options3 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: tags, cloud, terms, categories, sphere, taxonomy.

Setup guide

Open a page in Elementor, search the panel for Tags Cloud and drag it into a container.
Content › Cloud: Layout, Heading, Show Counts, Size by Post Count, Min Font Size (px), Max Font Size (px), Colours, Palette (comma-separated hex) and 5 more.
Content › Query: Terms.
Pick a Layout: Classic cloud (weighted sizes), Pills, 3D rotating sphere, List with counts, Columns, Hashtags. Each one is shown below.
Style tab sections: Terms. Colours, typography and spacing set here are scoped to this widget instance.
Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.

Terms is a live query (source: terms). A "Terms" panel with filters, ordering and count is generated for it; results come from this site's data on every page load.

Conditional options: Sphere Speed appears when Layout is sphere; Sphere Size appears when Layout is sphere.

Ships with its own JavaScript; it runs once per instance and re-initialises inside the Elementor editor preview.

Layout

Classic cloud (weighted sizes)

Layout = cloud

Shop by category

No terms found.

Layout

Pills

Layout = pills

Shop by category

No terms found.

Layout

3D rotating sphere

Layout = sphere

No terms found.

Layout

List with counts

Layout = list

Brands

No terms found.

Layout

Columns

Layout = columns

Shop by category

No terms found.

Layout

Hashtags

Layout = hash

Shop by category

No terms found.

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

Cloud

Option	Type	Choices / range	Default	Notes
Layout `layout`	Dropdown	Classic cloud (weighted sizes), Pills, 3D rotating sphere, List with counts, Columns, Hashtags	cloud
Heading `title`	Text
Show Counts `show_count`	Toggle	on / off	yes
Size by Post Count `weight`	Toggle	on / off	yes
Min Font Size (px) `min_size`	Number	min 8, max 60	13
Max Font Size (px) `max_size`	Number	min 10, max 120	30
Colours `colorize`	Dropdown	Single colour, Accent by weight, Rotate a palette	single
Palette (comma-separated hex) `palette`	Text		#6a11cb,#1d4ed8,#067647,#b54708,#b42318
Shuffle Order `shuffle`	Toggle	on / off
Highlight Current Term `current_first`	Toggle	on / off	yes
Sphere Speed `sphere_speed`	Number	min 0.1, max 5	1	Shown when layout = sphere
Sphere Size `sphere_size`	Slider	min 160, max 800, px	360	Shown when layout = sphere
Empty Text `empty_text`	Text		No terms found.

Query

Option	Type	Choices / range	Default	Notes
Terms `terms`	Query	Source: terms

Style tab

Terms

Option	Type	Choices / range	Default
Typography `typo`	Typography
Color `color`	Color		#344054
Hover Color `color_h`	Color		#ffffff
Accent / Hover Background `accent`	Color		#6a11cb
Term Background (pills) `bg`	Color		#f2f4f7
Padding `pad`	Dimensions
Radius `radius`	Slider	min 0, max 999, px	999
Border `border`	Border
Gap `gap`	Slider	min 0, max 40, px	10
Alignment `align`	Button group	Left, Center, Right	flex-start
Count Color `count_color`	Color		#98a2b3
Count Background `count_bg`	Color
Heading Typography `title_typo`	Typography
Heading Color `title_color`	Color		#101828
Columns (columns layout) `cols`	Dropdown	2, 3, 4	3

Add it with the MCP tools

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