← All widgetsWidget 150 · emcp_custom_150

Advanced Button

Elementor widget11 layouts14 content options19 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: button, cta, link, call to action, download.

Setup guide

  1. Open a page in Elementor, search the panel for Advanced Button and drag it into a container.
  2. Content › Button: Text, Secondary Line, Link, Icon, Icon Position, Style, Size, Shape and 6 more.
  3. Pick a Style: Solid, Outline, Ghost (tinted), Soft shadowed, 3D pressable, Text link, Frosted glass. Each one is shown below.
  4. Style tab sections: Button, Icon, Subtext & Badge. Colours, typography and spacing set here are scoped to this widget instance.
  5. Publish. Every option is a standard Elementor control, so it responds to the editor, dynamic tags and global styles as usual.
Layout

Solid

Style = solid

Solid slide fill
Layout

Outline

Style = outline

OutlineNo credit card
Layout

Ghost (tinted)

Style = ghost

Ghost pulse
Layout

Soft shadowed

Style = soft

OutlineNo credit card
Layout

3D pressable

Style = 3d

3D-20%
Layout

Text link

Style = link

OutlineNo credit card
Layout

Frosted glass

Style = glass

Shown on a dark backdrop, this style is translucent.

OutlineNo credit card
Shape

Square

Shape = square

OutlineNo credit card
Shape

Rounded

Shape = rounded

OutlineNo credit card
Shape

Pill

Shape = pill

OutlineNo credit card
Shape

Skewed

Shape = skew

OutlineNo credit card

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

Button

OptionTypeChoices / rangeDefaultNotes
Text
text		TextGet started
Secondary Line
subtext		Text
Link
link		Link#
Icon
icon		Icon
Icon Position
icon_pos		DropdownLeft, Right, Above textright
Style
style		DropdownSolid, Outline, Ghost (tinted), Soft shadowed, 3D pressable, Text link, Frosted glasssolid
Size
size		DropdownExtra small, Small, Medium, Large, Extra largemd
Shape
shape		DropdownSquare, Rounded, Pill, Skewedrounded
Hover Effect
hover		DropdownNone, Slide fill from left, Slide fill from bottom, Grow fill from centre, Shine sweep, Grow, Lift with shadow, Icon slides in, Underline reveal, Pulse ringfill-slide
Full Width
full		Toggleon / off
Badge
badge		Text
Download Attribute
download		Toggleon / off
Add rel=nofollow
rel_nofollow		Toggleon / off
Alignment
align		Button groupLeft, Center, RightleftResponsive

Style tab

Button

OptionTypeChoices / rangeDefaultNotes
Typography
typo		Typography
Text Color
color		Color#ffffff
Background / Accent
bg		Color#6a11cb
Hover Text Color
color_h		Color#ffffff
Hover Background
bg_h		Color#4a0d8f
Border
border		Border
Radius (rounded shape)
radius		Slidermin 0, max 60, px10
Padding
pad		Dimensions
Shadow
shadow		Box shadow
Hover Shadow
shadow_h		Box shadow
Min Width
minw		Slidermin 0, max 600, px

Icon, Subtext & Badge

OptionTypeChoices / rangeDefaultNotes
Icon Size
icon_size		Slidermin 8, max 60, px16
Icon Gap
icon_gap		Slidermin 0, max 40, px10
Icon Color
icon_color		Color
Icon Circle Background
icon_bg		Color
Subtext Typography
sub_typo		Typography
Subtext Color
sub_color		Color
Badge Color
badge_color		Color#ffffff
Badge Background
badge_bg		Color#d92d20

Add it with the MCP tools

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