構建 WordPress 客戶端的專業指南

已發表: 2022-05-28

客戶端門戶是 WordPress 趨勢，採用專用頁面的形式，您的客戶可以在其中訪問關鍵文檔、支持和文件。這是一個允許企業主在線管理與客戶相關的資源的平台。

而且由於它易於訪問，客戶可以自己使用它，從而提高他們的體驗和滿意度。請記住，88% 的客戶在遭受糟糕的用戶體驗後不會再次使用服務。

客戶門戶橫跨所有行業。攝影師將受益於擁有 WordPress 客戶端門戶。您的客戶可以通過專用客戶端門戶上傳或下載他們的圖像。

經營平面設計機構的小企業主也是如此。一個允許客戶檢查他們的文件和信息的 WordPress 客戶門戶將被證明是有用的。即使是云通信領域的公司也可以使用它來回答有關使用 BYOC 系統的常見問題。

此博客是您將 WordPress 擴展到能夠保存視頻、繪圖和文檔的客戶門戶的指南。首先，我們將從快速瀏覽客戶端門戶的用例開始。

為什麼需要專用客戶端門戶

WordPress 客戶端門戶可用於法律、金融和基於服務的業務。但是，客戶端門戶的用途不僅限於這些行業。以下是考慮為您的網站構建一個的一些重要原因：

讓您可以在一個中心位置輕鬆管理與您的項目、服務、產品和聯盟營銷利基相關的所有重要細節。
專門的客戶門戶允許您的客戶通過同一平台查找和管理他們的項目詳細信息。
客戶門戶提供財務管理功能。客戶可以通過專門的客戶門戶發送發票或更新其付款詳情。
提供您的團隊和個人客戶之間設置的所有文件、通信或會議室的正式記錄。您可以通過客戶門戶上傳徽標、風格推薦、合同和簡介等文件。
根據它可以容納多少數據，WordPress 客戶端門戶可以滿足您的項目管理需求。

為什麼要在 WordPress 上構建您的客戶端

總有可能使用第三方插件或項目管理平台來實現上述功能。但是與項目管理系統相比，在 WordPress 上構建客戶端門戶提供了多種優勢。這些優勢包括：

WordPress 客戶端門戶看起來更合法，因為現場門戶與您網站上的其他頁面有相似之處。
WordPress 客戶端門戶具有額外的功能，允許客戶在沒有代理協助的情況下找到常見問題和問題的答案。
專用的 WordPress 客戶端門戶提高了品牌知名度和便利性。
WordPress 客戶端門戶具有財務管理選項，可降低客戶少付或向錯誤帳戶付款的可能性。
在 WordPress 上構建專門的客戶端門戶允許您直接從 WordPress 處理支持請求和查詢。因此，您不必擔心熟悉新工具。

有效的 WordPress 客戶端門戶允許您的客戶在沒有您輸入的情況下管理偏好、配置文件、設置和通信。他們不必撥打免費電話，也不必浪費寶貴的時間嘗試聯繫支持人員。最終，它使您的客戶的生活變得輕鬆十倍。

Bloomberg LEI 使用客戶門戶為註冊用戶提供服務。這個客戶門戶允許彭博的客戶管理他們的註冊、提交請求和問題。

構建有效 WordPress 客戶端的綜合指南

這是您需要做的：

首先安裝一個新的 WordPress 副本

在您的開發服務器上安裝一個新的 WordPress 副本。下一步是使用自定義帖子類型 UI 插件，因此您的自定義帖子獨立於 WordPress 主題而存在。我們還建議選擇“understrap”主題，提供樣板基礎，讓您快速開始工作。

刪除所有默認插件

有時，您的 WordPress 副本可能帶有默認插件。如果是這種情況，最好刪除它們。構建客戶端門戶所需的 WordPress 插件是“自定義帖子類型 UI”和“高級自定義字段”。

添加自定義帖子類型

自定義帖子類型 UI 插件允許您創建標記為“客戶”的超新帖子類型。通常有一列標記為“Post Type Slug”。 WordPress 開發人員犯的錯誤之一是忽略用下劃線替換空格。一定要避免它！

確保以單數形式書寫所有名詞。這種深思熟慮的舉動使您可以創建自定義模板。

添加自定義帖子類型接口

填寫複數和單數標籤。您可以將復數形式標記為“客戶”，將單數形式標記為“客戶”。這種格式正是它在 WordPress 管理員菜單中的顯示方式。在這些字段中使用大寫字母將有助於您的 WordPress 菜單看起來更整潔。

設計一個重寫 Slug

自定義重寫 slug 可以改善客戶體驗。帶有前綴的 post-type slug 意味著門戶中的新客戶將有一個類似於“/tu-customer/example-company”格式的鏈接。這是一種不整潔的格式，您可以使用自定義重寫 slug 進行修復。

