編輯導(dǎo)語：在合適的時(shí)機(jī)出現(xiàn)彈窗可以有效地吸引用戶的興趣，進(jìn)而提高用戶的留存率和轉(zhuǎn)化率，本篇文章作者分享了構(gòu)建獨(dú)立站彈窗的要點(diǎn)和8個(gè)有意思的案例，感興趣的一起來看一下，希望對你有幫助。

內(nèi)容提要：

• 構(gòu)建彈窗的要點(diǎn)：給誰看、目的、選擇時(shí)機(jī)、內(nèi)容和設(shè)計(jì)需要注意的、測試、最終目的是什么。
• 案例：挽留彈窗、點(diǎn)擊訂閱彈窗、選擇彈窗、注冊彈窗、復(fù)古彈窗等。

一、如何做好一個(gè)彈窗

彈窗是出現(xiàn)在用戶屏幕上自動(dòng)彈出的窗口消息。

在合適的時(shí)機(jī)、以恰當(dāng)?shù)娘L(fēng)格呈現(xiàn)合適的內(nèi)容，才能讓用戶更容易接受，并按照提示操作。

那么，構(gòu)建彈窗的時(shí)候具體要注意哪些要點(diǎn)呢？

首先，要弄清彈窗是給誰看的。結(jié)合自己的數(shù)據(jù)或者使用的精細(xì)化運(yùn)營工具，將用戶進(jìn)行分類。分類方法例如：

• 來源：廣告、社交網(wǎng)絡(luò)、搜索引擎、直接訪問、外部鏈接。
• 用戶對產(chǎn)品的認(rèn)知和認(rèn)可程度：新到訪、已購用戶、回訪用戶。
• 根據(jù)用戶的站內(nèi)行為推測：性別、年齡段、對產(chǎn)品的關(guān)注點(diǎn)。

上述分類也可結(jié)合，獲得對一類用戶更精準(zhǔn)的認(rèn)知。例如：這些用戶都從FB來，在本站買過2件以上的男士正裝襯衫。

第二，彈窗的目的是什么？

有了用戶分類，我們就有了針對不同類型客戶的不同運(yùn)營目的。

可以從用戶購買旅程入手——認(rèn)知、興趣、考慮、行動(dòng)、忠誠度。

• 認(rèn)知、興趣：要不要讓最核心、最受歡迎的產(chǎn)品跳出來？
• 興趣、考慮：要不要跳出一個(gè)折扣專屬代碼？
• 考慮、行動(dòng)：要不要留下聯(lián)系方式，給一個(gè)代金券？
• 行動(dòng)、忠誠度：要不要獲得訂閱許可、通知新品和活動(dòng)？

第三，把握時(shí)機(jī)。

時(shí)機(jī)不光是時(shí)間，也是地點(diǎn)，或者說是頁面。可以把用戶的購物旅程和界面畫成一個(gè)平面直角坐標(biāo)圖：

正如上面這個(gè)示意圖，我們可以大概推演出：

• 哪些頁面承載著哪些用戶旅程作用；
• 什么目的的彈窗放在哪個(gè)界面更合適；
• 彈窗是否是達(dá)成目的的最佳手段？

第四，就是草擬彈窗內(nèi)容啦。有趣的內(nèi)容使您的彈窗更具響應(yīng)性。這里有幾個(gè)小建議：

• 明確并按照上面第一、二、三點(diǎn)的方向創(chuàng)作；
• 用戶付出了信息，能得到什么；
• 包含一個(gè)引人注目的call to action；
• 突出產(chǎn)品核心價(jià)值；
• 來點(diǎn)兒小幽默。

第五，設(shè)計(jì)要注意的：

• 符合上述目的性：用字體、大小寫、字號(hào)等方式突出諸如折扣、活動(dòng)等等關(guān)鍵信息；
• 基礎(chǔ)色、風(fēng)格等盡量和品牌調(diào)性統(tǒng)一；
• 根據(jù)需要靈活展示核心產(chǎn)品。

第六，測試。

可以做大量的A/B測試，用數(shù)據(jù)說話，終止一切爭論！

• 各種鏈接設(shè)置是否準(zhǔn)確有效？
• 語言和設(shè)計(jì)有細(xì)微差別，到底哪種更好？
• 要不要來個(gè)大膽的創(chuàng)新（慎重考慮）？

第七，想想上述第二條的彈窗目的是不是最終目的？

后面還需要哪些動(dòng)作配合呢？如果從CVR和LTV視角看整個(gè)獨(dú)立站運(yùn)營的話，運(yùn)營是貫穿于用戶的整個(gè)購物生命周期的。

我們當(dāng)然希望用戶買的越多越好，所以運(yùn)營無止境啊。

• 收集到郵箱后，根據(jù)用戶分類考慮郵件撰寫；
• 讓用戶點(diǎn)擊訂閱；
• 發(fā)出郵件，獲得回?fù)?忠誠用戶再次來訪后，用什么界面接應(yīng)？
• 要不要做新的彈窗——讓我們回到第二點(diǎn)。

二、彈窗典型案例

方法說的夠多啦，下面給您帶來8個(gè)有意思的彈窗，希望能給您一些靈感～讓我們一起來看看：

1. Co-Schedule 的挽留彈窗

以“注冊只需30秒”開頭，寓意注冊過程實(shí)用簡單。

這樣，嫌麻煩的一些用戶可能會(huì)回心轉(zhuǎn)意。Co-Schedule的主營業(yè)務(wù)是營銷日歷軟件，向用戶提供解決方案。

該消息以“終于可以將所有營銷活動(dòng)放在一個(gè)地方了”結(jié)束。因?yàn)榱私馐鼙娛菭I銷人員，所以Co-Schedule通過信息暗示：選擇本產(chǎn)品對于營銷是非常有利的。

