如何在WordPress中創建服務部分(2種簡單方法)


您是否要在WordPress網站上添加服務部分?

許多專業人士,小型公司和代理商都需要一種方法來在其網站上展示其服務。

在本文中,我們將向您展示如何輕鬆地在WordPress中創建服務部分。 我們還將通過聯繫表格分享如何從您的服務部分收集銷售線索。

在WordPress中創建服務部分

為什麼要在WordPress中創建服務部分?

通常,您可以在WordPress中為您提供的每種服務創建自定義頁面。

之後,您可以在頂部或頁面內容的導航菜單中添加到這些頁面的鏈接。

主頁上的服務部分可讓您快速向潛在客戶和客戶突出顯示服務。 它通常是主頁或登錄頁面佈局中的緊湊區域。

這是一個典型的服務部分外觀的示例:

已完成的服務部分,帶有藍色圖標和藍色鏈接

這可以通過號召性用語幫助您提供不同服務的快速概述,用戶可以在其中獲得更多詳細信息或填寫表格。

話雖如此,讓我們看一下如何輕鬆地在WordPress中創建服務部分,然後將其添加到您網站上的任何頁面。

使用頁面構建器創建自定義主頁

如果您正在尋找最可定制的方式來將服務部分添加到首頁,那麼您可能需要考慮使用自定義登錄頁面。

您可以使用許多拖放式WordPress頁面構建器之一來創建帶有服務部分的自定義頁面,而無需編寫任何代碼。

對於自定義登錄頁面,我們建議使用SeedProd。 有超過一百萬個網站在使用它,並附帶大量的預製板塊模板和登陸頁面模板。

SeedProd頁面構建器

如果您正在尋找SeedProd替代產品,那麼可以看看Beaver Builder,Divi或Elementor,因為它們都可以讓您自定義主頁,從而在您的主頁上添加完全自定義的服務部分。

如果您不想使用頁面構建器,那麼不用擔心。 還有其他WordPress插件,可以讓您使用Gutenberg添加服務部分。

使用塊編輯器在WordPress中創建服務部分

首先,您需要安裝並激活免費的Service Box Showcase插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,轉到 服務箱»添加新服務箱 WordPress管理員中的頁面以創建服務框。

在WordPress中創建一組新的服務框

在這裡,您需要輸入服務區域的標題並選擇設計選項。 免費版本有2種不同的設計可供選擇。

完成此操作後,只需向下滾動頁面一點。 在這裡,您將看到兩個示例服務,分別帶有標題,描述和圖標。

已經為您創建了兩個帶有默認文本的服務框

繼續輸入服務的標題和描述。 之後,單擊當前圖標,然後選擇要使用的圖標。

選擇一個圖標以用於要列出的每個服務

最好的做法是在頁面上添加鏈接以獲取有關該服務的更多信息。 這為您提供了讓人們知道如何預訂和付款服務的空間。

為每個服務框添加一個鏈接,該鏈接將轉到具有更多信息的頁面

您也可以使用“添加新服務框”按鈕添加更多服務框。 只需單擊此按鈕,即可根據需要創建任意數量的框。

通過單擊按鈕將新盒子添加到您的服務盒子集中

創建服務框後,單擊頁面頂部的“發布”按鈕以保存更改。 不用擔心,這不會立即將服務部分添加到您的站點。

單擊發布按鈕以發布您的服務框

現在,您可以將此服務部分添加到主頁或任何帖子或頁面。 您甚至可以將其添加到側邊欄或頁腳小部件區域。

將服務部分添加到WordPress頁面

要將服務部分添加到頁面中,您需要復制插件生成的簡碼。 您可以在服務框下找到。

獲取使您可以將服務框添加到頁面,帖子或窗口小部件區域的簡碼

複製簡碼後,您可以將其添加到任何WordPress帖子或頁面中。 只需編輯您要顯示服務部分的頁面或創建一個新頁面即可。

在帖子編輯屏幕上,單擊(+)按鈕添加一個新塊。 您需要查找短代碼塊,然後單擊它以將其插入內容區域。

使用WordPress區塊(Gutenberg)編輯器添加簡碼區塊

接下來,您只需要將您的短代碼粘貼到塊設置中。

將服務框簡碼粘貼到簡碼塊中

之後,您可以保存或發布頁面並進行預覽。 服務部分在我們的演示網站上的外觀如下:

帶有服務部分的完整服務頁面

樣式您的服務部分

該插件為您提供了一些基本選項,可輕鬆更改服務部分的外觀。

只需轉到 服務箱»所有服務箱 WordPress管理區域中的“頁面”,然後單擊您之前創建的“服務”部分。

顯示服務框的頁面

這將打開服務編輯屏幕,您將在右列中找到樣式選項。 在這裡,您可以更改字體,顏色,顯示或隱藏圖標,“閱讀更多”鏈接等。

更改服務箱的選項

不要忘記單擊頁面頂部的“更新”按鈕以保存您的更改。

為您的服務創建請求報價單

現在您已經添加了服務部分,下一步是轉換這些用戶。 許多企業通過添加報價請求來做到這一點。

基本上就像任何联系表格一樣,但有一些差異可以滿足您的業務需求。 這使客戶可以向您發送消息,然後您可以向他們出售您的服務。

最簡單的方法是使用WPForms,這是最好的WordPress表單插件。 它使您可以使用簡單的拖放工具輕鬆地將任何類型的表單添加到您的網站。

首先,您需要安裝並激活WPForms插件。 有關更多詳細信息,請參閱有關如何安裝WordPress插件的分步指南。

激活後,您需要訪問 WPForms»設置 頁面以輸入您的許可證密鑰。 您可以在WPForms網站上的帳戶下找到此信息。

輸入WPForms的許可證密鑰

接下來,您需要訪問 WPForms»附加組件 頁,然後單擊“表單模板包插件”旁邊的“安裝”按鈕。

將表單模板包插件添加到WPForms

該插件包含幾個其他模板,其中包括一個用於創建報價單的模板。

現在您可以創建表單了。

只需轉到 WPForms»添加新 啟動WPForms表單生成器。 首先,您需要為表單輸入名稱,然後選擇“請求報價”模板。

在WPForms中選擇“請求報價”表單模板

WPForms現在將使用“報價請求”表單中通常需要的所有條目加載表單編輯器。 其中包括姓名,業務/組織,電子郵件,電話,以及客戶可以在其中輸入請求的框:

WPForms表單構建器中的默認“請求報價單”模板

您可以輕鬆地從左欄中添加新字段,也可以通過簡單地單擊它們來編輯現有字段。 您也可以上下移動字段以重新排列它們。

修改詢價單

對錶格滿意後,只需單擊頂部的“保存”按鈕以保存您的更改。

您現在可以將此表單添加到任何WordPress帖子或頁面。 只需編輯要在其中將表單和WPForms塊添加到內容區域的頁面。

在您的WordPress頁面中添加WPForms塊

在塊設置中,您需要從下拉菜單中選擇之前創建的表單。 WPForms將在屏幕上加載表單的預覽。

現在,您可以繼續保存或發布頁面,以在WordPress網站上實時查看表單。

網站上的“索取報價”表格

需要更多幫助來創建表格,設置通知並將表格放到網站上嗎? 只需查看有關創建聯繫表單的分步教程即可。

小費: 您也可以使用WPForms進行預訂,甚至接受信用卡付款。

我們希望本文能幫助您學習如何在WordPress中創建服務部分。 您可能還想查看有關針對小型企業的最佳實時聊天軟件和最佳商務電話服務的文章。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。