如何在 WordPress 中創建自定義的建設中頁面

已發表: 2021-11-16
How to Create a Custom Under Construction Page in WordPress

您想創建一個自定義的正在建設中的頁面嗎?

當您的網站處於開發階段時,損壞或不完整的頁面會顯得不專業,並且不會給您的網站帶來任何好處。 相反,您可以設置一個自定義的建設中頁面,讓用戶知道您的網站尚未準備好。

您可以使用正在建設中的頁面來倒計時您的發布,以激發興奮並為您的新網站獲得動力。 您還可以使用它來建立一個電子郵件列表,甚至在您啟動之前就開始發展您的在線業務。

在本文中,我們將向您展示如何在 WordPress 中創建自定義的正在建設中的頁面以吸引用戶。

為什麼要創建一個正在建設的頁面?

馬上,一個正在建設的頁面是隱藏您正在開發的網站的最佳方式,同時您在幕後工作。

activated coming soon page

網站訪問者將看到一個令人興奮和有吸引力的頁面,而不是損壞的代碼。 即使您的網站尚未準備好,這也是建立您的商業聲譽的專業方式。

但是一個正在建設的頁面可以做的不止這些。 您可以使用建設中的頁面來告知用戶您網站的發布日期、發布的剩餘時間、用戶對您的新網站的期望等等。

正在建設中的頁面還有助於擴大電子郵件列表,您可以使用該列表來通知用戶您的發布。 而且,您還可以使用電子郵件列表來宣傳您的業務並與您的訂閱者進行交流。

您甚至可以允許用戶預購產品並發送反饋。 這將幫助您衡量受眾的興趣和產品需求。

由於上述所有原因,重要的是創建一個正在建設的頁面,而不是向您的用戶顯示空白頁面或損壞的網站。

您需要什麼來創建自定義正在建設中的頁面?

手動設計正在構建的自定義頁面需要技術技能和編碼知識。

另一種方法是聘請專業的開發人員,即使在您的網站準備好之前,這也可能很昂貴並且需要額外費用。

想知道什麼是簡單的替代方案? 我們建議使用 SeedProd,這是最好和最流行的 WordPress 登錄頁面構建器插件。

SeedProd

SeedProd 帶有一個拖放頁面構建器,讓您無需編寫任何代碼即可自定義頁面。 它對初學者友好且易於使用。

它還提供了數百個現成的登錄頁面模板,您可以使用 SeedProd 構建器對其進行自定義,以快速啟動您正在構建的頁面。 流行的頁面模板包括:

  • 即將推出頁面
  • 維護模式頁面
  • 用戶登錄頁面
  • 自定義 404 錯誤頁面
  • 謝謝頁面
  • 網絡研討會和播客頁面

SeedProd 適用於大多數流行的 WordPress 主題和插件。 這意味著您可以輕鬆地將頁面構建器與您最喜歡的第三方資源集成。

現在您已經掌握了正確的工具,讓我們看一下使用 SeedProd 插件在 WordPress 中創建自定義正在建設頁面的分步過程。

步驟 1. 安裝並激活 SeedProd 插件

您需要做的第一件事是在SeedProd 網站。 SeedProd 有一個提供基本功能的免費版本。 如果您想在購買前試用插件,這是一個不錯的選擇。 我們今天將使用高級插件向您展示它附帶的所有很酷的功能。

創建帳戶後,請訪問您的 SeedProd 帳戶上的“下載”選項卡。 您將看到您的許可證密鑰以及插件文件。 要下載插件,請單擊“下載 Landing Page Pro ”按鈕。

Download SeedProd

下載插件後,您需要返回您的 WordPress 管理員帳戶並訪問插件»添加新頁面。

從那裡,使用上傳插件按鈕來獲取上傳插件文件的選項。

Install SeedProd Plugin

您需要從計算機中選擇 SeedProd 插件文件。 單擊立即安裝按鈕,然後單擊激活按鈕。

它會將您重定向到 SeedProd 設置頁面。 您需要輸入許可證密鑰才能啟用所有插件功能。

您可以在您的 SeedProd 帳戶中找到許可證密鑰。

Verify license key

單擊驗證密鑰按鈕,您將在屏幕右上角看到一條成功消息。

第 2 步。創建一個新的建設中登陸頁面

SeedProd 可以輕鬆設置正在建設中的頁面或維護模式頁面,而無需使用單獨的插件。

驗證您的許可證密鑰後,您應該在同一頁面上向下滾動並單擊“創建您的第一頁”按鈕。

Create first landing page

它將帶您到 SeedProd 登錄頁面。 該插件內置了四個默認頁面。

  • 即將推出模式
  • 維護模式
  • 登錄頁面
  • 404頁

即將上線模式適用於尚未上線的網站,而維護模式適用於已經上線但因維護工作而下架的網站。

對於正在建設的站點,您需要單擊“設置即將推出的頁面”按鈕。 它將帶您進入即將推出的頁面模板。

不同類型的網站有數十種模板。 您可以選擇即將推出的最佳頁面模板,它將帶您進入 SeedProd 頁面構建器。

步驟 3.自定義建設中的頁面模板

您會在左側找到自定義塊和部分,在屏幕右側找到頁面模板預覽。

SeedProd template

自定義塊將幫助您向即將推出的頁面添加內容、圖像、視頻、按鈕等。

SeedProd 還帶有高級塊以添加更多功能和選項:

  • 聯繫表
  • 選擇形式
  • 倒計時器
  • 進度條
  • 圖像框
  • 社交分享
  • 星級評論
  • 和更多…

