如何在 WordPress 中创建服务部分

技术教程 2025年4月9日
1791 0

您想向您的 WordPress 网站添加服务部分吗?

许多专业人士、小公司和代理机构需要一种在其网站上展示其服务的方式.

在本文中，我们将向您展示如何在 WordPress 中轻松创建服务部分.我们还将通过联系表格分享如何从您的服务部分收集潜在客户.

Creating a services section in WordPress

为什么要在 WordPress 中创建服务部分?

通常，您可以在 WordPress 中为您提供的每项服务创建自定义页面.

之后，您可以在顶部的导航菜单或页面内容中添加指向这些页面的链接.

主页上的服务部分可让您快速向潜在客户和客户突出显示服务.它通常是主页或登录页面布局中的一个紧凑区域.

以下是典型服务部分的外观示例:

Completed services section, with blue icons and blue links

这有助于您通过号召性用语快速了解不同服务，用户可以在其中获取更多详细信息或填写表单.

话虽如此，让我们来看看如何在 WordPress 中轻松创建服务部分，然后将其添加到您网站上的任何页面.

使用页面构建器创建自定义主页

如果您正在寻找最可自定义的方式将服务部分添加到您的主页，那么您可能需要考虑使用自定义登录页面.

您可以使用众多拖放式 WordPress 页面构建器之一来创建带有服务部分的自定义页面，而无需编写任何代码.

对于自定义着陆页，我们推荐 SeedProd.它已被超过 100 万个网站使用，并附带大量预制版块模板和着陆页模板.

SeedProd Page Builder

如果您正在寻找 SeedProd 替代品，那么您可以看看 Beaver Builder、Divi 或 Elementor，因为它们都可以让您自定义主页，以便向主页添加完全自定义的服务部分.

如果您不想使用页面构建器，请不要担心.还有其他 WordPress 插件可以让您使用 Gutenberg 添加服务部分.

使用块编辑器在 WordPress 中创建服务部分

首先，您需要安装并激活免费的 Service Box Showcase 插件.有关更多详细信息，请参阅有关如何安装 WordPress 插件的分步指南.

激活后，转到服务箱»在您的 WordPress 管理员中添加新服务箱页面以创建服务箱.

Creating a new set of services boxes in WordPress

在这里，您需要为您的服务区域输入一个标题并选择一个设计选项.免费版有 2 种不同的设计可供选择.

完成此操作后，只需向下滚动页面即可.在这里，您将看到两个示例服务，带有标题、描述和图标.

Two service boxes with default text have already been created for you

继续为您的服务输入标题和描述.然后点击当前图标，然后选择您要使用的图标.

Choose an icon to use for each service that you want to list

添加指向页面的链接以获取有关该服务的更多信息也是最佳做法.这为您提供了空间，让人们知道如何预订和支付您的服务.

Add a link for each service box that goes to to a page with more information

您还可以使用"添加新服务箱"按钮添加更多服务箱.只需单击此按钮即可根据需要创建任意数量的框.

Add new boxes to your set of service boxes by clicking the button

创建服务框后，单击页面顶部的"发布"按钮保存更改.不用担心，这不会立即将服务部分添加到您的网站.

Click the publish button to publish your service boxes

您现在可以将此服务部分添加到您的主页或任何帖子或页面.您甚至可以添加侧边栏或页脚小部件区域.

将您的服务部分添加到 WordPress 页面

要将服务部分添加到页面中，您需要复制插件生成的短代码.您可以在服务箱下方找到.

Get the shortcode that lets you add your service boxes into a page, post, or widget area

复制短代码后，您可以将其添加到任何 WordPress 帖子或页面.只需编辑要显示服务部分的页面或创建一个新的页面.

在帖子编辑屏幕上，单击 (+) 按钮以添加新块.您需要查找短代码块，然后单击它以将其插入内容区域.

Adding a shortcode block using the WordPress block (Gutenberg) editor

接下来，您只需将短代码粘贴到块设置中即可.

Pasting the service boxes shortcode into the shortcode block

之后，您可以保存或发布您的页面并进行预览.以下是我们演示网站上的服务部分的显示方式:

A completed services page with a service section

设置您的服务部分的样式

该插件为您提供了一些基本选项，可以轻松更改服务部分的外观.

只需转到服务箱» WordPress 管理区域中的所有服务框页面，然后单击您之前创建的服务部分.

The page showing your service boxes

这将打开服务编辑屏幕，您将在右侧栏中找到样式选项.从这里，您可以更改字体、颜色、显示或隐藏图标、"阅读更多"链接等.

Changing the options for your service boxes

不要忘记点击页面顶部的"更新"按钮来保存您的更改.

为您的服务创建请求报价表

现在您已经添加了服务部分，下一步是转换这些用户.许多企业通过添加对报价表的请求来做到这一点.

它基本上就像任何联系表单一样，但有一些差异以满足您的业务需求.这允许客户向您发送消息，然后您可以向他们出售您的服务.

最简单的方法是使用 WPForms，这是最好的 WordPress 表单插件.它允许您使用简单的拖放工具轻松地将任何类型的表单添加到您的网站.

首先，您需要安装并激活 WPForms 插件.有关更多详细信息，请参阅有关如何安装 WordPress 插件的分步指南.

激活后，您需要访问WPForms »设置页面以输入您的许可证密钥.您可以在 WPForms 网站上的帐户下找到此信息.

Entering your license key for WPForms

接下来，您需要访问WPForms » Addons 页面，然后单击"Form Template Pack Addon"旁边的"安装"按钮.

Adding the form templates pack addon to WPForms

这个插件包含几个额外的模板，包括一个创建请求报价表的模板.

现在您已准备好创建表单.

只需转到WPForms »添加新以启动 WPForms 表单构建器.首先，您需要为表单输入名称，然后选择请求报价模板.

Selecting the 'Request a Quote' form template in WPForms

WPForms 现在将在"请求报价"表单中加载包含您通常需要的所有条目的表单编辑器.其中包括姓名、企业/组织、电子邮件、电话以及客户可以输入请求的框:

The default Request a Quote template in the WPForms form builder

您可以轻松地从左栏中添加新字段或通过单击现有字段来编辑它们.您还可以上下移动字段以重新排列它们.

Modifying the Request a Quote form

一旦您对表单感到满意，只需单击顶部的"保存"按钮即可保存您的更改.

您现在可以将此表单添加到任何 WordPress 帖子或页面.只需编辑要添加表单和 WPForms 块到内容区域的页面.

Add a WPForms block to your page in WordPress

从块设置中，您需要从下拉菜单中选择您之前创建的表单.WPForms 将在屏幕上加载表单的预览.

您现在可以继续保存或发布您的页面，以便在您的 WordPress 网站上实时查看您的表单.

The Request a Quote form live on the website

需要更多帮助来创建表单、设置通知以及将表单放在您的网站上?只需查看我们关于创建联系表单的分步教程.

提示:您还可以使用 WPForms 进行预订，甚至接受信用卡付款.

我们希望本文能帮助您了解如何在 WordPress 中创建服务部分.您可能还想查看我们关于面向小型企业的最佳实时聊天软件和最佳商务电话服务的文章.

WordPress(893)服务(3)页面(70)
♥赞7

相关文章

发表回复