一、功能簡介

“彈窗”功能廣泛應用于活動推廣、促銷優惠、郵件訂閱、訪客挽留、新訪客引導、老訪客再購、公告通知等場景，是拉新、留存、促活的最佳營銷利器。

開通彈窗功能后，可自由編輯彈窗樣式、設置觸發條件（如首次訪問、退出網站、滑動頁面、點擊頁面元素等），當滿足觸發條件時頁面自動彈出指定彈窗，向訪客展示營銷信息。

“彈窗”和“公告欄”不同，“彈窗”會在頁面中間以彈出窗口形式展示，訪客關閉彈窗后才能正常瀏覽、點擊網頁。

二、操作介紹

1、添加活動

“活動”定義：由彈窗、觸發場景組合而成，當訪客瀏覽網頁，符合觸發場景中的設定時，系統會自動展示指定的彈窗。針對不同的營銷活動，可以設計不同的彈窗樣式、設置不同的觸發場景。

如“新訪客優惠券發放”場景，在彈窗樣式中顯示優惠券碼，觸發場景設置為訪客首次訪問時展示，則當訪客首次訪問該網站頁面時，系統會自動向訪客展示包含優惠券的彈窗，吸引新訪客領取優惠券進行下單購買。

第一步、選擇模版

添加活動第一步就是選擇模版，可以選擇系統設置好的活動模版，或者是從“我的彈窗”中選擇自己事先設計好的“專屬”模版。

? 系統模版：系統提供了多套精美的模版，可以直接選擇，只需更改一些必要的文字、圖片后即可使用，方便快捷。

? 我的彈窗：除了選擇系統提供的模版，還支持選擇自己設計好的專屬、特色的模版，滿足一些特殊、小眾的場景需要。

第二步、設計場景

選擇完樣式模版后，還需設置活動的觸發機制。可以直接在“狀態場景”中選擇事先在“我的場景”中設置好的場景，選擇已有場景后，“觸發條件”、“生效范圍”中所有設置項就會替換成所選場景的設置；或者，也可以在該頁面一一設置活動的觸發機制。

A、觸發事件

該模塊主要設置訪客在頁面上進行何種操作時，會展示彈窗。

? 訪問網頁時立刻顯示：訪客訪問網頁時，立刻顯示彈窗。

? 在網頁停留x秒訪問時顯示：訪客訪問網頁后，在該頁面停留x秒后，才會顯示彈窗。

? 網頁向下滾動x％：訪客瀏覽網頁時，鼠標向下滾動頁面x％后，才會顯示彈窗。

? 網頁向上滾動時顯示：訪客瀏覽網頁時，鼠標向上滾動頁面時，才會顯示彈窗。

? 當訪客準備退出時顯示：訪客瀏覽完網頁后準備離開時（系統檢測鼠標光標離開瀏覽器的內容區時），才會顯示彈窗。

? 點擊頁面元素ID/Class xxx：訪客瀏覽網頁時，點擊頁面中ID/Class為xxx的元素時，才會顯示彈窗。

B、觸發頻率

該模塊主要設置訪客觸發彈窗的頻率，多久觸發一次、第幾次訪問時才觸發（通過這里的設置可以區分新訪客、老訪客）。

? 每次瀏覽頁面都顯示：訪客瀏覽網站中不同頁面時都會觸發，即訪客進入網站后，點擊鏈接跳轉到該網站的不同頁面時，都會顯示彈窗。

? 僅首次訪問網站時顯示：只有訪客第一次訪問該網站時（根據瀏覽器cookie判斷），才會在其訪問時的著陸頁上展示1次彈窗。（以此可以判定訪客是否為新訪客）

? 僅在第x次訪問網站時顯示：只有訪客第x次訪問該網站時（根據瀏覽器cookie判斷），才會在其訪問時的著陸頁上展示1次彈窗。（以此可以判定訪客是否為老訪客）

? 總是在第x次訪問網站之后顯示：只有訪客第x次訪問該網站之后（根據瀏覽器cookie判斷），才會在其每次訪問時的著陸頁上展示1次彈窗。

? 每x次訪問網站顯示：周期性展示，當訪客每x次訪問時，會在周期內首次訪問時的著陸頁上展示1次彈窗。

C、生效時間

設置該活動的開始時間、結束時間（可以設置“長期有效”，即該活動無結束時間，永久有效），只有在時間區間內活動才能生效。

注：此處設置的時間為北京時間，若是活動面向海外客戶，請注意換算成當地時間。

D、生效設備

設置該活動在哪些終端設備（PC端、Pad端、手機端）才能生效，支持多選，至少選擇一個。

E、生效頁面

設置該活動在網站的哪些頁面上才能生效。

? 全部頁面：在本網站所有頁面上都生效。

