設定行銷圖片彈窗：活動圖、可點的熱區、什麼時候跳出來

到網站後台的「網站設定」，切到上方分頁的「行銷圖片彈窗」。

在「活動圖片」這一區，「桌機／通用主圖片」是必填，桌機和手機都會先用這一張。如果你的主圖是寬版，在手機上會變得很小，可以在「手機專用圖片（選填）」另外上傳一張直式或窄版的圖；沒上傳就沿用主圖。

「圖片替代文字」寫一句圖片在講什麼，例如「週年慶全館九折」。這段文字會給螢幕閱讀器讀出來，也會在你之後選用角落小標籤、又沒自己寫標籤文字時拿來當標籤。

整張圖本身不能點，只有你框出來的區域可以點。一張圖最多可以框 12 個區域，旁邊會顯示目前用了幾個。

在「圖片連結區域」按「框選連結區域」，按鈕會變成「請在圖片上拖曳…」，這時在圖上按住拖出一個框。框好之後可以直接拖動它換位置，或拉右下角的小方塊調整大小。

右側的「連結清單」會列出每個區域。點其中一個，在「編輯連結區域」填「區域說明」（例如「查看新品」）和「前往連結」。站內頁面寫成像 /products 這樣的路徑，站外網址要寫完整，以 https:// 開頭。需要的話勾「在新分頁開啟」。

如果數字位置要對得很準，同一張卡片下方也可以直接輸入左、上、寬、高（以圖片的百分比計算）。

在「圖片連結區域」右上角從「桌機」切到「手機」。手機位置預設跟桌機一樣，如果你另外上傳了手機專用圖片，構圖不同，框通常會對不上。

在手機畫面上拖動或調整框的大小，這只會改手機的位置，桌機那邊不受影響。想放棄手機的調整，選取那個區域後按「手機位置改回沿用桌機」。

區域的說明和網址是兩種裝置共用的，只有位置分開。

在「出現方式」可以讓桌機和手機分開設定：「自動彈出視窗」是時間一到就蓋在畫面中央；「角落小標籤」只在畫面下緣角落放一顆小標籤，客人點了才展開活動圖。同一張直式海報在手機上會蓋滿整個螢幕，所以手機很適合用角落小標籤。

選了自動彈出視窗時，可以再勾「視窗關掉後，在角落留一顆小標籤」，客人關掉之後還找得回這檔活動。

在「顯示規則」選「彈窗尺寸」，再到「何時出現」選一種：「進站立即顯示」、「停留幾秒後」（再填延遲秒數，0 到 60 秒）、「捲動到指定進度」（再拉捲動進度，10% 到 100%），或「準備離開頁面時」。

「準備離開頁面時」在桌機是偵測滑鼠從頁面上緣移出去；手機沒有滑鼠，會改成停留 8 秒後顯示。另外如果頁面很短、根本捲不動，選捲動進度時會直接出現。

在「顯示規則」找到「同一位訪客多久再自動彈出一次」，選項有「每次開啟頁面」、「每次瀏覽工作階段一次」、「每 24 小時一次」、「每 7 天一次」、「只顯示一次」。預設是每次瀏覽工作階段一次，也就是客人這次逛網站只會被打斷一次，換頁不會再跳。

這個紀錄是記在客人自己的瀏覽器裡，不是記在你的後台。換一台電腦、換一個瀏覽器、或清掉瀏覽資料，對網站來說都是一位新客人。

每次你按儲存，網站會把它當成一檔新活動，之前「已經看過」的紀錄就不算數，所有人都會再看到一次。

如果桌機和手機都選了角落小標籤，這個選項不會出現。小標籤不會打斷客人，所以每一頁都會在，直到他按標籤上的 ×。

先按「預覽彈窗」，在後台看一次目前圖片、尺寸和連結區域的樣子。預覽裡點連結區域不會真的跳頁，這是為了讓你留在後台，不代表連結壞了。

確認沒問題後，勾選最上方的「在公開網站顯示行銷圖片彈窗」，再按「儲存設定」。啟用前一定要有主圖片和至少一個連結區域，缺了會在按鈕下方顯示原因，例如「啟用前請先上傳主圖片」。

看到「已儲存，公開網站已更新。」就完成了，不需要再回編輯器按發佈。

之後想暫停活動，取消勾選再儲存即可。圖片和連結區域都會保留，下次直接重新勾選就能再用。

開一個新的無痕視窗，打開你的公開網站首頁。無痕視窗沒有任何「已經看過」的紀錄，看到的就是第一次來的客人看到的。

依你的設定等秒數、往下捲，或把滑鼠移出頁面上緣，確認彈窗會出現。點每一個連結區域，確認都去到對的頁面；再試一次按關閉按鈕、按 Esc 鍵，或點彈窗外面的暗色區域，彈窗都應該收起來。

要再測一次，把無痕視窗整個關掉再開一個新的。同一個無痕視窗裡，頻率紀錄還在，可能就不會再跳。

手機也用手機瀏覽器的無痕模式測一次，特別是手機有另外框位置、或用了角落小標籤的時候。