您可以將自定義塊從左側快速拖放到右側。 它將在左側顯示塊選項。

Add countdown block

例如,在頁面上添加倒數計時器塊可以讓我們選擇倒數類型、設置計時器、對齊計時器、更改計時器模板等等。

Edit custom block

SeedProd 還允許您將自定義部分添加到正在建設的頁面。 這意味著您可以使用拖放功能添加自定義頁眉、頁腳、CTA 或常見問題解答部分。

SeedProd sections

通過單擊可以輕鬆自定義該部分​​。 例如,如果您添加一個常見問題解答部分,您可以使用內嵌文本編輯器輕鬆添加內容。

Edit section

添加塊和部分後,單擊“保存”按鈕以存儲您的進度。

步驟 4. 編輯建設中頁面的全局設置

SeedProd 允許您應用全局頁面設置,例如字體、調色板等。 這將使您的頁面元素看起來統一。

從屏幕左下角訪問全局設置。 將打開一個菜單,其中包含以下選項:

  1. 字體:更改標題、文本、鏈接和自定義塊的字體。 您還可以選擇專業的字體模板來快速更改頁面的字體樣式。
  2. 顏色:更改標題、文本、按鈕、鏈接和背景的顏色。 內置調色板可幫助您為頁面的每個部分選擇顏色組合。
  3. 背景:選擇背景樣式、顏色、圖像、位置等。 此設置將覆蓋默認模板設置以更改您的頁面背景。
  4. 自定義 CSS:為任何部分添加自定義樣式代碼。

完成對全局設置的編輯後,您的正在建設中的頁面就已設計好並可以發布了。 繼續並再次單擊“保存”按鈕以存儲您的進度。

在此頁面上線之前,我們將快速向您展示如何將其連接到您的電子郵件營銷服務。

第 5 步。連接電子郵件營銷服務

SeedProd 可讓您將流行的電子郵件營銷服務與您的登錄頁面連接起來。 這甚至可以幫助您在網站啟動之前建立電子郵件列表。

您需要從頂部導航訪問“連接”選項卡。

Connect email service

現在單擊要與 SeedProd 集成的電子郵件服務,然後單擊“連接新帳戶”按鈕。

connect-email-integration-seedprod

它會要求您登錄您的帳戶並驗證連接。 真的就是這麼簡單。

現在您的頁面將連接到您的電子郵件帳戶。 當用戶註冊電子郵件時,他們的聯繫信息將自動添加到您的聯繫人列表中。

除了電子郵件,SeedProd 還允許您在同一頁面上集成 Zapier、Google Analytics 和 Recaptcha。 使用這些工具,您可以進一步增強正在建設中的頁面的功能。

第 6 步。管理建設中的頁面設置

SeedProd 會自動添加推薦的頁面設置,但您可能希望將它們配置為您的偏好。

在頂部導航的頁面設置選項卡中,您會找到常規頁面設置,包括頁面標題、頁面 URL、頁面狀態等。

接下來,您還可以自定義 SEO 和分析設置。

對於 SEO,我們建議使用 All in One SEO WordPress 插件。 它是優化您的搜索引擎排名並幫助您在網站發布前對其進行排名的最佳插件。

在分析方面,MonsterInsights 是最好的 WordPress 谷歌分析插件。 它將完整的分析添加到您的 WordPress 儀表板並跟踪您的登錄頁面訪問者。

SeedProd 還允許您向特定用戶授予對正在建設中的網站的訪問權限。 因此,您可以允許開發人員、自由職業者或團隊成員繞過即將推出的模式並進入您的網站。

完成後,不要忘記保存您的設置。

第 7 步。在 WordPress 中發布和顯示建設中的頁面

現在您正在建設的頁面已準備就緒,您可以繼續在您的網站上發布它。

您需要單擊“保存”按鈕旁邊的向下箭頭,然後單擊“發布”選項。

將打開一個彈出窗口,您將在其中找到成功消息。 單擊“查看實時頁面”按鈕以查看正在建設中的頁面。

請記住,您可以隨時返回以進一步編輯和自定義頁面。 您可以添加或刪除元素、更改模板、添加社交圖標、倒數計時器等。

接下來,您需要退出頁面構建器並返回 WordPress 中的 SeedProd 儀表板。 您需要在此處啟用即將推出模式。

coming-soon-mode-activate

一旦您激活它,SeedProd 將隱藏您的網站並顯示您剛剛創建的正在建設中的頁面。

當您準備好啟動您的網站時,您可以繼續禁用即將推出的模式。 SeedProd 將刪除正在建設的頁面並顯示您的網站。

SeedProd 頁面構建器非常靈活,這意味著您可以將其用於各種目的。 您可以設置單頁網站、銷售產品、促進銷售和活動等等。

目前為止就這樣了。 我們希望本文能幫助您了解如何在 WordPress 中創建一個正在建設的頁面。

您可能還想查看我們的以下指南:

  • 如何在 WordPress 中創建潛在客戶捕獲頁面
  • 如何為您的 WordPress 網站創建令人驚嘆的啟動頁面
  • 如何在 WordPress 中建立銷售頁面(逐步)

這些指南將幫助您創建不同類型的登錄頁面來發展和營銷您的網站。

最好的部分是您可以使用 SeedProd 插件完成所有這些操作,因此您無需在其他昂貴的插件上花錢。