如何在 Elementor 中添加比较表
比较表需要 Elementor 和活动表 硕士插件专业版 许可证。
比较表一览
小部件的作用,请从 Master Addons Pro 代码中读取。
| 物品 | 比较表小部件 |
|---|---|
| 每表产品 | 2到6,默认情况下为3 |
| 布局 | 4(风格一至风格四) |
| 特征行 | 一个中继器列表,根据您的需要有多少行 |
| 细胞值 | 检查、交叉、您选择的图标或文本 |
| 产品领域 | 标题、价格、图像、按钮文本和链接 |
| 突出显示列 | 每个产品的覆盖样式:标题、价格、行和按钮颜色 |
| 编号徽章 | 布局 3 显示了每个产品上方的编号圆圈 |
| 移动 | 767px(从开始选项卡格式)以下的一行产品名称和第一个产品列;设置0以保留所有列 |
| 每节造型 | 不,造型是按表或按产品列进行的 |
| 丝带或徽章文本 | 不,将标签放入产品标题或价格中 |
| CSV导入 | 否 |
| WooCommerce 源 | 不,值在面板中键入 |
| 需求 | Elementor 和 Master 插件 Pro |
按功能比较 2 到 6 个产品
套 产品 一般情况下(2 至 6,默认情况下为 3)和 a 产品 cection 为每一列出现。列出你的行一次 特点盒:一个标题,每个功能一个中继器项目和一个按钮标题。然后用一个填充每个产品 标题, 价格, 图像, 按钮文本, 链接 以及每行的值。
- 每个行值都是一张支票、一个十字架、您选择的图标或纯文本,例如“1 年”。
- 功能行是共享的,因此每个产品中保留相同数量的项目,以便行对齐。
- 内容在面板中键入。价格不会从 WooCommerce 中提取。
建立产品比较表
A 产品对照表将产品列在列中,规格列在行中,因此买家可以在每个选项中扫描一个功能。将产品设置为项目数量,在功能框中列出规格一次,然后用标题、价格、图像、按钮文本和链接填充每个产品部分。对电池寿命或保修等数字使用"是"和"否"规格和文本进行检查或交叉。
每个值都是在面板中输入的。该小部件不会读取 WooCommerce 产品或导入 CSV,因此它适合您策划的短列表,例如三个耳机、三个计划或您的产品对抗两个竞争对手。在您推荐的产品上打开 Override Style,因此其列脱颖而出。
Layout 1 中比较了三个耳机,中间产品通过 Override Style 突出显示。
比较表与定价表小部件
Elementor 和 Elementor Pro 没有对照表小部件。Elementor Pro 有一个用于单计划卡的价格表小部件。以下是何时使用每个选项。
四种布局和桌子造型
选择 风格 1 到 风格 4 在 布局、从经典桌子到带有价格徽章的分离产品卡,样式选项卡有四个部分。 一般的 设置奇偶行颜色、边框、框半径、列间距和行间距。 特色盒子 设置特征列宽度、颜色、对齐方式和填充。 产品 样式标题、价格、图像和移动断点,以及 按钮 为购买按钮定型。
- 具有奇数行颜色和偶数行颜色的斑马行使长桌子更容易扫描。
- 框宽度设置特征列的宽度。
- "开始选项卡格式"下方 从宽度 (默认情况下为 767px) 表格显示一行产品名称, 仅显示第一个产品列 要保持手机上的每一列, 请将"开始选项卡格式从"设置为 0, 并且全表缩减以适合屏幕 在发布之前在移动视图中检查该表。
突出显示推荐列
打开 覆盖样式 在产品部分内,为该列赋予自己的颜色,您可以设置标题颜色和背景、计数徽章、价格及其列背景、特征文本、校验和交叉颜色、单双行颜色以及按钮颜色。将其用于您的“最受欢迎”计划或您自己的产品在 us 对抗他们的表格中。
- Override 样式适用于每个产品列,而不是每个单元格。
- 没有内置丝带或徽章,因此请将标签添加到产品标题或价格文本中。
- 保留有关全球风格的其他专栏,以便突出显示的专栏脱颖而出。
比较表常见问题
我可以比较多少种产品?
2到6之间,变化 产品 在常规部分和产品部分添加或隐藏以匹配。在大多数页面宽度上,三列或四列读数最好。
我可以导入 CSV 或电子表格吗?
它可以从 WooCommerce 提取产品吗?
No。widget没有WooCommerce来源,因此每个产品列都用手输入标题、价格、图像和按钮。这也意味着它适用于任何事物:计划、服务、硬件或软件。
移动设备上的比较表看起来如何?
Start Tab格式下方 从样式中的宽度, 产品(默认767px), 表格显示功能列上方的一行产品名称, 仅显示第一个产品列 为了保持每个产品在手机上可见, 设置Start Tab格式从0, 表格缩小以适合发布之前在Elementor的移动视图中预览。
我应该使用比较表还是定价表?
当访客需要跨几个选项比较相同的功能时使用比较表。当每个计划都是一张包含价格和一些功能的短卡时使用定价表。主插件 定价表 小部件无需 Pro 即可处理此问题。
它与动态表小部件有何不同?
Dynamic Table 构建一个通用数据表,包含任意行数和列数,无需 Master Addons Pro。比较表是为产品决策构建的:每列的标题、价格、图像和按钮、校验和交叉值,以及一列可以突出显示。
Elementor 有比较表小部件吗?
No。free Elementor和Elementor Pro都没有,Elementor Pro有一个用于单个计划卡的价格表小部件,对于跨多个产品的功能网格,您需要一个附加小部件,例如这个。
![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
