如何建立WordPress網站Coming Soon頁面

在網站正式上線之前我們可能需要一個Coming Soon頁面。這個頁面可以在啟動主要網站之前就建立預期,進行炒作和傳播資訊。

在本教程中,我們將向您詳細說明如何為WordPress建立一個漂亮的即將釋出頁面。

Coming Soon頁面教程

為什麼建立Coming Soon頁面?

Coming Soon頁面不僅僅是您網站的佔位符。即使在網站啟動之前,它們也可以成為有效的潛在客戶轉化工具。

建立Coming Soon頁面的主要目的包括:

  1. 衡量使用者興趣–如果您不確定某個想法,那麼Coming Soon頁面可以幫助您評估使用者對該專案的興趣。
  2. 建立炒作–Coming Soon頁面還可以用於建立預期和炒作。提供產品資訊併為使用者提供分享的動力。
  3. 捕獲潛在客戶–開始建立您的電子郵件列表,並要求使用者關注社交賬號。這樣,即使在啟動網站之前,您也可以擁有一批忠實擁躉。

Coming Soon頁面案例1

Coming Soon頁面案例2

Coming Soon頁面案例3

如何建立一個漂亮的Coming Soon頁面

首先,您需要安裝並啟用SeedProd外掛。

SeedProd是市場上最好的WordPress頁面構建器外掛之一。外掛支援您建立任何型別的登入頁面,包括“Coming Soon”頁面,以限制對您站點的訪問,並將啟動前頁面轉換為鉛塊。

注意:可使用免費版本的SeedProd,但是在本教程中,我們演示的為Pro版本,因為它具有更多功能。

啟用後,您需要訪問SeedProd » Settings頁面以輸入外掛許可證金鑰(您可以在SeedProd網站上的帳戶下找到此資訊)。

SeedProd外掛授權碼

接下來,訪問SeedProd » Pages頁面,點選“Set up a Coming Soon Page”按鈕。

SeedProd外掛Coming Soon模式

在下一個介面上,您需要選擇一個模板。SeedProd帶有幾個專業設計的Coming Soon頁面模板供您選擇。只需選擇適合您的一個模板進入下一步。

Coming Soon模板

這將啟動SeedProd頁面構建器介面(傻瓜式)。您可以看到所選模板的實時預覽,並支援單擊選擇和編輯任何專案。

Coming Soon模板編輯

您也可以從左列向頁面新增新模組。比如新增一個倒數計時器,告訴使用者何時正式上線網站或者活動。

只需將“Countdown”模組拖放到頁面預覽中您希望顯示的位置即可。

倒計時模組

之後,滑鼠懸浮模組上方並點選倒數計模組,您將在左列中看到其屬性。

頁面屬性設定

根據需要編輯頁面。嘗試新增不同的功能模組,更改文字顏色,新增企業Logo等。

連線至電子郵件營銷服務

完成設計後,可以切換到“Connect”選項卡。您可以在此處將電子郵件登錄檔單連線到電子郵件營銷服務提供商(主要是國外的郵件營銷服務商)。

郵件營銷服務商對接

SeedProd支援大部分國外主流的電子郵件營銷平臺。本教程的緣故,我們將以Constant Contact為例。只需單擊以選擇它,然後單擊“Connect New Account”按鈕。

Constant Contact對接

接下來,您需要為此連線提供API金鑰和名稱。點選“Connect to Constant Contact”按鈕繼續下一步。

Constant Contact對接API

將開啟一個彈出視窗,您需要在該彈出視窗中登入到Constant Contact帳戶。之後,點選“Allow”按鈕,使SeedProd可以訪問您的Contact Contact帳戶。

Constant Contact連線許可

接下來,它將顯示您需要複製並貼上到SeedProd中的API金鑰,然後單擊“Connect”按鈕。

然後,SeedProd將獲取您的電子郵件列表。您需要選擇要使用的電子郵件列表,然後點選“Save Integration Details”按鈕。

釋出Coming Soon頁面

完成頁面設計和整合後,現在可以釋出Coming Soon頁面了。

首先,點選“Save”按鈕,然後選擇“Publish”以儲存Coming Soon頁面並使其公開可用。

Coming Soon頁面釋出

SeedProd現在將釋出此頁面,您可以通過單擊關閉按鈕退出頁面構建器。

接下來,您需要開啟“Coming Soon”模式,以確保訪問您網站的使用者只能看到Coming Soon頁面。

只需轉到SeedProd » Pages頁面,然後將“Coming Soon Mode”下的切換開關切換為啟用狀態即可。

Coming Soon模式啟用

現在,SeedProd將為您的網站開啟Coming Soon模式。當然管理員仍然可以登入網站後臺工作,但其他未登入使用者將僅看到Coming Soon頁面。

Coming Soon頁面預覽

Coming Soon頁面高階設定

SeedProd支援您控制Coming Soon頁面的顯示方式。您可以通過訪問SeedProd » Pages頁面並單擊“Coming Soon Mode”框下的“Edit Page”按鈕來訪問這些高階設定。

Coming Soon頁面高階設定

這將啟動頁面構建器介面,您需要在其中切換到“Page Settings”選項卡。在常規設定下,您可以為頁面設定標題,選擇isolation模式或以新模板更改頁面模板。

Coming Soon頁面高階設定2

預設情況下,該外掛將開始向所有未登​​錄使用者顯示Coming Soon頁面。但是,SeedProd支援完全控制在Coming Soon模式時誰可以訪問您的網站。

在某些情況下這很方便。例如:

  • 您只想允許客戶端在登入時檢視站點
  • 您想使某些URL可公開訪問
  • 允許具有特定IP地址的使用者檢視網站。

對於高階訪問規則,請單擊“Access Control”選單以選擇在Coming Soon模式時誰可以訪問您的網站。

Coming Soon頁面訪問控制

您還可以切換到SEO選項卡,以設定Coming Soon頁面的SEO標題,描述,在社交媒體網站上分享連結時要使用的特色圖片等。您還可以設定該頁面對搜尋引擎不可見。

如果您安裝了主流的SEO外掛(All in One SEO,那麼SeedProd也會與它們無縫地協同工作。

Coming Soon頁面SEO設定

最後,您可以切換到“Scripts”選項卡,在其中可以新增您可能需要新增的任何第三方指令碼。例如,您可能要在此處新增Google Analytics程式碼,Facebook pixel或其他跟蹤程式碼。

Coming Soon頁面指令碼設定

切勿忘記點選頂部的“儲存”按鈕以儲存高階頁面設定。

關閉Coming Soon頁面

準備好釋出網站後,SeedProd可以非常輕鬆地關閉Coming Soon模式。

只需訪問SeedProd » Pages頁面,然後關閉“Coming Soon Mode”框下的“Active”開關即可。

Coming Soon頁面關閉

建立WordPress維護模式頁面

一些網站所有者可能希望顯示維護模式頁面,而不是即將釋出的頁面。如果您的站點正在進行維護,並且您想讓使用者知道您很快就會回來,那麼維護模式頁面將很有幫助。

SeedProd的Coming Soon Pro外掛還使您可以在WordPress中建立漂亮的維護頁面。

只需轉到SeedProd » Pages頁面,然後單擊“Set up a Maintenance Mode Page”按鈕。

WordPress維護模式頁面

其餘過程與建立Coming Soon頁面相同。您將獲得完全的訪問控制,並且可以在完成後輕鬆關閉維護模式。

希望本教程能幫助您學習如何在WordPress中建立漂亮的Coming Soon頁面。

評論留言