彈跳視窗(Webpopup)操作教學 - 簡易編輯器
本篇文章說明「簡易編輯器」版本的彈跳視窗的操作方式，可針對網站上的訪客設定一組圖片類型的行銷訊息，並導轉到指定頁面。
模板製作
- 點擊左側【編輯器】>【彈跳視窗】頁面，點選 「新增」建立一個模板資料夾
- 模板類型選擇【簡易編輯器】，輸入資料夾、模板名稱，點擊【完成】
基礎設定
接著我們可以開始編輯，設定彈跳視窗的顯示樣式。
-
基礎設定
・位置：置中 / 右下 / 左下
・背景顏色：若上傳的.png圖檔為透明物件，可設定背景顏色
- 關閉按鈕
・Icon 大小：調整右上角的「Ⓧ」圖示大小
・Icon 背景顏色：調整右上角的「Ⓧ」圖示背景顏色
・Icon 顏色：調整右上角的「Ⓧ」圖示顏色
- 內容設定
・桌面版圖片*：在一般電腦瀏覽器顯示的圖檔，以實際解析度畫素 (px) 呈現畫面大小
・手機版圖片：在行動裝置上的瀏覽器顯示的圖檔，會偵測裝置螢幕寬度，最大寬度為畫面的50%
※*為必填欄位
※圖片建議寬度為1200px，檔案大小5mb以下，超過將自動壓縮圖檔
・目標網址*：點擊圖片後的導轉連結
觸發條件
設定彈跳視窗顯示的條件
- 觸發類型與時間
・開始/終止時間：此模板可被觸發的期間
・觸發類型：分為「等待時間 (秒數)」 或 「瀏覽頁面超過 (%)」
- 觸發限制
・彈跳視窗觸發類型：輸入想要彈跳的網頁網址，可選擇「全站」或「指定網址」
・每日觸發次數：限制每日觸發顯示次數，視窗被點擊、關閉或跳頁時計為 1 次
- 顯示機率
・此彈窗跳視窗模板的顯示機率，建議可以都設為100%，若有重複多個模板會採隨機顯示彈窗
- 用戶登入
・指定用戶是否有登入狀態，分為「不指定 / 無登入 / 需登入 / 曾登入過 / 未曾登入過」
・LINE 狀態：
-不指定：即所有用戶都會顯示
-有LINE：僅對有LINE ID的會員顯示，若使用此條件，用戶需為登入狀態
-無LINE：僅對無LINE ID的會員顯示，若使用此條件，用戶需為登入狀態
注意：觸發限制、時間、用戶狀態需要每個都符合才會顯示彈窗，有其中一項不符合彈窗不會作動
預覽
- 設定完成後，可至右上角點選 【預覽】功能
- 在「測試網站連結」輸入目標網站連結，按下【預覽】查看
- 確認預覽結果
完成並啟用模板
設置完畢點擊右上的【儲存並啟用】模板即可於設定的時間開啟。
注意：啟用時若超過模板「開始時間」則無法啟動。錯誤訊息「排程設定時間已過期，請選擇未來的時間」
常見問題
Q：如果同時有多個彈跳視窗，設定的條件(彈跳時間、機率…等都相同)，系統會以最早建立的彈窗優先顯示嗎?
A：是以隨機方式顯示，不會依照建立時間排序。