如何設定彈出式視窗

本文說明如何設定彈出式視窗

若要於頁面設定彈跳訊息視窗,可依照以下步驟操作:

1.請至後台”頁面範本”功能中點選”彈出式視窗”。

2.請點選”新增”,即會跳出設定功能視窗。


3.請選擇版型類型為”彈出式視窗”,並且進行命名。


4.點選”建立版型”後,畫面即會轉跳至頁面編輯器中。

5.請於各式模板類型中 ,選擇適用的模板,再點選”插入”。


6.編輯此彈出視窗之相關功能設定:
●可自行新增物件或刪除原模板內使用的物件。
●針對每個物件功能個別進行設定。

若要更改彈出式視窗的大小、背景等設定,點選左下角齒輪鍵,進入”彈出式視窗設置”。

●設定:可更改視窗寬度、高度、位置等。

●樣式:可更改背景類型、色彩、邊線類型、方框陰影等;以及關閉按鈕的位置、顏色、背景顏色、尺寸等。

●進階:可調整相關邏輯設定、內外距等。

不同裝置:平板或手機設定。
●點選下方的”響應模式”

●可分別點選平板或手機,進入做個別設定。

7.設定完成後,請點選”發佈”鍵,畫面會轉至發佈設定功能。


8.若要設定載入特定頁面時,會顯示彈跳式視窗,請參考以下步驟:
(*若要設定點選頁面中的”指定物件”後,才顯示彈出式視窗,請直接跳至”步驟9″)

●Conditions條件:設定要於哪個頁面顯示此彈出式視窗。
●Triggers觸發器:可設定瀏覽網頁時,需觸發特定條件後才會顯示彈出式視窗。
●Advanced Rules進階規則:可設定最多顯示的次數,或其他顯示設定。


*備註:發佈後若要更改顯示設定,可在Elementor編輯中點選左下角”齒輪”設定鍵,將一般設定中的狀態變更為”草稿”狀態,再發佈一次。

9.若要設定點選頁面中的”指定物件”後,才顯示彈出式視窗,請參考以下步驟:

●請於前一步驟的發佈設定功能中”不需設定”,請直接點選”儲存及關閉”,
並回到要設定的”指定物件”頁面其圖形編輯器中。


●點選指定物件(例如:按鈕物件),
再選擇內容設定中的”連結>動態標籤”,接著點選”彈出式視窗”。


●再次點選彈出式視窗的欄位,並搜尋要顯示的”彈出式視窗名稱”,點選更新即完成設定。


●若要設定當點選”圖片物件”後,才顯示彈出式視窗,可參考以下圖片設定方式。

返回頂端