如何創建移動彈出視窗:最佳實務、提示和範例

想像一下:當你喝杯咖啡時,你正在用手機流覽你最喜歡的新聞網站。當您向下滾動頁面時,突然出現移動彈出視窗,該彈出視窗佔用了螢幕,希望您訂閱時事通訊。似乎沒有辦法點擊它回來閱讀你的文章。

這是移動互聯網使用者的常見投訴,無論他們是使用應用程序還是流覽 Web。移動 彈出視窗可以是行銷人員的優秀轉換器 和公司,但他們也可以刺在移動使用者的一面。學習創建引人注目且 沒有 問題的移動彈出視窗是更好的轉換的關鍵。 

預計會有 超過2.95億移動互聯網使用者 僅在2023年,美國。移動顯然是它的位置。但我們還需要記住,典型的移動互聯網使用者想要做他們正在做的事情,而沒有廣告和彈出窗口的干擾。一個有用的,轉換的移動彈出視窗和一個混亂的用戶體驗之間有一條細線。

如何創建移動彈出視窗:提示和最佳實踐

許多營銷人員認為 編碼他們的移動彈出視窗以回應 -自動檢測使用者的設備,以找到最好的彈出窗口適合和格式-將防止他們被侵入。雖然這可以提供説明,但沒那麼簡單。

移動彈出視窗與桌面彈出視窗大不相同,因為您的工作空間要小得多。此外,桌面螢幕比高大的螢幕更寬,而移動螢幕比寬的螢幕高。一個工作原理可能看起來或工作甚至接近相同的另一個。

以下最佳實務和提示可以為您提供 創建可轉換的移動彈出視窗,而不是把人拒之門外:

將彈出視窗與谷歌策略對齊

幾年前,谷歌 添加了一些有關移動彈出視窗的指南 在其政策範圍內。基本上,如果谷歌發現你的彈出窗口干擾了移動用戶的體驗,它可以而且將會貶低你的網頁。具體來說,它指出:

在移動搜尋結果轉換過程中,使用者不容易訪問內容的頁面可能排名不高。

因此,如果您有一個突出的移動彈出視窗,一旦使用者訪問您的登陸頁面從谷歌出現,谷歌可以給你的網站在其搜索結果的價值較低。Google 欣賞不會阻止使用者查看網站內容或訪問後立即彈出的彈出視窗。

專為行動裝置設計

回應式彈出視窗只會讓您走到這一步。當然,它們會相應地幫助確定彈出視窗的螢幕大小和大小,但這並不意味著您的彈出視窗將按照您的預期進行外觀和行為。 專門為行動裝置設計 是最好的方法

這意味著正確調整它們的大小並優化其檔大小,以幫助它們更快地載入。對於行動裝置,JPEG或 WebP 是最好的文件類型。它們的檔大小比 PNG 小得多,在網頁上看起來仍然很棒。盡量保持你的彈出窗口不超過320圖元500像素,以避免它佔據整個螢幕。 

如果您使用的是WordPress,您可以通過主題定製器預覽您的移動網站,以確保您的彈出窗口看起來完美無缺。

留有空間查看內容

您的網站訪問者應該仍然能夠看到您的一些內容,儘管有一個彈出視窗出現在他們的螢幕上。這使得它不像他們流覽那樣具有侵入性。查看Nike在螢幕底部的簡單小彈出視窗,隨便提醒訪客下載Nike應用程序購物:

耐克手機彈出視窗

螢幕截圖通過 耐克

它不會妨礙流覽,但作為一個簡單的提醒,應用程式是在那裡為購物者的利益。

將視覺效果保持在最低

雖然桌面彈出視窗通常具有圖像來吸引人們的注意力,但您使用的行動裝置上的空間要小得多。因此,通常最好廢止圖像並改用單詞。湯姆斯通過其極簡的電子郵件通訊註冊做得很好:

湯姆斯移動彈出視窗

螢幕截圖通過 湯姆斯

使用簡單表單

您可能想要的不僅僅是訪客的電子郵寄地址,但這可能是您現在 需要 從他們發送的全部。畢竟,您可以使用該電子郵件地址繼續向他們推銷,並獲取您可能需要培養線索的其他資訊。 

移動使用者不想填寫 20 個問題的調查,所以 保持您的表格簡單.詢問姓名、電子郵件位址以及開始建立這種關係所需的任何資訊。但是,您保持移動彈出窗口表單越簡單,就越容易獲得該資訊。

薄荷移動彈出視窗

螢幕截圖通過 薄荷

薄荷移動不要求任何超過電子郵件位址,並可選地,從行動使用者的電話號碼。公司獲得與潛在客戶建立溫暖線索所需的服務,而無需讓他們回答一堆問題。

製作清晰的 CTA

明智地使用移動彈出視窗上最小的空間 清晰、誘人的行動號召 (CTA)。您的 CTA 解釋了您希望人們做什麼,無論是觀看解說視頻、分享文章、註冊時事通訊還是購買某些內容。

快門移動彈出視窗

螢幕截圖通過 快門飛

Shutterfly 移動網站上的這個小彈出視窗說了很多, 而直接到點。用戶確切地知道他們應該做什麼:註冊快門飛,並得到免費的東西。

ShareThis 已與戰俘合作,使他們的彈出式構建器可用 發佈者 直接從 ShareThis 平臺,所以你可以很容易地創建強大的彈出視窗,以吸引您的觀眾。嘗試 戰俘彈出式構建器 製作移動值得彈出視窗,將看起來很棒,在您的網站上,讓你的訪客高興!

關於 ShareThis

ShareThis 自 2007 年以來,通過綜合社會共用、興趣和意圖數據,解鎖了全球數位行為的力量。受全球超過300萬個功能變數名稱的消費者行為推動, ShareThis 觀察真實人員在真實數位目的地上的即時操作。

訂閱我們的時事通訊

獲取最新消息、提示和更新

訂閱

相關內容