本文說明如何設定彈出式視窗
若要於頁面設定彈跳訊息視窗,可依照以下步驟操作:
1.請至後台”頁面範本”功能中點選”彈出式視窗”。
2.請點選”新增”,即會跳出設定功能視窗。
5.請於各式模板類型中 ,選擇適用的模板,再點選”插入”。
6.編輯此彈出視窗之相關功能設定:
●可自行新增物件或刪除原模板內使用的物件。
●針對每個物件功能個別進行設定。
若要更改彈出式視窗的大小、背景等設定,點選左下角齒輪鍵,進入”彈出式視窗設置”。
●設定:可更改視窗寬度、高度、位置等。
●樣式:可更改背景類型、色彩、邊線類型、方框陰影等;以及關閉按鈕的位置、顏色、背景顏色、尺寸等。
●進階:可調整相關邏輯設定、內外距等。
不同裝置:平板或手機設定。
●點選下方的”響應模式”
●可分別點選平板或手機,進入做個別設定。
7.設定完成後,請點選”發佈”鍵,畫面會轉至發佈設定功能。
8.若要設定載入特定頁面時,會顯示彈跳式視窗,請參考以下步驟:
(*若要設定點選頁面中的”指定物件”後,才顯示彈出式視窗,請直接跳至”步驟9″)
●Conditions條件:設定要於哪個頁面顯示此彈出式視窗。
●Triggers觸發器:可設定瀏覽網頁時,需觸發特定條件後才會顯示彈出式視窗。
●Advanced Rules進階規則:可設定最多顯示的次數,或其他顯示設定。
*備註:發佈後若要更改顯示設定,可在Elementor編輯中點選左下角”齒輪”設定鍵,將一般設定中的狀態變更為”草稿”狀態,再發佈一次。
9.若要設定點選頁面中的”指定物件”後,才顯示彈出式視窗,請參考以下步驟:
●請於前一步驟的發佈設定功能中”不需設定”,請直接點選”儲存及關閉”,
並回到要設定的”指定物件”頁面其圖形編輯器中。
●點選指定物件(例如:按鈕物件),
再選擇內容設定中的”連結>動態標籤”,接著點選”彈出式視窗”。
●再次點選彈出式視窗的欄位,並搜尋要顯示的”彈出式視窗名稱”,點選更新即完成設定。