您是否想為您的網站添加全屏歡迎頁面?
歡迎頁面是一種全屏的動態覆蓋層,可以幫助您獲取更多的電子郵件訂閱者、電子書下載、產品銷售等。
在這篇文章中,我們將分享如何為您的 WordPress 網站創建歡迎頁面,以及一些優秀的歡迎頁面範例供您學習。
為什麼歡迎頁面可以提高轉換率
超過 70% 的訪客在離開您的 WordPress 網站後不會再回來,除非您將他們轉化為電子郵件訂閱者或客戶。歡迎頁面是一種大型全屏中介頁面,會遮擋住網站的其餘內容,以獲取用戶的注意。
這可能聽起來像是個不好的主意,但這是一種讓您的訊息立即出現在訪客面前的絕佳方式。如果訪客對您的提供不感興趣,他們可以簡單地關閉歡迎頁面。
當然,如果您選擇顯示歡迎頁面而不是退出意圖彈出窗口,則需要提供一個好的理由讓人們註冊,例如折扣代碼或免費贈品。例如,您可能見過流行的電子商務網站使用全屏歡迎頁面與遊戲化元素提供特別折扣。
在其他情況下,您可能見過流行的博客使用全屏歡迎頁面來增長他們的電子郵件訂閱者。例如,您可以提供免費指南或 PDF 文件以換取用戶的電郵地址。
如何為您的網站創建歡迎頁面
在 WordPress 中創建歡迎頁面最簡單的方法是使用 OptinMonster。這是世界上最好的潛在客戶生成軟件,允許您輕鬆創建包括歡迎頁面在內的選項表單。您可以閱讀我們完整的 OptinMonster 評測以獲取更多詳細資訊。
首先,您需要訪問 OptinMonster 的網站並註冊一個帳戶。您至少需要 Basic 計劃來創建全屏覆蓋層。
接下來,您需要安裝並啟用 OptinMonster WordPress 插件。更多詳細資訊,請參閱我們的逐步指南,了解如何安裝 WordPress 插件。該插件將 OptinMonster 應用程序連接到您的網站。啟用插件後,您將在 WordPress 儀表板中看到設置嚮導。點擊「連接現有帳戶」按鈕。
接下來,將打開一個新視窗。只需點擊「連接到 WordPress」按鈕。
現在,您已準備好創建歡迎頁面。您可以前往 OptinMonster » 活動來創建一個新活動。點擊「創建您的第一個活動」按鈕以開始創建您的歡迎頁面。
將彈出一個新視窗,您可以在其中選擇預建模板或選擇來自成功品牌的現成活動和潛在客戶磁鐵。OptinMonster 還提供聘請專家自定義您的活動選項。在本教程中,我們將使用「模板」選項。
這將帶您進入 OptinMonster 活動生成器。接下來,選擇「全屏」作為您的活動類型。
您需要為您的活動選擇一個模板。我們將使用「入口」模板,但如果您願意,可以選擇其他模板。選定模板後,輸入活動名稱並點擊「開始構建」按鈕。接下來,您可以使用拖拽生成器定制活動。這裡您可以更改任何內容。可以向活動中添加不同的塊,如圖像、文本、按鈕等。您還需要修改文本以對應您的優惠。
只需點擊任意元素,您就會發現可以在左側面板中編輯它。例如,我們將更改我們演示活動的全屏歡迎頁面的標題。
下一步是讓您的歡迎頁面滑入。您可以通過點擊左下角的設置齒輪圖標來完成此操作。從這裡,您需要切換「顯示頁面滑動?」選項以啟用它。
這意味著您的歡迎頁面將從屏幕頂部向下滑動,而不是淡入顯示。接下來,您需要切換到歡迎頁面的「成功」視圖。這是您的用戶執行所需操作後會看到的內容。如果需要,您可以自定義成功視圖或使用默認模板。
當您對歡迎頁面滿意時,可以設置它在網站上的顯示方式。
在您的 WordPress 網站上顯示歡迎頁面
您可以切換到 OptinMonster 的「顯示規則」標籤來設置歡迎頁面的顯示。這裡有許多個性化和定位選項,如用戶的位置、他們的電子商務購物車中包含的項目、他們之前在您的網站上的行為、退出意圖等。
默認情況下,OptinMonster 活動在訪客進入網站 5 秒後顯示在網站所有頁面上。由於這是一個歡迎頁面,您可能希望它立即顯示。只需將此值更改為 0 秒。
默認情況下,歡迎頁面將顯示在網站的每個頁面上。您可以使用 OptinMonster 的個性化規則輕鬆包含或排除特定頁面。
當您完成後,可以點擊「完成?前往操作」按鈕。下一步您將看到更多顯示活動的選項。例如,您可以在活動顯示在用戶屏幕上時添加效果或播放聲音。在本教程中,我們將使用默認設置。
如果向下滾動,您將看到活動的 Cookie 設置選項。例如,您可以設置在用戶轉換後隔一定天數再次顯示活動。同樣,也有選項可以再次顯示給關閉彈出窗口或看到但未轉換的人。
在下一屏幕,您將看到顯示規則設置的摘要。您可以在發布活動前編輯設置。
當您準備好讓歡迎頁面上線時,只需轉到屏幕頂部的「發布」標籤。將發布狀態從「草稿」更改為「發布」。
別忘了點擊「保存」以保存更改並關閉活動生成器。接下來,您將看到活動的 WordPress 輸出設置。確保您的活動已發布。如果沒有,則只需點擊狀態下拉選單並選擇「已發布」選項。完成後別忘了點擊「保存更改」按鈕。
要查看您的活動,可以在新的私人瀏覽視窗中訪問您的網站。您應該會看到歡迎頁面順暢地從屏幕頂部滑入。
優秀的歡迎頁面範例
讓我們看看來自不同行業的一些歡迎頁面範例。每個範例,我們將介紹它們的優點,以及我們可能建議的任何小改動。
1. Singularity
來自 Singularity 的這個歡迎頁面提示用戶註冊並觀看 Singularity University 全球峰會的直播。這取得了巨大成功,在不到 9 天內捕獲了 2,000 多個新電郵訂閱。
我們特別喜歡該頁面中使用的標誌、清晰的字體和明亮的「提醒我!」按鈕。
2. Goins, Writer
來自 Goins, Writer 的這個歡迎頁面提供了一本免費指南。這是一個清晰、簡單的報價,簡約的設計與網站的其餘部分一致。
我們認為「是」和「不,謝謝」按鈕清晰易用,標題中的數字使報價具有吸引力。
3. AVweb
這個歡迎頁面有一張清晰的小飛機圖片,立刻引人注目。
我們喜歡這張精彩的圖片和清晰的「註冊我!」行動呼籲。唯一可能的微調是縮短標語,以避免其遮住圖片頂部。
4. Loaded Landscapes
來自 Loaded Landscapes 的這個歡迎頁面與其他範例有點不同。背景是部分透明的。
我們喜歡清晰的報價和紅色行動呼籲按鈕的熱情。然而,歡迎頁面下方的網站背景可能有些分散注意力,或許值得將其完全不透明。
5. OptimizeMyBnb
這個歡迎頁面被用在特定頁面上,該頁面作為銷售通過第三方零售商出售的書籍中的一個可點擊鏈接。這些零售商並不會將顧客的詳細信息傳遞過來。通過這種方式使用歡迎頁面有助於捕獲顧客的電子郵件地址。
我們認為非常清晰的標題、副標題和行動呼籲文本都運作良好,「不,謝謝」按鈕用得很好,給用戶一種害怕錯過的感覺(FOMO)。
還有更多的全屏歡迎頁面範例可以查看,但我們不會在本指南中全都列出。
如果您想要更多靈感,這裡有一些全屏歡迎頁面可以做的事情:
- 提供針對性的折扣或優惠券
- 展示新產品和服務
- 告知訪客網站的期待
- 通過突出他們的最佳內容來獲得新訂閱者
- 引導訪客到他們的社交媒體資料
- 作為預推出階段的一部分收集電子郵件訂閱者
如果您真的致力於提高網站轉換率,那麼歡迎頁面甚至退出全屏中介頁面是您可以添加到網站的一些最高轉換元素。
我們希望這篇文章能幫助您瞭解如何為網站創建歡迎頁面並找到令人振奮的範例。您可能還想查看我們的最佳電子郵件行銷服務比較,以及我們的必備 WordPress 插件列表。
如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道以獲取 WordPress 視頻教程。您還可以在 Twitter 和 Facebook 上找到我們。