Floating Action Menu

← All widgetsWidget 310 · emcp_custom_310

Elementor widget7 layouts13 content options17 style options2 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: fab, floating, speed dial, quick actions, contact, sticky button.

Setup guide

Open a page in Elementor, search the panel for Floating Action Menu and drag it into a container.
Content › Actions: Actions, Main Icon, Main Label (pill style), Style, Position, Open On, Show Action Labels, Rotate Main Icon When Open and 5 more.
Pick a Style: Speed dial (expands up), Expands sideways, Radial fan, Pill with label, expands up, Always-open bar. Each one is shown below.
Style tab sections: Style. 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.

This widget is fixed to the viewport (a corner button, a bar or a toast). On this page each demo is pinned inside its grey stage box so you can see it in place; on a real page it floats over the content. Scroll-driven options react to the scrolling of this page.

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

Layout

Speed dial (expands up)

Style = dial

Call us
Email
WhatsApp
Directions

Layout

Expands sideways

Style = side

Call us
Email
WhatsApp
Directions

Layout

Radial fan

Style = radial

Call us
Email
WhatsApp
Directions

Layout

Pill with label, expands up

Style = pill

Call us
Email
WhatsApp
Directions

Layout

Always-open bar

Style = bar

Call us
Email
WhatsApp
Directions

Open On

Click

Open On = click

Call us
Email
WhatsApp
Directions

Open On

Hover

Open On = hover

Call us
Email
WhatsApp
Directions

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

Actions

Option	Type	Choices / range	Default
Actions `actions`	Repeater		4 items
↳ Label `label`	Text		Action
↳ Icon `icon`	Icon		fas fa-phone
↳ Type `kind`	Dropdown	Link, Phone call, Email, WhatsApp, Directions, Scroll to top, Share this page	link
↳ Phone / Email / WhatsApp number / Address `value`	Text
↳ Link (link type) `link`	Link
↳ Color Override `color`	Color
Main Icon `main_icon`	Icon		fas fa-plus
Main Label (pill style) `main_label`	Text		Contact
Style `style`	Dropdown	Speed dial (expands up), Expands sideways, Radial fan, Pill with label, expands up, Always-open bar	dial
Position `position`	Dropdown	Bottom right, Bottom left	bottom-right
Open On `trigger`	Dropdown	Click, Hover	click
Show Action Labels `show_labels`	Toggle	on / off	yes
Rotate Main Icon When Open `rotate`	Toggle	on / off	yes
Dim Page When Open `backdrop`	Toggle	on / off
Pulse Ring `pulse`	Toggle	on / off
Show After Scrolling (px, 0 = always) `show_after`	Number	min 0, max 3000	0
Hide on Mobile `hide_mobile`	Toggle	on / off
Label Side `tooltip_side`	Dropdown	Auto (away from the edge), Left, Right	auto

Style tab

Style

Option	Type	Choices / range	Default
Main Button Size `size`	Slider	min 40, max 96, px	56
Action Size `action_size`	Slider	min 32, max 80, px	44
Main Icon `main_color`	Color		#ffffff
Main Background `main_bg`	Color		#6a11cb
Main Hover Background `main_bg_h`	Color		#4a0d8f
Action Icon `action_color`	Color		#101828
Action Background `action_bg`	Color		#ffffff
Action Hover Background `action_bg_h`	Color		#f4ebff
Label Text `label_color`	Color		#ffffff
Label Background `label_bg`	Color		#101828
Label Typography `label_typo`	Typography
Icon Size `icon_size`	Slider	min 12, max 40, px	20
Gap Between Actions `gap`	Slider	min 4, max 30, px	12
Shadow `shadow`	Box shadow
Edge Offset `offset`	Slider	min 0, max 120, px	24
Backdrop Color `backdrop_color`	Color		rgba(16,24,40,0.35)
Z-index `zindex`	Number	min 1, max 99999	9985

Add it with the MCP tools

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