在網站正式上線之前我們可能需要一個Coming Soon頁面。這個頁面可以在啟動主要網站之前就建立預期,進行炒作和傳播資訊。
在本教程中,我們將向您詳細說明如何為WordPress建立一個漂亮的即將釋出頁面。
為什麼建立Coming Soon頁面?
Coming Soon頁面不僅僅是您網站的佔位符。即使在網站啟動之前,它們也可以成為有效的潛在客戶轉化工具。
建立Coming Soon頁面的主要目的包括:
- 衡量使用者興趣–如果您不確定某個想法,那麼Coming Soon頁面可以幫助您評估使用者對該專案的興趣。
- 建立炒作–Coming Soon頁面還可以用於建立預期和炒作。提供產品資訊併為使用者提供分享的動力。
- 捕獲潛在客戶–開始建立您的電子郵件列表,並要求使用者關注社交賬號。這樣,即使在啟動網站之前,您也可以擁有一批忠實擁躉。
如何建立一個漂亮的Coming Soon頁面
首先,您需要安裝並啟用SeedProd外掛。
SeedProd是市場上最好的WordPress頁面構建器外掛之一。外掛支援您建立任何型別的登入頁面,包括“Coming Soon”頁面,以限制對您站點的訪問,並將啟動前頁面轉換為鉛塊。
注意:可使用免費版本的SeedProd,但是在本教程中,我們演示的為Pro版本,因為它具有更多功能。
啟用後,您需要訪問SeedProd » Settings頁面以輸入外掛許可證金鑰(您可以在SeedProd網站上的帳戶下找到此資訊)。
接下來,訪問SeedProd » Pages頁面,點選“Set up a Coming Soon Page”按鈕。
在下一個介面上,您需要選擇一個模板。SeedProd帶有幾個專業設計的Coming Soon頁面模板供您選擇。只需選擇適合您的一個模板進入下一步。
這將啟動SeedProd頁面構建器介面(傻瓜式)。您可以看到所選模板的實時預覽,並支援單擊選擇和編輯任何專案。
您也可以從左列向頁面新增新模組。比如新增一個倒數計時器,告訴使用者何時正式上線網站或者活動。
只需將“Countdown”模組拖放到頁面預覽中您希望顯示的位置即可。
之後,滑鼠懸浮模組上方並點選倒數計模組,您將在左列中看到其屬性。
根據需要編輯頁面。嘗試新增不同的功能模組,更改文字顏色,新增企業Logo等。
連線至電子郵件營銷服務
完成設計後,可以切換到“Connect”選項卡。您可以在此處將電子郵件登錄檔單連線到電子郵件營銷服務提供商(主要是國外的郵件營銷服務商)。
SeedProd支援大部分國外主流的電子郵件營銷平臺。本教程的緣故,我們將以Constant Contact為例。只需單擊以選擇它,然後單擊“Connect New Account”按鈕。
接下來,您需要為此連線提供API金鑰和名稱。點選“Connect to Constant Contact”按鈕繼續下一步。
將開啟一個彈出視窗,您需要在該彈出視窗中登入到Constant Contact帳戶。之後,點選“Allow”按鈕,使SeedProd可以訪問您的Contact Contact帳戶。
接下來,它將顯示您需要複製並貼上到SeedProd中的API金鑰,然後單擊“Connect”按鈕。
然後,SeedProd將獲取您的電子郵件列表。您需要選擇要使用的電子郵件列表,然後點選“Save Integration Details”按鈕。
釋出Coming Soon頁面
完成頁面設計和整合後,現在可以釋出Coming Soon頁面了。
首先,點選“Save”按鈕,然後選擇“Publish”以儲存Coming Soon頁面並使其公開可用。
SeedProd現在將釋出此頁面,您可以通過單擊關閉按鈕退出頁面構建器。
接下來,您需要開啟“Coming Soon”模式,以確保訪問您網站的使用者只能看到Coming Soon頁面。
只需轉到SeedProd » Pages頁面,然後將“Coming Soon Mode”下的切換開關切換為啟用狀態即可。
現在,SeedProd將為您的網站開啟Coming Soon模式。當然管理員仍然可以登入網站後臺工作,但其他未登入使用者將僅看到Coming Soon頁面。
Coming Soon頁面高階設定
SeedProd支援您控制Coming Soon頁面的顯示方式。您可以通過訪問SeedProd » Pages頁面並單擊“Coming Soon Mode”框下的“Edit Page”按鈕來訪問這些高階設定。
這將啟動頁面構建器介面,您需要在其中切換到“Page Settings”選項卡。在常規設定下,您可以為頁面設定標題,選擇isolation模式或以新模板更改頁面模板。
預設情況下,該外掛將開始向所有未登錄使用者顯示Coming Soon頁面。但是,SeedProd支援完全控制在Coming Soon模式時誰可以訪問您的網站。
在某些情況下這很方便。例如:
- 您只想允許客戶端在登入時檢視站點
- 您想使某些URL可公開訪問
- 允許具有特定IP地址的使用者檢視網站。
對於高階訪問規則,請單擊“Access Control”選單以選擇在Coming Soon模式時誰可以訪問您的網站。
您還可以切換到SEO選項卡,以設定Coming Soon頁面的SEO標題,描述,在社交媒體網站上分享連結時要使用的特色圖片等。您還可以設定該頁面對搜尋引擎不可見。
如果您安裝了主流的SEO外掛(如All in One SEO),那麼SeedProd也會與它們無縫地協同工作。
最後,您可以切換到“Scripts”選項卡,在其中可以新增您可能需要新增的任何第三方指令碼。例如,您可能要在此處新增Google Analytics程式碼,Facebook pixel或其他跟蹤程式碼。
切勿忘記點選頂部的“儲存”按鈕以儲存高階頁面設定。
關閉Coming Soon頁面
準備好釋出網站後,SeedProd可以非常輕鬆地關閉Coming Soon模式。
只需訪問SeedProd » Pages頁面,然後關閉“Coming Soon Mode”框下的“Active”開關即可。
建立WordPress維護模式頁面
一些網站所有者可能希望顯示維護模式頁面,而不是即將釋出的頁面。如果您的站點正在進行維護,並且您想讓使用者知道您很快就會回來,那麼維護模式頁面將很有幫助。
SeedProd的Coming Soon Pro外掛還使您可以在WordPress中建立漂亮的維護頁面。
只需轉到SeedProd » Pages頁面,然後單擊“Set up a Maintenance Mode Page”按鈕。
其餘過程與建立Coming Soon頁面相同。您將獲得完全的訪問控制,並且可以在完成後輕鬆關閉維護模式。
希望本教程能幫助您學習如何在WordPress中建立漂亮的Coming Soon頁面。
評論留言