開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
placeholder-preview-image

Wix Harmony 編輯器:新增及自訂彈出式視窗

彈出式視窗能有效吸引訪客目光,適合展示重要公告、推廣活動,或用來歡迎訪客造訪網站。您可以完整自訂彈出式視窗、決定顯示時機,以及選擇訪客與視窗互動的方式。

新增彈出式視窗

首先,在網站中新增彈出式視窗。您可選擇各種範本和類別,例如「歡迎」和「聯絡」彈出式視窗。

新增彈出式視窗:

  1. 前往編輯器。
  2. 點擊編輯器左上方的 + 新增。
  3. 選擇元件。
  4. 將游標移至更多選項圖示 ,接著向下捲動並點擊彈出式視窗 。
  5. 將喜歡的設計拖曳至頁面。
「新增」面板中彈出式視窗類別的畫面截圖。

自訂彈出式視窗

自訂彈出式視窗的內容、設計和行為,使其符合品牌風格。您可以自訂視窗外觀、在網站上的顯示位置,以及訪客關閉視窗的方式。

自訂彈出式視窗:

  1. 前往編輯器。
  2. 點擊頁面左上方的頁面下拉式選單。
  3. (在網站頁面面板中)選擇相關彈出式視窗。
  4. 點擊編輯器中的彈出式視窗元件。
  5. 選擇彈出式視窗的自訂方式:
顯示「設定」面板的螢幕截圖。

元件與彈出式視窗的連結

將網站上的元件連結至彈出式視窗,讓訪客不錯過任何公告。可連結文字、圖片、影片和按鈕等元件。

若要將元件連結至彈出式視窗:

  1. 前往編輯器。
  2. 點擊編輯器中的相關元件。
  3. 點擊操作列上的連結圖示 。
  4. 點擊選擇連結。
  5. 點擊更多選項圖示 ,再點擊彈出式視窗。
  6. 點擊彈出式視窗下拉式選單,然後選擇相關彈出式視窗。
  7. 點擊完成。
顯示「連結」面板中「彈出式視窗」選項的螢幕截圖。

管理彈出式視窗

請使用以下管理選項,妥善整理彈出式視窗並保持內容為最新狀態。

若要管理彈出式視窗:

  1. 前往編輯器。
  2. 點擊頁面左上方的頁面下拉式選單。
  3. (在「網站頁面」面板中)將游標停留在彈出式視窗上,然後點擊更多操作圖示 。
  4. 選擇要執行的操作:
顯示彈出式視窗管理選項的螢幕截圖。

常見問題

點擊下方問題,深入了解彈出式視窗: