Is the Comparison Table widget free?

No. Comparison Table is part of Master Addons Pro. The free plugin includes the Pricing Table widget for single plan cards.

How many products can I compare?

Between 2 and 6. Change Products in the General section and product sections are added or hidden to match. Three or four columns read best on most page widths.

How does the comparison table look on mobile?

Below the Start Tab Format From width in the Products style section (767px by default), some layouts change to a row of product tabs above the feature column, while others keep every column. Preview the table in Elementor’s mobile view, and lower that width if the tabbed view does not suit your table.

Should I use a comparison table or a pricing table?

Use Comparison Table when visitors need to compare the same features across several options. Use a pricing table when each plan is a short card with a price and a few features. Master Addons has a free Pricing Table widget for that.

元素比较表小部件 (Pro)

Comparison Table 是一个 Master Addons Pro 小部件,它为 2 到 6 个产品或计划构建一个功能网格。功能名称按下第一列,每个产品列都有一个标题、价格、图像、每个功能行的值和一个按钮。值可以是复选标记、十字、图标或文本。从四个布局中选择一个,给一列自己的颜色来标记推荐选项,以及样式行、标头和按钮。它不需要 WooCommerce,因此适用于计划、软件、硬件或服务包。对于单计划卡,免费定价表小部件更适合。

如何在 Elementor 中添加比较表

比较表需要 Elementor 和活动表硕士插件专业版许可证。

激活 Master Addons Pro,使用 Elementor 编辑您的页面并搜索小部件面板 比较表.
在 一般的择布局,并将产品设置为列数。
在 特点盒、每特征行添加一项并设置标题。
打开每个产品节并添加标题、价格、图像、按钮文本和链接。
将每个行值设置为检查、交叉、图标或文本,顺序与功能列表相同。
为您推荐的列打开覆盖样式,为表样式,然后在移动视图中选中它。

每个设置都包含在比较表小部件设置指南。

按功能比较 2 到 6 个产品

套产品一般情况下(2 至 6,默认情况下为 3)和 a 产品 cection 为每一列出现。列出你的行一次 特点盒:一个标题,每个功能一个中继器项目和一个按钮标题。然后用一个填充每个产品标题, 价格, 图像, 按钮文本, 链接以及每行的值。

每个行值都是一张支票、一个十字架、您选择的图标或纯文本,例如“1 年”。
功能行是共享的,因此每个产品中保留相同数量的项目,以便行对齐。
内容在面板中键入。价格不会从 WooCommerce 中提取。

比较表与定价表小部件

Elementor 和 Elementor Pro 没有对照表小部件。Elementor Pro 有一个用于单计划卡的价格表小部件。以下是何时使用每个选项。

小部件	布局	最好的	价格
主插件比较表	1 个网格,2 到 6 个产品列共享相同的特征行	按计划或产品之间的功能决策进行功能	硕士插件专业版
主插件定价表	每个小部件一张计划卡,带有标头、价格、功能和按钮	定价页面有两个或三个简单的计划	免费的
Elementor Pro 价格表	每个小部件一张计划卡,带有丝带选项	在已经使用 Elementor Pro 的网站上规划卡片	元素专业版