? 指定頁面：在本網站指定的頁面上才生效，可添加多個指定的頁面。

F、停止條件

單一訪客達到設置的條件后，將停止觸發本次活動。該設置項針對各訪客獨立生效，即某一訪客達到條件后，該訪客將不再觸發本次活動，但是并不妨礙其它訪客觸發。該設置項支持多選。

? 展示x次后：向該訪客展示x次活動后，這個活動將不再向該訪客展示。

? 提交表單后：若該活動的彈窗中有表單，當訪客提交一次表單后，將不再向該訪客展示。

? 點擊按鈕或鏈接后：若該活動的彈窗中有按鈕或鏈接，當訪客點擊一次后，將不再向訪客展示。

? 關閉彈窗后：若訪客關閉彈窗后，將不再向訪客展示該活動。

第三步、預覽

設置完觸發機制后可預覽該活動效果，別忘了給活動重新命名。

第四步、設計與發布活動

? 活動創建完成后，需要在活動概覽中，點擊“設計”按鈕進入該活動彈窗的樣式設計界面。如下圖所示：

? 在設計界面中，可切換彈窗的界面狀態（主界面、提交成功界面），“主界面”是默認展示給訪客看的樣式；“提交成功界面”是訪客在彈窗中成功提交表單后，自動切換的該界面。

? 支持PC端、Pad端、手機端樣式展示效果切換。

? 內容編輯：模版內的文字、圖片均支持二次編輯，如下圖所示：

? 添加控件：可以向彈窗中自由添加表單控件，包含單行文本、多行文本、郵箱、手機、單選框、多選框、倒計時等多種用途的控件。如下圖所示：

? 控件設置：選中某個“控件”后，右側操作區會顯示該控件可操作的設置項。如下圖所示，為“手機”控件的設置項：

? 表單設置：點擊“表單”頁簽后，可切換至對整個表單進行設置，包括表單尺寸、對齊方式、提交按鈕、重置按鈕、防攻擊等多項設置。如下圖所示：

? 彈窗設置：切換至“彈窗”頁簽，可對整個彈窗進行設置，包含彈窗背景、蒙層、關閉按鈕顯示與否的設置項。如下圖所示：

? 保存預覽發布：在編輯窗口右上方具備保存、預覽、發布按鈕，在進行樣式設計時不要忘記隨時進行保存。

? 活動發布：創建活動、或修改活動樣式、場景后，必須在此發布后才能生效。

第五步、頁面展示效果

2、活動概覽

“活動概覽”頁面顯示已創建的營銷活動，用戶可以在此管理、查看活動的樣式設計、觸發場景、活動數據、收集線索等。

A、基本信息

? 活動名稱：為活動分別命名，便于區分。支持重命名。

? 活動狀態：活動狀態分為未開始、進行中、已結束，進行中的活動才能被訪問。

? 活動時間：顯示當前活動生效時間。長期有效表示該活動無結束時間，一經開始，長期有效。

B、數據統計

? 訪問量：該活動累計展示的次數。

? 訪客量：該活動累計被多少訪客查看過。

? 轉化：該活動累計收到的表單提交數量。

? 轉化率：轉化和訪客量的比例。

C、活動操作

? 設計：進入該活動對應的彈窗的樣式設計界面，編輯彈窗的內容、樣式。

? 場景：修改該活動的觸發場景設置項。

? 線索：查看該活動收集到的線索，即通過該活動中的表單功能收集用戶提交的表單信息。

? 開始／結束：針對未開始／進行中的活動，可以立刻開始／結束該活動。

? 復制：復制該活動，生成一個新活動。

? 刪除：刪除該活動。

3、我的彈窗

“我的彈窗”頁面可管理自己創建的彈窗模版，你可以在此事先創建、設計好彈窗，然后在添加活動時，直接選擇該彈窗即可快速創建活動。

A、新建彈窗

點擊“我的彈窗”中的“添加彈窗”按鈕，輸入名稱、選擇系統提供的模版，點擊“確定”即可成功添加一個彈窗。

B、彈窗列表

彈窗列表中顯示已創建的所有彈窗，可以對彈窗進行設計、預覽、重命名、刪除（已關聯活動的彈窗不可被刪除）。

［“設計”相關功能介紹可查看“添加活動”－“第四步、設計與發布活動”］

4、我的場景

“我的場景”頁面可管理自己創建的場景，你可以在此事先創建、設置好營銷場景，然后在添加活動時，直接選擇該場景即可快速創建活動。

A、新建場景

點擊“我的場景”中的“新建場景”按鈕，輸入名稱、設置觸發機制，點擊“保存”即可成功創建一個場景。［具體功能介紹可查看“添加活動”－“第二步、設計場景”］

B、場景列表

場景列表中顯示已創建的所有場景，可以對場景進行編輯、刪除操作。