Alert Box

← All widgetsWidget 154 · emcp_custom_154

Elementor widget18 layouts18 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: alert, notice, banner, cookie, gdpr, toast, announcement.

Setup guide

Open a page in Elementor, search the panel for Alert Box and drag it into a container.
Content › Alert: Type, Title, Message, Icon, Button Text, Button Link (empty = dismiss), Secondary Link Text, Secondary Link.
Content › Layout & Behaviour: Layout, Style, Icon Style, Dismissible, Remember Dismissal (days, 0 = session only), Storage Key, Show After (ms), Auto Hide After (ms, 0 = never) and 2 more.
Pick a Layout: Inline (in the page flow), Inline banner (single row), Fixed bar, top of viewport, Fixed bar, bottom of viewport, Toast, bottom right, Toast, bottom left, Toast, top right. Each one is shown below.
Style tab sections: Box, Text & Icon, Buttons. 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.

Conditional options: Remember Dismissal (days, 0 = session only) appears when Dismissible is yes; Storage Key appears when Dismissible is yes; Push Page Content (fixed top bar) appears when Layout is top.

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

Layout

Inline (in the page flow)

Layout = inline

Heads up

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Accept Learn more

Layout

Inline banner (single row)

Layout = banner

Layout

Fixed bar, top of viewport

Layout = top · fixed to the viewport, so it is not demoed inline; try it on a test page.

Layout

Fixed bar, bottom of viewport

Layout = bottom · fixed to the viewport, so it is not demoed inline; try it on a test page.

Layout

Toast, bottom right

Layout = toast-br · fixed to the viewport, so it is not demoed inline; try it on a test page.

Layout

Toast, bottom left

Layout = toast-bl · fixed to the viewport, so it is not demoed inline; try it on a test page.

Layout

Toast, top right

Layout = toast-tr · fixed to the viewport, so it is not demoed inline; try it on a test page.

Type

Info

Type = info

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Type

Success

Type = success

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Type

Warning

Type = warning

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Type

Danger

Type = danger

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Type

Dark

Type = dark

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Type

Neutral

Type = neutral

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Style

Soft tint

Style = soft

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Style

Solid

Style = solid

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Style

Outline

Style = outline

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Style

White with accent border

Style = accent

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

Style

Minimal

Style = minimal

Cookies

We use cookies to improve your experience. By continuing you agree to our cookie policy.

Got it

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

Alert

Option	Type	Choices / range	Default
Type `type`	Dropdown	Info, Success, Warning, Danger, Dark, Neutral	info
Title `title`	Text		Heads up
Message `message`	Rich text		We use cookies to improve your experi...
Icon `icon`	Icon		fas fa-info-circle
Button Text `btn_text`	Text
Button Link (empty = dismiss) `btn_link`	Link
Secondary Link Text `btn2_text`	Text
Secondary Link `btn2_link`	Link

Layout & Behaviour

Option	Type	Choices / range	Default	Notes
Layout `layout`	Dropdown	Inline (in the page flow), Inline banner (single row), Fixed bar, top of viewport, Fixed bar, bottom of viewport, Toast, bottom right, Toast, bottom left, Toast, top right	inline
Style `style`	Dropdown	Soft tint, Solid, Outline, White with accent border, Minimal	soft
Icon Style `icon_style`	Dropdown	Plain, In a circle, Hidden	plain
Dismissible `dismissible`	Toggle	on / off	yes
Remember Dismissal (days, 0 = session only) `remember`	Number	min 0, max 365	0	Shown when dismissible = yes
Storage Key `storage_key`	Text			Change it to show the alert again after editing its text.. Shown when dismissible = yes
Show After (ms) `delay`	Number	min 0, max 60000	0
Auto Hide After (ms, 0 = never) `auto_hide`	Number	min 0, max 120000	0
Entrance `anim`	Dropdown	Fade, Fade up, Slide in, None	fade-up
Push Page Content (fixed top bar) `push_body`	Toggle	on / off		Shown when layout = top

Style tab

Box

Option	Type	Choices / range	Default
Accent Override `accent`	Color
Background Override `bg`	Color
Padding `pad`	Dimensions
Border `border`	Border
Radius `radius`	Slider	min 0, max 60, px	12
Shadow `shadow`	Box shadow
Max Width (toast / inline) `maxw`	Slider	min 240, max 1200, px	420
Viewport Offset (fixed layouts) `offset`	Slider	min 0, max 120, px	24
Z-index (fixed layouts) `zindex`	Number	min 1, max 99999	9999

Text & Icon

Option	Type	Choices / range	Default
Title Typography `title_typo`	Typography
Title Color `title_color`	Color
Message Typography `msg_typo`	Typography
Message Color `msg_color`	Color
Icon Size `icon_size`	Slider	min 12, max 64, px	22
Icon Color `icon_color`	Color
Close Button Color `close_color`	Color

Buttons

Option	Type	Choices / range	Default
Button Typography `btn_typo`	Typography
Button Text `btn_color`	Color
Button Background `btn_bg`	Color
Button Hover Background `btn_bg_h`	Color
Button Radius `btn_radius`	Slider	min 0, max 60, px	8
Secondary Link Color `btn2_color`	Color

Add it with the MCP tools

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