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

价格格式、突出显示的计划和丝带
Size并分别垂直对齐货币符号、价格的分数部分和原价,打开要人们挑选的计划的高光表,然后添加一个带有类似“Popular”文字的丝带,并设置其对齐、位置和旋转。
- 货币、美分和原始价格的大小和位置分开。
- 突出显示表可使一项计划脱颖而出。
- 带有您自己的文本、对齐、位置和旋转的丝带。
Elementor Pro 价格表与主插件价格表
Elementor 自己的价格表小部件仅在 Elementor Pro 中,下面是两者的比较。
| Elementor Pro 价格表 | 主插件定价表 | |
|---|---|---|
| 价格 | Elementor Pro 许可证 | 免费的 |
| 布局 | 一 | 5锛屽湪娴欐睙鏉 |
| 特色工具提示 | 否 | 是的 |
| 销售和原价 | 是的 | 是的 |
| 丝带 | 是的 | 是的 |
| 轻松的数字下载按钮 | 否 | 是的 |
| 标头梯度预设 | 否 | 3 |
比较不同计划的许多功能? 比较表 widget (Pro) 处理长功能列表比处理单独的卡更好。
定价表设计技巧
一些习惯使定价表更容易阅读和购买。
- 示三个计划。更多的选择会减慢决定的速度。
- 将您想要出售的计划放在中间并突出显示。
- 使价格成为卡上最大的文本。
- 保持特征标签短,并将详细信息移至工具提示中。
- 每张卡使用一个按钮,如果您提供退款,请在页脚文本中添加退款说明。
我们的 定价表提示 详细介绍。






Elementor 中如何添加定价表
首先构建一个计划,然后将其复制到其他计划,以便功能行对齐。
- 1个计划加一个容器或一栏的区段,3个计划是最常见的设置。
- "“定价表”"的小部件面板中搜索, 然后将主插件小部件拖入第一列。
- 选择布局,然后填写标题、价格、功能和页脚按钮。
- "样式"选项卡中为卡片样式, 将小部件复制到其他列中, 并更改计划详细信息。
- 打开突出显示桌和丝带,了解您希望访客选择的计划。
Feature 行在每一列中都保持相同的顺序,人们逐行读取定价表,因此混合顺序使计划难以比较。
5种定价表布局
"定价内容"中的"布局"下拉更改卡的构建方式。所有五个都是免费的, 当您在它们之间切换时, 您的文本和价格保持不变。
- 默认
- 左对齐内容
- 圆桌会议
- 带有 BG 图像的表格
- 倾斜 BG 图案
当您编辑时在它们之间切换以查看哪一个适合您的页面。
定价表常见问题
我可以强调我最推荐的定价计划吗?
是的。打开该计划的定价内容中的突出显示表,然后打开"功能区"部分,打开"显示"并添加像"“流行”这样的文本。您可以对齐、移动和旋转功能区并调整其颜色。
脚踏按钮适用于电子商务插件吗?
是在页脚部分打开轻松数字下载集成,然后选择您的EDD项目,使按钮成为购买按钮对于WooCommerce或任何其他结账,请将按钮链接指向产品或结账页面。
功能列表的外观可定制性如何?
Very。features得到自己的文字颜色、排版、对齐、宽度和分隔线,每一行都可以有自己的图标和工具提示。
我可以在定价表标头中添加背景图案或图像吗?
是在标题部分中选择三个梯度预设之一,或者在样式选项卡中选择自定义并设置自己的标题背景,带有 BG 图像和倾斜 BG 图案布局的表在表后面添加图像或图案。
定价表在移动设备上是否响应?
是每个计划都是一个小部件,所以将它们放在列中,Elementor将列堆叠在手机上。使用响应模式来缩小小屏幕上的价格大小或填充。
我可以出示销售价格或划掉原始价格吗?
是在定价部分打开销售并输入原始价格,小部件显示在您当前价格旁边,以便访问者看到折扣。






