Content Toggle

← All widgetsWidget 94 · emcp_custom_94

Elementor widget4 layouts10 content options28 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: toggle, switch, content, primary, secondary, tabs.

Setup guide

Open a page in Elementor, search the panel for Content Toggle and drag it into a container.
Content › Toggle: Switch Style, Active by Default, Switch Alignment, Label, Icon, Content, Label, Icon and 2 more.
Pick a Switch Style: Switch (labels either side), Pill buttons, Underlined tabs, Boxed tabs. Each one is shown below.
Style tab sections: Switch, Content. 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.

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

Layout

Switch (labels either side)

Switch Style = switch

$19 / month. Cancel anytime. Billed monthly.

$180 / year. Two months free compared to monthly.

Layout

Pill buttons

Switch Style = pills

$19 / month. Cancel anytime. Billed monthly.

$180 / year. Two months free compared to monthly.

Layout

Underlined tabs

Switch Style = underline

$19 / month. Cancel anytime. Billed monthly.

$180 / year. Two months free compared to monthly.

Layout

Boxed tabs

Switch Style = boxed

$19 / month. Cancel anytime. Billed monthly.

$180 / year. Two months free compared to monthly.

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

Toggle

Option	Type	Choices / range	Default	Notes
Switch Style `style`	Dropdown	Switch (labels either side), Pill buttons, Underlined tabs, Boxed tabs	switch
Active by Default `active`	Dropdown	Primary, Secondary	primary
Switch Alignment `align`	Button group	Left, Center, Right	center	Responsive
Label `primary_label`	Text		Monthly
Icon `primary_icon`	Icon
Content `primary_content`	Rich text		Primary content goes here.
Label `secondary_label`	Text		Yearly
Icon `secondary_icon`	Icon
Content `secondary_content`	Rich text		Secondary content goes here.
Content Transition `anim_style`	Dropdown	None, Fade, Slide up	fade

Style tab

Switch

Option	Type	Choices / range	Default	Notes
Label Typography `sw_typo`	Typography
Label Color `sw_color`	Color		#667085
Active Label Color `sw_color_a`	Color		#101828
Active Label on Filled Tab (boxed) `sw_color_a_fill`	Color		#ffffff	Shown when style = boxed
Label Background `sw_bg`	Color
Active Label Background `sw_bg_a`	Color
Label Padding `sw_pad`	Dimensions
Label Radius `sw_radius`	Slider	min 0, max 60, px
Label Border `sw_border`	Border
Gap `sw_gap`	Slider	min 0, max 60, px	12
Icon Size `icon_size`	Slider	min 8, max 60, px	16
Track Color `track_off`	Color		#c7ccd6
Track Color (secondary active) `track_on`	Color		#6a11cb
Knob Color `knob`	Color		#ffffff
Track Width `track_w`	Slider	min 30, max 120, px	52
Track Height `track_h`	Slider	min 16, max 60, px	28
Bar Background (Pills/Boxed) `bar_bg`	Color
Bar Padding `bar_pad`	Dimensions
Bar Radius `bar_radius`	Slider	min 0, max 60, px
Space Below Switch `bar_mb`	Slider	min 0, max 100, px	24

Content

Option	Type	Choices / range	Notes
Typography `c_typo`	Typography
Text Color `c_color`	Color
Text Align `c_align`	Button group	Left, Center, Right	Responsive
Background `c_bg`	Background
Padding `c_pad`	Dimensions		Responsive
Border `c_border`	Border
Border Radius `c_radius`	Dimensions
Box Shadow `c_shadow`	Box shadow

Add it with the MCP tools

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