Pricing Toggle

← All widgetsWidget 84 · emcp_custom_84

Elementor widget2 layouts5 content options39 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: pricing, toggle, monthly, yearly, plans, table.

Setup guide

Open a page in Elementor, search the panel for Pricing Toggle and drag it into a container.
Content › Content: Monthly Label, Yearly Label, Yearly Badge, Default, Plans.
Pick a Default: Monthly, Yearly. 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.

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

Layout

Monthly

Default = monthly

MonthlyYearly Save 20%

Starter

$9$90

1 site
Email support
Core widgets

Start free

Popular

Pro

$29$290

10 sites
Priority support
All widgets
Cloud sync

Get Pro

Agency

$79$790

Unlimited sites
White label
All widgets
Cloud sync

Layout

Yearly

Default = yearly

MonthlyYearly Save 20%

Starter

$9$90

1 site
Email support
Core widgets

Start free

Popular

Pro

$29$290

10 sites
Priority support
All widgets
Cloud sync

Get Pro

Agency

$79$790

Unlimited sites
White label
All widgets
Cloud sync

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

Content

Option	Type	Choices / range	Default
Monthly Label `monthly_label`	Text		Monthly
Yearly Label `yearly_label`	Text		Yearly
Yearly Badge `badge`	Text		Save 20%
Default `start`	Dropdown	Monthly, Yearly	monthly
Plans `plans`	Repeater
↳ Plan name `name`	Text		Starter
↳ Monthly price `monthly_price`	Text		$19/mo
↳ Yearly price `yearly_price`	Text		$180/yr
↳ Features (one per line) `features`	Textarea		Feature one Feature two
↳ Button text `cta_label`	Text		Choose plan
↳ Button link `cta_link`	Link
↳ Featured `featured`	Toggle	on / off

Style tab

Style

Option	Type	Choices / range
Toggle Off Color `toggle_off`	Color
Toggle On Color `toggle_on`	Color
Knob Color `knob_color`	Color
Label Typography `lbl_typo`	Typography
Label Color `lbl_color`	Color
Badge Typography `badge_typo`	Typography
Badge Text Color `badge_color`	Color
Badge Background `badge_bg`	Color
Toggle Row Gap `switch_gap`	Slider	min 0, max 60, px
Toggle Row Spacing `switch_mb`	Slider	min 0, max 100, px
Card Background `card_bg`	Color
Featured Card Background `card_bg_feat`	Color
Card Border Color `card_border`	Color
Featured Border Color `card_border_feat`	Color
Card Corner Radius `card_radius`	Slider	min 0, max 60, px
Card Padding `card_pad`	Dimensions
Gap Between Cards `card_gap`	Slider	min 0, max 80, px
Card Box Shadow `card_shadow`	Box shadow
Popular Typography `pop_typo`	Typography
Popular Text Color `pop_color`	Color
Popular Background `pop_bg`	Color
Name Typography `name_typo`	Typography
Name Color `name_color`	Color
Name Spacing `name_mb`	Slider	min 0, max 60, px
Price Typography `price_typo`	Typography
Price Color `price_color`	Color
Price Spacing `price_mb`	Slider	min 0, max 60, px
Feature Typography `feat_typo`	Typography
Feature Color `feat_color`	Color
Checkmark Color `check_color`	Color
Feature Row Spacing `feat_gap`	Slider	min 0, max 30, px
Features Bottom Spacing `feat_mb`	Slider	min 0, max 60, px
Button Typography `btn_typo`	Typography
Button Text Color `btn_color`	Color
Button Background `btn_bg`	Color
Button Hover Text Color `btn_color_h`	Color
Button Hover Background `btn_bg_h`	Color
Button Padding `btn_pad`	Dimensions
Button Corner Radius `btn_radius`	Slider	min 0, max 60, px

Add it with the MCP tools

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