Elementor：如何添加价格网格

您想在 Elementor ?

如果您正在使用您的 网站Web 要销售您的服务或产品，展示您提供的定价计划至关重要。 Elementor，最受欢迎的 WordPress 页面构建器插件，带有一个小部件 价格表 您可以使用它轻松地将定价网格添加到页面或模板。 在本文中，我们将向您展示如何使用此小部件。

另请参阅： 如何在 Elementor 中创建圆形图像 

价格表小部件本身仅适用于 Elementor。 Pro 所以为了能够使用它，你需要使用 Elementor 亲。 在本文中，我们将直接将价格表小部件添加到编辑区域。

有两个选项可以将价格网格添加到 Elementor 页面或模板。 首先，您可以使用预定义的块模板。 其次，您可以自己创建表。 从零开始。

从预定义模板添加价格网格

Elementor 有大约 14 种价格网格块设计供您选择。 同样，您需要使用 Elementor Pro 才能使用模板，因为定价网格仅在 Elementor Pro 上可用。 要使用价格网格块模板，请单击编辑框中的文件夹图标以打开模板库。

在出现的模板库中，单击选项卡 集团 并在类别中选择 定价 在下拉菜单中过滤模型。 选择您喜欢的模型并单击按钮 插 将其导入 Elementor 编辑器。

然后，您可以转到左侧面板更改网格的默认内容。

从头开始添加定价网格

如果您对要添加的定价网格有自己的设计概念，那么从头开始创建表格是一个好主意。 为了方便您的工作，您可以创建一个表。 完成后，您可以复制它并自定义重复表的内容。 它会为您节省很多时间。

另见： 如何使用 Elementor 创建团队成员部分

首先添加一个新部分并根据要创建的表的数量选择一个列结构并拖动小部件 价格表 到其中一列。

转到左侧面板以更改默认内容。 您可以在选项卡下编辑内容 内容。 您可以打开 5 个参数块进行编辑：页眉、定价、功能、页脚和功能区。

• 标题

您可以打开此块来修改表头的内容。 您可以立即更改标题 标题 和描述立即 描述。 理想情况下，您可以使用表的标题部分来添加包的名称。

• 定价

您可以打开此块来更改包裹的价格。 您可以激活该选项 促销 如果包裹正在销售。 如果您了解 WordPress 自定义字段，您还可以通过单击数据库图标添加动态定价 数据 在球场上 价格。

• 特征

您可以打开此块以添加要在包上提供的功能。 默认情况下，您具有三个功能。 您可以打开一个实体进行编辑。 要添加新功能，您只需单击按钮 添加元素。

另请参阅： 使用 Elementor Popup Builder 的 7 种创造性方法  

默认情况下，每个功能都有一个清单图标。 要更改图标，只需单击该图标。 要删除它，只需单击垃圾桶图标。

• 页脚

页脚是您可以添加链接和号召性用语按钮的部分。您还可以向此部分添加其他信息。

• 彩色带

您可以在桌子上添加诸如“SALE”、“SPECIAL”、“HOT OFFER”之类的销售标签。 如果你想添加一个销售标签，或者你想要的任何标签，你可以打开块 缎带 并激活选项 展示。 您可以在字段中添加您喜欢的标签 标题 并在选项上设置位置 位置。

网格定制

要自定义标签的组件，可以切换到选项卡 样式 在左侧面板中。 您还将在此选项卡上看到五个设置块。

• 标题 ：您可以打开此块以自定义表格的标题部分。 您可以设置标题背景、标题和描述的排版（字体系列、字体大小、字体样式）以及标题文本颜色和描述等内容。
• 定价： 您可以打开此块以自定义定价部分。 您可以设置背景颜色、排版、文本颜色、货币符号和位置等内容。
• 特征 ：您可以打开此块以自定义实体部分。 您可以设置背景、文本颜色、排版、对齐方式、开/关分隔符等内容。
• 页脚 ：您可以打开此块以自定义页脚部分。 您可以定义诸如背景、按钮大小、按钮颜色、按钮文本排版等元素。
• 丝带： 仅当您激活该选项时才会出现此块 彩色带 标签下 内容。 您可以打开此块以自定义功能区，例如颜色、文本颜色和排版。

完成第一个表后，您可以将其复制到其他列，然后根据要在每个表/计划上提供的功能替换内容。 要复制表格，请右键单击小部件的手柄并选择 复制， 然后右键单击要粘贴到的列并选择 膏.

最后

Elementor Pro 带有价格表小部件，可让您轻松地将价格网格添加到页面或模板。 一些附加组件 - 例如 快乐插件, 基本附件 和J和元素 - 也有具有不同样式选项的相同小部件。

立即获取 Elementor Pro ！！！

结论

这是 ！ 这就是本文的内容，该文章向您展示了如何在 Elementor 中添加价格网格。 如果您对如何到达那里有任何疑问 f让我们知道 评论.

但是，您也可以咨询 我们的资源，如果您需要更多的元素来执行创建Internet网站的项目，请参考我们关于 WordPress博客创建 或者那个 Divi：有史以来最好的WordPress主题.

但与此同时， 在您不同的社交网络上分享此文章.

...