Pricing Comparison Table

← All widgetsWidget 96 · emcp_custom_96

Elementor widget2 layouts4 content options41 style options5 panel sections

Built with the EMCP Widget Builder and registered under the EMCP Custom category of the Elementor panel. Search the panel for: pricing, table, comparison, plans, multicolumn, features.

Setup guide

Open a page in Elementor, search the panel for Pricing Comparison Table and drag it into a container.
Content › Plans: Layout, Features Column Heading, Plans (columns), Feature Rows.
Pick a Layout: Comparison table (rows), Cards (feature list per plan). Each one is shown below.
Style tab sections: Table, Plan Header, Features & Values, Button. 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

Comparison table (rows)

Layout = table

Features

Basic

$9/mo

For individuals

Get started

Cards (feature list per plan)

Layout = cards

Features

Basic

$9/mo

For individuals

Get started

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

Plans

Option	Type	Choices / range	Default	Notes
Layout `layout`	Dropdown	Comparison table (rows), Cards (feature list per plan)	table
Features Column Heading `feature_label`	Text		Features
Plans (columns) `plans`	Repeater		3 items
↳ Plan Name `name`	Text		Basic
↳ Price `price`	Text		$9
↳ Period `period`	Text		/mo
↳ Tagline `tagline`	Text
↳ Ribbon `ribbon`	Text
↳ Highlight `featured`	Toggle	on / off
↳ Button Text `cta_text`	Text		Get started
↳ Button Link `cta_link`	Link
↳ Feature values (one per line, in row order) `values`	Textarea		yes no 5 GB no	Use yes / no for check and cross icons, or any text.
Feature Rows `features`	Repeater		4 items
↳ Feature `label`	Text		Feature
↳ Tooltip / Help text `tooltip`	Text

Style tab

Table

Option	Type	Choices / range	Default	Notes
Grid Line Color `t_border_color`	Color		#eaecf0
Outer Radius `t_radius`	Slider	min 0, max 40, px	14
Box Shadow `t_shadow`	Box shadow
Cell Padding `cell_pad`	Dimensions			Responsive
Row Background `row_bg`	Color
Alternate Row Background `row_bg_alt`	Color
Row Hover Background `row_bg_h`	Color
Feature Column Width `feat_col_w`	Slider	min 15, max 50, %	30

Plan Header

Option	Type	Default
Header Background `head_bg`	Background
Featured Header Background `head_bg_f`	Background
Featured Column Outline `feat_border`	Color	#6a11cb
Plan Name Typography `name_typo`	Typography
Plan Name Color `name_color`	Color	#101828
Price Typography `price_typo`	Typography
Price Color `price_color`	Color	#101828
Period Color `period_color`	Color	#667085
Tagline Typography `tag_typo`	Typography
Tagline Color `tag_color`	Color	#667085
Ribbon Text `ribbon_color`	Color	#ffffff
Ribbon Background `ribbon_bg`	Color	#6a11cb
Ribbon Typography `ribbon_typo`	Typography

Features & Values

Option	Type	Choices / range	Default
Features Heading Typography `fhead_typo`	Typography
Feature Label Typography `flabel_typo`	Typography
Feature Label Color `flabel_color`	Color		#344054
Value Typography `val_typo`	Typography
Value Color `val_color`	Color		#101828
Check Color `yes_color`	Color		#12b76a
Cross Color `no_color`	Color		#d0d5dd
Check / Cross Size `icon_size`	Slider	min 10, max 40, px	18
Tooltip Icon Color `tip_color`	Color		#98a2b3

Button

Option	Type	Choices / range	Default
Typography `btn_typo`	Typography
Text Color `btn_color`	Color		#101828
Background `btn_bg`	Color		#f2f4f7
Hover Text Color `btn_color_h`	Color
Hover Background `btn_bg_h`	Color
Featured Text Color `btn_color_f`	Color		#ffffff
Featured Background `btn_bg_f`	Color		#6a11cb
Padding `btn_pad`	Dimensions
Radius `btn_radius`	Slider	min 0, max 60, px	8
Border `btn_border`	Border
Box Shadow `btn_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_96" and a settings object using the keys above. Run get-custom-widget with id 96 for the full JSON spec.