例如，將重寫 slug 設計為讀取“客戶”將使您的自定義帖子類型形成“/customers/example-company”。

包括對自定義字段的支持

下一步是勾選“自定義字段”選項並保存更改。您需要啟用的最後一個選項是“支持 > 自定義字段”，通常顯示在頁面底部。在向頁面底部添加新帖子類型之前勾選此選項。

創建自定義字段

您現在可以創建自定義字段並將它們分配給最近創建的帖子類型並提供支持。首先添加一個標記為“客戶門戶”的字段組，然後在字段按鈕旁邊添加自定義字段。

將字段簡介設置為字段類型“文件”，以便您可以將文件上傳到此位置。您還可以將適當的值設置為“文件 URL”。

開發領域

下一個要添加的邏輯字段是“品牌調查問卷”。使用客戶可以填寫的 Google 表單時，添加調查問卷會更簡單。實現這一目標的最佳字段類型是“URL”。

您還可以對鏈接到外部服務的其他字段使用相同的方法。添加字段後，找到“位置”框並使用邏輯命令“顯示帖子類型”=“客戶”。然後，發布所有字段。

創建模板文件

最好的 WordPress 客戶端門戶需要個性化的客戶儀表板。只有遵循模板層次結構並專門為帖子類型創建模板文件才能實現這一點。為了說明，您可以為根目錄創建一個標記為“single-tu_customer.php”的新文件。

添加全寬單柱結構

打開您的 single-tu_customer.php 文件，然後添加 get_footer 和 get_header WordPress 函數。在這些功能的中間，您應該創建一個全角佈局結構，其中包含與您的默認 WordPress 主題兼容的自定義字體的內容。

創建內容

當您使用佔位符來規劃您的內容時，就會出現最好的 WordPress 客戶端門戶結果。您還可以在 <main> 元素中使用容器元素來保存信息。

上面提到的佔位符讓您了解客戶端門戶的理想佈局結構。您可以通過向各個元素添加樣式和設計功能來開始改進這個想法。

使用虛擬客戶測試門戶

上述所有步驟都描述了構建 WordPress 客戶端門戶的技術方面。這一步是您測試辛勤工作的結果的地方。

首先訪問您的管理員儀表板並通過左側欄中的“添加新客戶”按鈕添加新客戶。通常，系統應該獲得熟悉的帖子視圖。另外，向下滾動應該允許您查看自定義字段。您還可以使用虛擬數據來檢查每個功能是否無縫運行。

處理缺失數據錯誤

有時，您可能會忘記添加文檔。或者，在開發過程中讓文檔可訪問還為時過早。在這兩種情況下，當用於訪問特定文件的按鈕不起作用時，可能會讓人感到困惑。

因此，請在啟動客戶端門戶之前檢查所有值是否存在。最後的檢查讓您可以調整按鈕以向您的客戶顯示“缺失字段”變體。這樣一來，當分配的按鈕不起作用時，您的客戶就不會感到困惑。

完成界面

至此，您已經擁有了 WordPress 客戶端門戶界面的主要結構。您可以使用 CSS 對其進行適當的樣式設置，以確保它符合您企業的品牌需求。

例如，您可以使用 CSS 更改界面的原色，使其與您的品牌顏色保持一致。另一個有效的步驟是使用介紹文本來改進用戶方向並使客戶門戶更直觀——這是 Shopify 履行的一個加分項。

從您的站點地圖中刪除門戶

自定義帖子類型不應成為您的搜索引擎結果的一部分。因此，您需要從您的網站站點地圖中排除帖子類型。您可以使用元標記、SEO 插件或 robots.txt 來實現此目的。

使用 WordPress 客戶端改善客戶體驗

上述步驟將幫助您創建一個為您的客戶提供服務的有效客戶門戶。但是您還必須通知您的客戶有關新門戶的信息。

發送通知您的客戶該門戶存在的廣播通訊就可以了。確保您的時事通訊介紹門戶、其功能以及使用它的有效技巧。此步驟改善了與客戶的關係，同時快速跟踪轉向客戶門戶。祝你好運！

——

關於我們的客座作者： Patty Yan 是雲託管解決方案領導者 RingCentral Office 的 EMEA 產品營銷經理。 Patty 熱衷於創造價值和差異化，確保為客戶和合作夥伴提供更好的體驗。 她在快節奏、高速增長的環境中獲得了豐富的國際產品營銷、產品管理、GTM 和市場開發經驗，涉及一系列高科技 SaaS，同時承擔戰略和戰術執行。 她對 UC 並不陌生，從 Tandberg 開始，然後是 Cisco，推動視頻協作和服務的推出，以及 Enghouse 負責託管 CCaaS 的全球責任。 她還為 MGID 和 Storyblok 等網站撰稿。