Studio 編輯器：使用彈出式視窗

彈出式視窗會顯示在已上線網站上，並可依需求自訂。設計視窗並新增所需元件，再選擇向網站訪客顯示的時機。

也可將文字、按鈕或圖片等元件連結至彈出式視窗，讓訪客點擊元件即可開啟視窗。這是提高時效性資訊、銷售活動或推廣活動曝光度的絕佳方式。

在客戶網站新增彈出式視窗，即可開始為訪客和顧客設定公告。

自訂彈出式視窗，使其符合網站的整體風格。新增所需元件，接著變更背景色彩並設定不透明度。

新增元件

背景設計

彈出式視窗內捲動

彈出式視窗覆蓋層設定

5. 準備就緒後，點擊底部的「完成」即可退出編輯模式。

下一步

預覽網站，查看彈出式視窗的實際效果。

選擇彈出式視窗的顯現方式和時機。您可設定在特定網站頁面自動顯現，或將彈出式視窗連結至元件（例如文字、圖片）。您也可決定訪客查看後如何關閉彈出式視窗。

注意：

每位訪客只會看到彈出式視窗一次；若設定在多個頁面顯現，彈出式視窗會顯示在訪客進入的第一個相關頁面。

前往編輯器。
點擊編輯器左側的「頁面」。
在「彈出式視窗」下選擇相關彈出式視窗。
點擊畫布上的彈出式視窗。
點擊「設定觸發條件」。
在「在頁面上自動顯示彈出式視窗」下選擇相關選項：
- 是：訪客進入相關頁面時，彈出式視窗會自動顯現。
  1. 點擊「會顯示在哪些頁面？」下方，選擇相關頁面。
  2. 拖曳「延遲」滑桿，設定頁面載入後彈出式視窗需經過多少秒才會顯現。
- 否：訪客進入頁面時，彈出式視窗不會顯現，而是由選定的按鈕或連結觸發。
在「如何關閉彈出式視窗？」下啟用相關切換開關。
注意：若停用「X」圖示和「關閉」按鈕，訪客可點擊彈出式視窗外的區域來關閉視窗。
準備就緒後，點擊「完成」即可退出編輯模式。