Interactive Promo

← All widgetsWidget 99 · emcp_custom_99

Elementor widget10 layouts12 content options29 style options4 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: promo, banner, hover, image, effect, overlay, cta.

Setup guide

Open a page in Elementor, search the panel for Interactive Promo and drag it into a container.
Content › Promo: Background Image, Hover Effect, Title, Title Tag, Subtitle / Kicker, Description, Button Text, Link and 4 more.
Pick a Hover Effect: Lily (slide up text), Sadie (gradient sweep), Layla (inner frame), Oscar (dark fade + border), Marley (line reveal), Ruby (zoom + box), Roxy (slide in), Bubba (double frame), Zoe (bottom bar), Chico (shrink). Each one is shown below.
Style tab sections: Box & Overlay, Text, Button. 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.

Layout

Lily (slide up text)

Hover Effect = lily

Interiors

Living room makeover

Hover me: Lily effect slides the text up.

See project

Layout

Sadie (gradient sweep)

Hover Effect = sadie

Interiors

Living room makeover

Hover me: Lily effect slides the text up.

See project

Layout

Layla (inner frame)

Hover Effect = layla

Interiors

Living room makeover

Hover me: Lily effect slides the text up.

See project

Layout

Oscar (dark fade + border)

Hover Effect = oscar

Rendering

3D visualisation

Oscar: dark fade with inner frame.

Explore

Layout

Marley (line reveal)

Hover Effect = marley

Outdoors

Landscape design

Marley: line reveal.

View

Layout

Ruby (zoom + box)

Hover Effect = ruby

Interiors

Living room makeover

Hover me: Lily effect slides the text up.

See project

Layout

Roxy (slide in)

Hover Effect = roxy

Interiors

Living room makeover

Hover me: Lily effect slides the text up.

See project

Layout

Bubba (double frame)

Hover Effect = bubba

Interiors

Living room makeover

Hover me: Lily effect slides the text up.

See project

Layout

Zoe (bottom bar)

Hover Effect = zoe

Interiors

Living room makeover

Hover me: Lily effect slides the text up.

See project

Layout

Chico (shrink)

Hover Effect = chico

Interiors

Living room makeover

Hover me: Lily effect slides the text up.

See project

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

Promo

Option	Type	Choices / range	Default	Notes
Background Image `image`	Image
Hover Effect `effect`	Dropdown	Lily (slide up text), Sadie (gradient sweep), Layla (inner frame), Oscar (dark fade + border), Marley (line reveal), Ruby (zoom + box), Roxy (slide in), Bubba (double frame), Zoe (bottom bar), Chico (shrink)	lily
Title `title`	Text		Summer Collection
Title Tag `title_tag`	Dropdown	H2, H3, H4, div	h3
Subtitle / Kicker `subtitle`	Text
Description `description`	Textarea		Up to 40% off selected items this wee...
Button Text `cta_text`	Text		Shop now
Link `link`	Link
Make Whole Box Clickable `link_whole`	Toggle	on / off	yes
Height `height`	Slider	min 150, max 900, px/vh	360	Responsive
Content Vertical Position `v_align`	Button group	Top, Middle, Bottom	flex-end
Text Align `align`	Button group	Left, Center, Right	left

Style tab

Box & Overlay

Option	Type	Choices / range	Default	Notes
Overlay Color `overlay`	Color		rgba(16,24,40,.35)
Overlay Hover Color `overlay_h`	Color		rgba(16,24,40,.6)
Accent (frames / lines) `accent`	Color		#ffffff
Content Padding `pad`	Dimensions			Responsive
Border Radius `radius`	Dimensions
Border `border`	Border
Box Shadow `shadow`	Box shadow
Hover Box Shadow `shadow_h`	Box shadow
Image Position `img_pos`	Dropdown	Center, Top, Bottom, Left, Right	center center
Image Filters `img_filter`	Css_filter
Image Hover Filters `img_filter_h`	Css_filter
Transition Duration `duration`	Slider	min 0.1, max 3, s	0.5

Text

Option	Type	Choices / range	Default
Subtitle Typography `sub_typo`	Typography
Subtitle Color `sub_color`	Color		rgba(255,255,255,.85)
Title Typography `title_typo`	Typography
Title Color `title_color`	Color		#ffffff
Title Shadow `title_shadow`	Text shadow
Description Typography `desc_typo`	Typography
Description Color `desc_color`	Color		rgba(255,255,255,.9)
Text Spacing `text_gap`	Slider	min 0, max 40, px	8

Button

Option	Type	Choices / range	Default
Typography `btn_typo`	Typography
Text Color `btn_color`	Color		#101828
Background `btn_bg`	Color		#ffffff
Hover Text Color `btn_color_h`	Color
Hover Background `btn_bg_h`	Color
Padding `btn_pad`	Dimensions
Radius `btn_radius`	Slider	min 0, max 60, px	8
Border `btn_border`	Border
Top Spacing `btn_mt`	Slider	min 0, max 40, px	8

Add it with the MCP tools

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