如何在WordPress中创建定价表3个简单步骤

在wordpress featured中创建定价表

当您在网站上销售产品或服务时,定价表非常重要。它们极大地影响了用户的决策。

要在WordPress中创建定价表,可以使用自定义代码或WordPress插件。有许多WordPress插件可用于在网站上创建定价表。

但其中很多都很难使用,甚至创建一个简单的表都需要很长的过程。在几分钟内创建一个定价表不是很好吗?

在本文中,我们将讨论如何在WordPress中创建定价表,只需3个简单步骤。

如何在WordPress中创建定价表

要创建定价表,我们将使用WP表格生成器插件,因为它有一个非常简单明了的创建表的过程。

我们将创建一个如下所示的定价表:

01定价表示例

让我们开始吧。

步骤1:安装并激活“WP Table Builder”插件

要在您的网站上安装并激活WP Table Builder插件,请转到插件>添加新在WordPress仪表板中。

搜索“WP Table Builder”,然后单击立即安装按钮

02搜索WP表格生成器

安装插件后,单击立即激活按钮和您的插件即可使用。

第2步。创建定价表

激活插件后,您将被重定向到插件的欢迎页面,从中可以开始。

单击创建第一个表按钮开始表格创建过程。

03创建第一个表

单击该按钮后,将进入WP Table Builder界面,您可以在其中创建表。

您将看到一个边栏面板,其中包含可以拖放到表上的元素。

要创建定价表,我们将使用WP table Builder插件提供的预构建模板。这里需要注意的是,预构建模板仅在插件的pro版本中可用。

04 Pro版本预构建模板

让我们选择定价表1作为定价表的模板。

选择模板后,可以选择要添加到表中的列数和行数。这非常整洁,使整个过程非常顺利和快速。

05选择列数

选择列数和行数后,单击生成按钮创建表。

06生成按钮

生成定价表后,只需添加信息并自定义其样式。

您可以从侧栏面板中选择和自定义不同的元素,并向表中添加新元素。

要创建所需的定价表,首先将所有必要的信息添加到该表中。我们将从移动价格以及立即购买列表项上方的按钮。

我们还将删除受喜爱的表格中的文本功能区。下面是桌子现在的样子:

07编辑模板

现在,是时候为每个计划添加更多信息了。

08添加每个计划的详细信息

正如您所看到的,表格开始看起来像我们期望的结果。让我们将功能列表添加到表中。

要添加此内容,请转到元素并插入文本图标元素添加到表中。

09向列表中添加功能

要更改图标,请选择元素,然后转到偶像选项卡。在这里,您可以从给定图标列表中更改图标。

10更改图标

添加功能列表后,我们的定价表几乎准备就绪。

11定价表几乎完成

是时候自定义表格了。让我们从添加元素之间的间距开始。我们将在价格和计划名称之间添加一些间距。

选择Price文本元素并向下滚动到侧栏面板中的间距设置。

12选择价格文本元素

衬料部分,在顶部添加20px的填充。类似地,为其他元素添加填充以获得适当的间距。

设置表格样式的下一步是自定义按钮。选择按钮元素并将按钮大小更改为大的

13选择按钮元素

此外,启用按钮全宽切换并将边界半径更改为0。在进行这些更改以及更改按钮颜色之后,我们的表看起来非常像我们想要的表。

14更改按钮边框半径

表格样式的最后一步是更改定价表中每一列的背景。

单击管理单元格按钮,然后单击第一列。您将能够在侧栏中看到该特定列的设置。

从这些设置中,更改单元格背景色.

15单元格背景色

更改每列的单元格背景色后,表格应如下所示:

16定价表最终结果

我们已经使用WP table Builder成功创建了一个漂亮的高转换定价表。

让我们进入下一步,即在网站上放置表格。

第3步。放置您的桌子

使用WP table Builder放置定价表非常简单。该插件提供了两种方法。

使用短代码

创建表后,单击嵌入按钮,您将看到一个弹出窗口,其中包含快捷代码。

17嵌入定价表

您可以在网站上的任何位置插入此短代码以嵌入表。

使用古腾堡块

另一种放置表格的方法是使用WP table Builder附带的Gutenberg块。

在帖子/页面编辑器中,单击插入块图标并搜索'WP表格生成器’.

18 WP表格生成器的插入块图标

插入此块并选择要插入的表。

19插入块

插入表格后,可以预览帖子和页面以查看表格的外观。

结论

就这样!这是在WordPress中创建定价表最简单、最快速的方法之一。WP Table Builder插件非常直观,使整个过程非常简单。

您可以使用此插件创建各种定价表。该插件附带的预构建模板使工作变得更加简单。

如果你正在寻找WordPress的最佳表格生成器插件,没有任何其他东西可以像WP Table Builder那样将简单性和美观的表结合在一起。


披露:这篇文章包含附属链接。这意味着,如果你购买,我们可以给你一小笔佣金。