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

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

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

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

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

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

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

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

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

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

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

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

專為行動裝置設計

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

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

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

留有空間查看內容

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

耐克手機彈出視窗

Screenshot via Nike

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

將視覺效果保持在最低

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

湯姆斯移動彈出視窗

Screenshot via 湯姆斯

使用簡單表單

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

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

薄荷移動彈出視窗

Screenshot via 薄荷

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

製作清晰的 CTA

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

快門移動彈出視窗

Screenshot via Shutterfly

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

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

About ShareThis

ShareThis has unlocked the power of global digital behavior by synthesizing social share, interest, and intent data since 2007. Powered by consumer behavior on over three million global domains, ShareThis observes real-time actions from real people on real digital destinations.

Subscribe to our Newsletter

Get the latest news, tips, and updates

Subscribe

Related Content