Elementor 中如何添加定价表
首先构建一个计划,然后将其复制到其他计划,以便功能行对齐。
- 1个计划加一个容器或一栏的区段,3个计划是最常见的设置。
- "“定价表”"的小部件面板中搜索, 然后将主插件小部件拖入第一列。
- 选择布局,然后填写标题、价格、功能和页脚按钮。
- "样式"选项卡中为卡片样式, 将小部件复制到其他列中, 并更改计划详细信息。
- 打开突出显示桌和丝带,了解您希望访客选择的计划。
Feature 行在每一列中都保持相同的顺序,人们逐行读取定价表,因此混合顺序使计划难以比较。

标题、价格、功能、按钮和色带
卡片的每个部分都有自己的设置。标题采用图标、标题、字幕和三个渐变背景之一,或您自己的颜色。价格包含列表或自定义的货币符号、原始价格的销售开关和计费周期。页脚握住按钮、链接或 Easy Digital Downloads 项目,以及一小行额外文本,例如退款说明。
小部件没有每月和每年的切换。 要提供两个计费周期,请构建两组表格并将它们放入 切换内容 (Pro),它添加了开关。
- 标头图标、标题、HTML 标签、字幕和渐变预设。
- Currency符号、以原价销售价格、计费期限。
- 带有链接或 Easy Digital Downloads 项目的按钮,以及额外的页脚文本。
带有图标和工具提示的交互式功能列表
每个功能行都采用文本、可选图标和可选工具提示,该工具提示在功能的上方、下方、左侧或右侧打开。使用工具提示了解会挤满列表的详细信息,例如 “额外座位每月费用为 5 美元”。
- Icons 使功能列表扫描速度更快。
- 工具提示解释限制或技术术语,而不添加杂乱。
- "样式"选项卡中的"样式"功能文本、图标、分隔符和对齐方式。

价格格式、突出显示的计划和丝带
Size并分别垂直对齐货币符号、价格的分数部分和原价,打开要人们挑选的计划的高光表,然后添加一个带有类似“Popular”文字的丝带,并设置其对齐、位置和旋转。
- 货币、美分和原始价格的大小和位置分开。
- 突出显示表可使一项计划脱颖而出。
- 带有您自己的文本、对齐、位置和旋转的丝带。
Elementor Pro 价格表与主插件价格表
Elementor 自己的价格表小部件仅在 Elementor Pro 中,下面是两者的比较。
| Elementor Pro 价格表 | 主插件定价表 | |
|---|---|---|
| 价格 | Elementor Pro 许可证 | 免费的 |
| 布局 | 一 | 5锛屽湪娴欐睙鏉 |
| 特色工具提示 | 否 | 是的 |
| 销售和原价 | 是的 | 是的 |
| 丝带 | 是的 | 是的 |
| 轻松的数字下载按钮 | 否 | 是的 |
| 标头梯度预设 | 否 | 3 |
比较不同计划的许多功能? 比较表 widget (Pro) 处理长功能列表比处理单独的卡更好。
定价表小部件执行和不执行的操作
Yes 标示的所有内容都是小部件面板中的控件,其余的需要另一个小部件或不同的设置。
| 特点 | 在小部件中? |
|---|---|
| 五种布局:默认、左对齐内容、圆形表、带有 BG 图像的表、倾斜 BG 图案 | 是的 |
| 突出显示的计划 | 是的,高光表开关 |
| 丝带包含您自己的文本、位置和旋转 | 是的 |
| 销售价格与原始价格划掉 | 是的 |
| 列表中的货币符号,或您自己的符号 | 是的 |
| 计费周期文本 | 是的 |
| 标头图标、标题、字幕和三个渐变预设 | 是的 |
| 每行特征图标 | 是的 |
| 具有放置功能的工具提示 | 是的 |
| 按钮链接到任何 URL | 是的 |
| 轻松数字下载购买按钮 | 是的 |
| 卡背后的图像、渐变或视频背景 | 是的 |
| 每月和每年切换 | 否使用两组卡片切换内容(专业版) |
| WooCommerce 添加到购物车按钮 | 号将按钮链接到产品或结账页面 |
| 等高卡 | Widget 中没有控制。将父容器设置为对齐项目: 伸展 |
| 跨计划的特征比较矩阵 | 否使用比较表小部件(Pro) |
定价表设计技巧
一些习惯使定价表更容易阅读和购买。
- 示三个计划。更多的选择会减慢决定的速度。
- 将您想要出售的计划放在中间并突出显示。
- 使价格成为卡上最大的文本。
- 保持特征标签短,并将详细信息移至工具提示中。
- 每张卡使用一个按钮,如果您提供退款,请在页脚文本中添加退款说明。
我们的 定价表提示 详细介绍。






定价表常见问题
我可以强调我最推荐的定价计划吗?
是的。打开该计划的定价内容中的突出显示表,然后打开"功能区"部分,打开"显示"并添加像"“流行”这样的文本。您可以对齐、移动和旋转功能区并调整其颜色。
脚踏按钮适用于电子商务插件吗?
是在页脚部分打开轻松数字下载集成,然后选择您的EDD项目,使按钮成为购买按钮对于WooCommerce或任何其他结账,请将按钮链接指向产品或结账页面。
功能列表的外观可定制性如何?
Very。features得到自己的文字颜色、排版、对齐、宽度和分隔线,每一行都可以有自己的图标和工具提示。
Elementor 有免费的定价表小部件吗?
Elementor 自己的价格表小部件需要 Elementor Pro。Master Addons 定价表小部件不需要 Elementor Pro,并且可以使用免费的 Elementor 插件。
我可以添加每月和每年的切换吗?
Not在定价表小部件内,该小部件每张卡片持有一个价格,构建两组卡片,将每组卡片保存为一个部分模板,并将两者都放入一个 切换内容 件(主插件 Pro)。此页面上的切换部分显示结果。
我可以在定价表标头中添加背景图案或图像吗?
是在标题部分中选择三个梯度预设之一,或者在样式选项卡中选择自定义并设置自己的标题背景,带有 BG 图像和倾斜 BG 图案布局的表在表后面添加图像或图案。
定价表在移动设备上是否响应?
是每个计划都是一个小部件,所以将它们放在列中,Elementor将列堆叠在手机上。使用响应模式来缩小小屏幕上的价格大小或填充。
我可以出示销售价格或划掉原始价格吗?
是在定价部分打开销售并输入原始价格,小部件显示在您当前价格旁边,以便访问者看到折扣。
我可以用它构建价目表或菜单吗?
不好。每张卡片都有一个价格和一个功能列表,所以餐厅菜单或服务列表有十个价格需要十张卡片。对于每行都有价格的列表, 动态表 小部件更适合。
如何保持所有定价柱相同的高度?
将卡片放入一个容器中,将其对齐项目设置为拉伸,并为每个计划提供相同数量的特征行。小部件没有自己的高度控制。




![Master Addons 元素的帖子/页面复制器扩展:WordPress 页面列表中的 MA 复制器行链接创建着陆页 - [Duplicated #128] 草案](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)

