起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門(mén)專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí)構(gòu)建獨(dú)立站彈窗的要點(diǎn)和8個(gè)有意思的案例
編輯導(dǎo)語(yǔ)：在合適的時(shí)機(jī)出現(xiàn)彈窗可以有效地吸引用戶的興趣，進(jìn)而提高用戶的留存率和轉(zhuǎn)化率，本篇文章作者分享了構(gòu)建獨(dú)立站彈窗的要點(diǎn)和8個(gè)有意思的案例，感興趣的一起來(lái)看一下，希望對(duì)你有幫助。
內(nèi)容提要：
- 構(gòu)建彈窗的要點(diǎn)：給誰(shuí)看、目的、選擇時(shí)機(jī)、內(nèi)容和設(shè)計(jì)需要注意的、測(cè)試、最終目的是什么。
- 案例：挽留彈窗、點(diǎn)擊訂閱彈窗、選擇彈窗、注冊(cè)彈窗、復(fù)古彈窗等。
一、如何做好一個(gè)彈窗
彈窗是出現(xiàn)在用戶屏幕上自動(dòng)彈出的窗口消息。
在合適的時(shí)機(jī)、以恰當(dāng)?shù)娘L(fēng)格呈現(xiàn)合適的內(nèi)容，才能讓用戶更容易接受，并按照提示操作。
那么，構(gòu)建彈窗的時(shí)候具體要注意哪些要點(diǎn)呢？
首先，要弄清彈窗是給誰(shuí)看的。結(jié)合自己的數(shù)據(jù)或者使用的精細(xì)化運(yùn)營(yíng)工具，將用戶進(jìn)行分類。分類方法例如：
- 來(lái)源：廣告、社交網(wǎng)絡(luò)、搜索引擎、直接訪問(wèn)、外部鏈接。
- 用戶對(duì)產(chǎn)品的認(rèn)知和認(rèn)可程度：新到訪、已購(gòu)用戶、回訪用戶。
- 根據(jù)用戶的站內(nèi)行為推測(cè)：性別、年齡段、對(duì)產(chǎn)品的關(guān)注點(diǎn)。
上述分類也可結(jié)合，獲得對(duì)一類用戶更精準(zhǔn)的認(rèn)知。例如：這些用戶都從FB來(lái)，在本站買(mǎi)過(guò)2件以上的男士正裝襯衫。
第二，彈窗的目的是什么？
有了用戶分類，我們就有了針對(duì)不同類型客戶的不同運(yùn)營(yíng)目的。
可以從用戶購(gòu)買(mǎi)旅程入手——認(rèn)知、興趣、考慮、行動(dòng)、忠誠(chéng)度。
- 認(rèn)知、興趣：要不要讓最核心、最受歡迎的產(chǎn)品跳出來(lái)？
- 興趣、考慮：要不要跳出一個(gè)折扣專屬代碼？
- 考慮、行動(dòng)：要不要留下聯(lián)系方式，給一個(gè)代金券？
- 行動(dòng)、忠誠(chéng)度：要不要獲得訂閱許可、通知新品和活動(dòng)？
第三，把握時(shí)機(jī)。
時(shí)機(jī)不光是時(shí)間，也是地點(diǎn)，或者說(shuō)是頁(yè)面?？梢园延脩舻馁?gòu)物旅程和界面畫(huà)成一個(gè)平面直角坐標(biāo)圖：
正如上面這個(gè)示意圖，我們可以大概推演出：
- 哪些頁(yè)面承載著哪些用戶旅程作用；
- 什么目的的彈窗放在哪個(gè)界面更合適；
- 彈窗是否是達(dá)成目的的最佳手段？
第四，就是草擬彈窗內(nèi)容啦。有趣的內(nèi)容使您的彈窗更具響應(yīng)性。這里有幾個(gè)小建議：
- 明確并按照上面第一、二、三點(diǎn)的方向創(chuàng)作；
- 用戶付出了信息，能得到什么；
- 包含一個(gè)引人注目的call to action；
- 突出產(chǎn)品核心價(jià)值；
- 來(lái)點(diǎn)兒小幽默。
第五，設(shè)計(jì)要注意的：
- 符合上述目的性：用字體、大小寫(xiě)、字號(hào)等方式突出諸如折扣、活動(dòng)等等關(guān)鍵信息；
- 基礎(chǔ)色、風(fēng)格等盡量和品牌調(diào)性統(tǒng)一；
- 根據(jù)需要靈活展示核心產(chǎn)品。
第六，測(cè)試。
可以做大量的A/B測(cè)試，用數(shù)據(jù)說(shuō)話，終止一切爭(zhēng)論！
- 各種鏈接設(shè)置是否準(zhǔn)確有效？
- 語(yǔ)言和設(shè)計(jì)有細(xì)微差別，到底哪種更好？
- 要不要來(lái)個(gè)大膽的創(chuàng)新（慎重考慮）？
第七，想想上述第二條的彈窗目的是不是最終目的？
后面還需要哪些動(dòng)作配合呢？如果從CVR和LTV視角看整個(gè)獨(dú)立站運(yùn)營(yíng)的話，運(yùn)營(yíng)是貫穿于用戶的整個(gè)購(gòu)物生命周期的。
我們當(dāng)然希望用戶買(mǎi)的越多越好，所以運(yùn)營(yíng)無(wú)止境啊。
- 收集到郵箱后，根據(jù)用戶分類考慮郵件撰寫(xiě)；
- 讓用戶點(diǎn)擊訂閱；
- 發(fā)出郵件，獲得回?fù)?忠誠(chéng)用戶再次來(lái)訪后，用什么界面接應(yīng)？
- 要不要做新的彈窗——讓我們回到第二點(diǎn)。
二、彈窗典型案例
方法說(shuō)的夠多啦，下面給您帶來(lái)8個(gè)有意思的彈窗，希望能給您一些靈感～讓我們一起來(lái)看看：
1. Co-Schedule 的挽留彈窗
以“注冊(cè)只需30秒”開(kāi)頭，寓意注冊(cè)過(guò)程實(shí)用簡(jiǎn)單。
這樣，嫌麻煩的一些用戶可能會(huì)回心轉(zhuǎn)意。Co-Schedule的主營(yíng)業(yè)務(wù)是營(yíng)銷日歷軟件，向用戶提供解決方案。
該消息以“終于可以將所有營(yíng)銷活動(dòng)放在一個(gè)地方了”結(jié)束。因?yàn)榱私馐鼙娛菭I(yíng)銷人員，所以Co-Schedule通過(guò)信息暗示：選擇本產(chǎn)品對(duì)于營(yíng)銷是非常有利的。
這樣，信息的針對(duì)性更強(qiáng)。在彈窗中顯示產(chǎn)品的預(yù)覽圖像對(duì)于推廣產(chǎn)品很有用。
在購(gòu)買(mǎi)和訂閱服務(wù)之前，用戶可以預(yù)先看到他們會(huì)得到什么。顯示“安排演示”的按鈕重定向到演示預(yù)約，并提供了試用產(chǎn)品的機(jī)會(huì)。
2. Frank Body 的點(diǎn)擊訂閱彈窗
Frank Body 是一個(gè)專注于痤瘡問(wèn)題的護(hù)膚品牌。
他們的彈窗充分展示了如何讓一切元素與品牌風(fēng)格一致：網(wǎng)站標(biāo)簽以“Hi babe”開(kāi)頭，語(yǔ)氣真誠(chéng)，有一點(diǎn)小曖昧。
彈窗標(biāo)題是“脫了褲子”。幽默地讓用戶注意到首次購(gòu)買(mǎi)時(shí)可以打9折。“給你的收件箱一點(diǎn)愛(ài)”是一個(gè)很聰明的文案。
語(yǔ)言風(fēng)格符合品牌調(diào)性，且達(dá)到了詢問(wèn)授權(quán)的目的：訂閱就可以了解新產(chǎn)品和產(chǎn)品使用提示。品牌方可以有效地與客戶進(jìn)行有效的溝通。此外，彈窗的風(fēng)格與網(wǎng)站的整體設(shè)計(jì)相似，看起來(lái)很溫馨。
3. 樂(lè)高的選擇彈窗
樂(lè)高的這個(gè)彈窗提供了有關(guān)網(wǎng)站不同部分的信息，這對(duì)用戶很有用。
它概括描述了人們可以在網(wǎng)站上看到的內(nèi)容。對(duì)于樂(lè)高，這樣的選擇也很有用。
“Continue”將用戶重定向到在線商城。
“Start Playing”將用戶重定向到樂(lè)高的主頁(yè)和游戲區(qū)——從最開(kāi)始就給訪問(wèn)用戶進(jìn)行一次很簡(jiǎn)單的分類。
這意味著樂(lè)高網(wǎng)站可以基于此提供更多有針對(duì)性的東西。彈出窗口的風(fēng)格簡(jiǎn)單明了，但適合品牌。
此彈出窗口中使用了樂(lè)高標(biāo)志和基礎(chǔ)色。此外，樂(lè)高角色顯示在游樂(lè)區(qū)部分，使其看起來(lái)更有趣。
4. MeUndies 的注冊(cè)彈窗
MeUndies 是一家內(nèi)衣公司。
他們?cè)谶@一界面中使用了簡(jiǎn)單明了的彈窗：“15% 折扣怎么樣？”獲得折扣的方式是用郵箱注冊(cè)。
同時(shí)，MeUndies 把下一步也想好了—— “我想要城里最好的電子郵件，拜托”。這是一個(gè)號(hào)召語(yǔ)，表明品牌電子郵件的質(zhì)量。
在用戶勾選后，品牌也獲得了給用戶發(fā)郵件的授權(quán)。
5. Old Navy 的注冊(cè)彈窗
Old Navy 的彈窗以 20% 的折扣為標(biāo)題，以“這是你掙來(lái)的”這樣的正向話語(yǔ)收尾。
彈窗的描述部分繼續(xù)使用正向的形容詞和短語(yǔ)。這些有力的話語(yǔ)在人們的心目中創(chuàng)造了一個(gè)積極的形象。
“NEW arrivals, BIG deals, EXCLUSIVE sales?！庇么髮?xiě)形容詞來(lái)增強(qiáng)沖擊力，提高用戶參與度。
6. Pitviper 的復(fù)古風(fēng)格彈窗
墨鏡公司 Pitviper 的復(fù)古風(fēng)格網(wǎng)站上顯示著一個(gè)老式窗口——它與網(wǎng)站主頁(yè)融為一體，甚至看起來(lái)都不像一個(gè)彈窗。
除了非常注意品牌辨識(shí)度以外，這個(gè)彈窗運(yùn)用幽默的語(yǔ)言。標(biāo)題是“我們真的不應(yīng)該這樣做”；
在文案部分，他們又說(shuō)：“通訊錄已經(jīng)很滿了，但是可以擠擠把你加進(jìn)去”。
文案暗示了訂閱的用戶很多——也許并沒(méi)這么多，但是跟這個(gè)品牌一樣有幽默感的人應(yīng)該不介意留個(gè)聯(lián)系方式吧？
7. Pool Factory 的郵件注冊(cè)彈窗
The Pool Factory 是一家銷售泳池相關(guān)產(chǎn)品的公司。
他們的彈出式設(shè)計(jì)有類似于水花飛濺的效果，能夠很好地引起注意。標(biāo)題簡(jiǎn)單地說(shuō)，“注冊(cè)并保存“，像水滴落到地面一樣干脆利落，沒(méi)有添加其他文字上的創(chuàng)意。
因?yàn)樵O(shè)計(jì)已經(jīng)別具一格，并且很有品牌識(shí)別度。
8. Revolve 的郵件注冊(cè)彈窗
設(shè)計(jì)師服裝品牌 Revolve 的電子郵件彈窗同樣以折扣優(yōu)惠開(kāi)頭。
文案用“嘿，靚仔！”的問(wèn)候語(yǔ)，代表對(duì)用戶的認(rèn)可和友好態(tài)度。
用戶可以選擇要接收男士、女士新品或者折扣信息，也可以選擇都接收。
這既讓用戶體會(huì)到了品牌的用心，又覺(jué)得自己被好好關(guān)注到了。
而品牌方的群發(fā)郵件也更精確——至少不會(huì)在性別上犯錯(cuò)了。
三、寫(xiě)在最后
我們經(jīng)常聽(tīng)到做獨(dú)立站的大家一聽(tīng)到彈窗就是一臉鄙視覺(jué)得沒(méi)用，但不得不說(shuō)有時(shí)候經(jīng)驗(yàn)真的會(huì)成為一種障礙——你擁抱新事物的障礙。
多嘗試，少發(fā)愁，就比如“人人抱怨”的彈窗，用得好是寶，亂彈就真能把用戶全嚇跑。
本文由 @李景巖 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash，基于CC0協(xié)議。
這些案例都太有意思啦，彈窗風(fēng)格各異，它的使用能夠很好地達(dá)到品牌的某些目的傳達(dá)某些意圖