這樣，信息的針對性更強(qiáng)。在彈窗中顯示產(chǎn)品的預(yù)覽圖像對于推廣產(chǎn)品很有用。

在購買和訂閱服務(wù)之前，用戶可以預(yù)先看到他們會(huì)得到什么。顯示“安排演示”的按鈕重定向到演示預(yù)約，并提供了試用產(chǎn)品的機(jī)會(huì)。

2. Frank Body 的點(diǎn)擊訂閱彈窗

Frank Body 是一個(gè)專注于痤瘡問題的護(hù)膚品牌。

他們的彈窗充分展示了如何讓一切元素與品牌風(fēng)格一致：網(wǎng)站標(biāo)簽以“Hi babe”開頭，語氣真誠，有一點(diǎn)小曖昧。

彈窗標(biāo)題是“脫了褲子”。幽默地讓用戶注意到首次購買時(shí)可以打9折?！敖o你的收件箱一點(diǎn)愛”是一個(gè)很聰明的文案。

語言風(fēng)格符合品牌調(diào)性，且達(dá)到了詢問授權(quán)的目的：訂閱就可以了解新產(chǎn)品和產(chǎn)品使用提示。品牌方可以有效地與客戶進(jìn)行有效的溝通。此外，彈窗的風(fēng)格與網(wǎng)站的整體設(shè)計(jì)相似，看起來很溫馨。

3. 樂高的選擇彈窗

樂高的這個(gè)彈窗提供了有關(guān)網(wǎng)站不同部分的信息，這對用戶很有用。

它概括描述了人們可以在網(wǎng)站上看到的內(nèi)容。對于樂高，這樣的選擇也很有用。

“Continue”將用戶重定向到在線商城。

“Start Playing”將用戶重定向到樂高的主頁和游戲區(qū)——從最開始就給訪問用戶進(jìn)行一次很簡單的分類。

這意味著樂高網(wǎng)站可以基于此提供更多有針對性的東西。彈出窗口的風(fēng)格簡單明了，但適合品牌。

此彈出窗口中使用了樂高標(biāo)志和基礎(chǔ)色。此外，樂高角色顯示在游樂區(qū)部分，使其看起來更有趣。

4. MeUndies 的注冊彈窗

MeUndies 是一家內(nèi)衣公司。

他們在這一界面中使用了簡單明了的彈窗：“15% 折扣怎么樣？”獲得折扣的方式是用郵箱注冊。

同時(shí)，MeUndies 把下一步也想好了—— “我想要城里最好的電子郵件，拜托”。這是一個(gè)號(hào)召語，表明品牌電子郵件的質(zhì)量。

在用戶勾選后，品牌也獲得了給用戶發(fā)郵件的授權(quán)。

5. Old Navy 的注冊彈窗

Old Navy 的彈窗以 20% 的折扣為標(biāo)題，以“這是你掙來的”這樣的正向話語收尾。

彈窗的描述部分繼續(xù)使用正向的形容詞和短語。這些有力的話語在人們的心目中創(chuàng)造了一個(gè)積極的形象。

“NEW arrivals, BIG deals, EXCLUSIVE sales?！庇么髮懶稳菰~來增強(qiáng)沖擊力，提高用戶參與度。

6. Pitviper 的復(fù)古風(fēng)格彈窗

墨鏡公司 Pitviper 的復(fù)古風(fēng)格網(wǎng)站上顯示著一個(gè)老式窗口——它與網(wǎng)站主頁融為一體，甚至看起來都不像一個(gè)彈窗。

除了非常注意品牌辨識(shí)度以外，這個(gè)彈窗運(yùn)用幽默的語言。標(biāo)題是“我們真的不應(yīng)該這樣做”；

在文案部分，他們又說：“通訊錄已經(jīng)很滿了，但是可以擠擠把你加進(jìn)去”。

文案暗示了訂閱的用戶很多——也許并沒這么多，但是跟這個(gè)品牌一樣有幽默感的人應(yīng)該不介意留個(gè)聯(lián)系方式吧？

7. Pool Factory 的郵件注冊彈窗

The Pool Factory 是一家銷售泳池相關(guān)產(chǎn)品的公司。

他們的彈出式設(shè)計(jì)有類似于水花飛濺的效果，能夠很好地引起注意。標(biāo)題簡單地說，“注冊并保存“，像水滴落到地面一樣干脆利落，沒有添加其他文字上的創(chuàng)意。

因?yàn)樵O(shè)計(jì)已經(jīng)別具一格，并且很有品牌識(shí)別度。

8. Revolve 的郵件注冊彈窗

設(shè)計(jì)師服裝品牌 Revolve 的電子郵件彈窗同樣以折扣優(yōu)惠開頭。

文案用“嘿，靚仔！”的問候語，代表對用戶的認(rèn)可和友好態(tài)度。

用戶可以選擇要接收男士、女士新品或者折扣信息，也可以選擇都接收。

這既讓用戶體會(huì)到了品牌的用心，又覺得自己被好好關(guān)注到了。

而品牌方的群發(fā)郵件也更精確——至少不會(huì)在性別上犯錯(cuò)了。

三、寫在最后

我們經(jīng)常聽到做獨(dú)立站的大家一聽到彈窗就是一臉鄙視覺得沒用，但不得不說有時(shí)候經(jīng)驗(yàn)真的會(huì)成為一種障礙——你擁抱新事物的障礙。

多嘗試，少發(fā)愁，就比如“人人抱怨”的彈窗，用得好是寶，亂彈就真能把用戶全嚇跑。

本文由 @李景巖 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。