如何免费使用 WordPress 插件制作产品比较表?

已发表: 2022-05-04

目录

产品比较表有助于可视化和结构化有关两个或多个服务/产品的信息。 它们为资源可用性做出了巨大贡献,并帮助客户更快地做出购买决策。 到目前为止,WordPress 比较表插件是在最快的时间内构建表格的最有效方法。 它们的功能还可以用于比较定价计划、会员资格、时间表、比赛分数等。

为什么使用产品比较表?

  1. 主要功能或优缺点的视觉比较(对在线商店、服务网站等很重要)
  2. 快速显示每个选项的不同之处(功能、定价、一个会员中的服务数量)
  3. 敦促选择更昂贵的选项(通过将它们标记为“最优惠”或“最受欢迎”)

免费制作产品及价格比较表

如果您在 Elementor 或 Gutenberg 工作并搜索免费的产品比较表 WordPress 插件,请进一步阅读。

Elementor 的免费 WordPress 比较表插件

Stratum for Elementor是添加我们可以在 MotoPress 上提供的产品比较表的最佳解决方案。

最初,Stratum 是 Elementor 的 24 多个高级小部件的免费增值库:
Stratum Elementor 小部件列表
地层亮点:

  • 24+ 多用途 Elementor 小部件
  • 通用的个人博客和大型企业资源
  • Stratum PRO 中的扩展功能
  • 先进的设计工具链
  • Elementor 模板库集成
  • 小部件继承当前主题的视觉样式
  • 与其他插件完全兼容

地层演示。

该插件的免费版本允许访问此列表中的大多数元素,包括价格表小部件。 此元素与 Elementor PRO 的价格表小部件相同。 但与付费版本不同的是,Stratum 允许用户免费构建漂亮的价格表。

Stratum 价格表的关键要素:

  1. 多个文本部分(字幕和无限列表项
  2. 高度可定制的 CTA 按钮(带有 URL)
  3. 常规和悬停样式设置

另请参阅:Stratum 小部件:Elementor 定价表小部件

现在让我们学习如何使用 Stratum 在 Elementor 中为定价计划制作比较表。

但首先,请确保您安装并激活了 Elementor 和 Stratum 插件。

第 1 步:选择结构

当涉及到价格表时,您通常首先选择一个多列部分。 列数将取决于比较产品/服务/计划的数量。

最常见的结构是具有相等列的三列表:
Elementor 的价格表小部件

第 2 步:将小部件插入您的页面

选择好布局后,在 Stratum 小部件列表中找到价格表小部件。 现在,您需要将小部件拖到每一列:

该小部件带有默认内容,以获得更好的视觉表示:
Elementor 的价格表小部件

第 3 步:自定义内容

内容设置是这个小部件的核心。 在价格表中,您可以放置​​:

  • 标题和副标题
  • 价格文字和价格副标题
  • 价格值
  • 货币和货币对齐
  • 价格说明
  • 列表项(无限制)
  • 链接到页面的按钮

所有文本内容都提供排版(字体、大小、样式、装饰等)设置,能够自定义行高、字母间距和字间距。

列表部分允许您插入无限数量的功能。 如果需要,所有这些都可以用单个项目图标进行补充。
价格表小部件内容

第 4 步:自定义样式

在样式设置中,您可以为每个文本部分和按钮调整单独的颜色:
价格表小部件样式

第 5 步:使用高级设置

最后,使用“高级”选项卡设置边距和填充、应用运动效果、选择背景、应用边框等。

顺便说一句,您无需单独编辑每一列,而是将整个小部件的设计复制到下一列。 使这些列在设计上看起来相同将节省您的时间和精力。

因此,经过一些调整,您的 WordPress 产品比较表可能如下所示:
价格表小部件示例

PS Stratum PRO 的用户可以利用高级表格小部件。 下面是 Stratum Table 小部件在网站上的外观:
Stratum WordPress 比较表插件
在链接中阅读有关此 Advanced Table Elementor 小部件的更多信息。

古腾堡的免费 WordPress 比较表插件

对于 Gutenberg 部分,我们将使用 Getwid——一个包含 40 多个 Gutenberg 多用途块的免费库。

与核心 Gutenberg 积木相比,Getwid 元素在功能和风格方面更先进。 有许多具有自定义功能的独特块:
Getwid 块
Getwid 亮点:

  • 40多个多用途块
  • 35+ 预建模板
  • 面向业务的块
  • 每个块内具有多个设置的内联编辑
  • 与任何 WP 主题完美互动
  • 智能配置设置
  • 分步视频教程

查看 Getwid 演示。

Getwid 价格框块

除了价格表小部件,Getwid 提供了一个几乎相同的价格框块,用于显示价格和比较表。

块设置包括标题的内容和样式设置等。您可以在实时模式下编辑块:
petotel 价格框

在此处阅读有关古腾堡价格框的更多信息。

Getwid 高级表格模块

使用下一个高级表格块,Getwid 可以补充整个 WordPress 自定义表格插件。

要插入块,请转到 Gutenberg 编辑器并单击“+”。 在 Getwid 块列表中找到 Advanced Table 并单击以插入。

选择所需的行数和列数。

您可以按住Ctrl键选择多个单元格。 按住Shift键选择范围:
Getwid产品对照表

现在,转到表格设置并自定义布局和内容:

  1. 选择表格布局:默认、自动或固定;
  2. 保留或删除默认表格边框;
  3. 插入表格页眉和页脚;
  4. 设置全局背景和文本颜色(能够将自定义颜色应用于每个单元格);
  5. 选择水平和垂直对齐方式:
  6. 选择内容对齐方式;
  7. 自定义文本和背景颜色;
  8. 添加和自定义表格边框(可选);
  9. 为选定的单元格应用填充。

完全的!

以下是 Getwid 可能复制的众多产品比较表示例之一:
Getwid产品对照表

WordPress比较表插件的最后一句话

现在您知道如何在 WordPress 中免费创建比较表了。 如您所见,Stratum 和 Getwid 都免费为您提供类似高级的功能。 这些插件具有最简单的学习曲线和可视化界面,以确保实时定制。