← All widgetsWidget 269 · emcp_custom_269

Dual Button

Elementor widget5 layouts15 content options24 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: button, dual, two buttons, or, cta.

Setup guide

  1. Open a page in Elementor, search the panel for Dual Button and drag it into a container.
  2. Content › Buttons: First Button, First Link, First Icon, First Icon Position, Second Button, Second Link, Second Icon, Second Icon Position and 7 more.
  3. Pick a Layout: Side by side, Stacked, Attached (shared edge), Split pill, Diagonal cut. Each one is shown below.
  4. Style tab sections: First Button, Second Button, Common & Connector. 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

Side by side

Layout = inline

Buy nowTry free
Layout

Stacked

Layout = stacked

Buy nowTry free
Layout

Attached (shared edge)

Layout = attached

Buy nowTry free
Layout

Split pill

Layout = split

Buy nowTry free
Layout

Diagonal cut

Layout = diagonal

Buy nowTry free

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

Buttons

OptionTypeChoices / rangeDefaultNotes
First Button
text1		TextBuy now
First Link
link1		Link#
First Icon
icon1		Icon
First Icon Position
icon1_pos		DropdownLeft, Rightleft
Second Button
text2		TextTry free
Second Link
link2		Link#
Second Icon
icon2		Icon
Second Icon Position
icon2_pos		DropdownLeft, Rightright
Layout
layout		DropdownSide by side, Stacked, Attached (shared edge), Split pill, Diagonal cutinline
Connector
connector		DropdownNone, Plain text, Text in a circle, Icon in a circlecircle
Connector Text
connector_text		Textor
Connector Icon
connector_icon		Iconfas fa-bolt
Hover Effect
hover		DropdownNone, Swap colours, Lift, Grow, Shinefill
Full Width
full		Toggleon / off
Alignment
align		Button groupLeft, Center, Rightflex-startResponsive

Style tab

First Button

OptionTypeChoices / rangeDefaultNotes
Typography
typo1		Typography
Text
color1		Color#ffffff
Background
bg1		Color#6a11cb
Hover Text
color1_h		Color#6a11cb
Hover Background
bg1_h		Color#f4ebff
Border
border1		Border
Radius
radius1		Dimensions

Second Button

OptionTypeChoices / rangeDefaultNotes
Typography
typo2		Typography
Text
color2		Color#101828
Background
bg2		Color#f2f4f7
Hover Text
color2_h		Color#ffffff
Hover Background
bg2_h		Color#101828
Border
border2		Border
Radius
radius2		Dimensions

Common & Connector

OptionTypeChoices / rangeDefaultNotes
Button Padding
pad		Dimensions
Radius (both)
radius		Slidermin 0, max 60, px10
Gap
gap		Slidermin 0, max 60, px16
Button Shadow
shadow		Box shadow
Icon Size
icon_size		Slidermin 8, max 40, px15
Connector Typography
con_typo		Typography
Connector Color
con_color		Color#101828
Connector Background
con_bg		Color#ffffff
Connector Border
con_border		Color#eaecf0
Connector Size
con_size		Slidermin 20, max 80, px36

Add it with the MCP tools

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