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

Wix 編輯器:新增及設定彈出式視窗

新增彈出式視窗,吸引訪客注意並展示重要公告和資訊。您可在彈出式視窗訊息中新增元件、決定觸發時機,甚至選擇訪客關閉視窗的方式。
GIF 顯示 Wix 已上線網站彈出燈箱。

步驟 1|新增彈出式視窗

新增彈出式視窗,開始為網站訪客建立互動式實用內容。您可選擇多種範本和類型,例如「歡迎」和「聯絡」。

新增彈出式視窗:

  1. 點擊編輯器左側的「新增元件」
  2. 點擊「互動」
  3. 「彈出式視窗」下選擇類別。
  4. 點擊所選的彈出式視窗,或將其拖曳至網站即可新增。
「新增元件」面板顯示彈出式視窗。

步驟 2|自訂彈出式視窗

接著,開始建立彈出式視窗並設計外觀。您可自訂現有元件,並新增文字、按鈕、表單、圖片等各種元件。新增的元件應小於彈出式視窗,才能完整顯示於視窗內。

在彈出式視窗中新增元件:

  1. 點擊編輯器左側的「頁面和選單」
  2. 點擊「彈出式視窗」
  3. 選擇相關的彈出式視窗即可查看。
  4. 點擊畫布上的彈出式視窗。
  5. 開始自訂彈出式視窗
    • 新增更多元件。
      提示:從「新增元件」面板拖曳元件時,看到「附加至彈出式視窗」訊息後再放開元件。
    • 點擊現有元件即可編輯。
    • 變更彈出式視窗背景及周圍的疊加層。
注意:
新增彈出式視窗後,系統會進入「彈出式視窗模式」,供您設定及編輯彈出式視窗。若要返回一般編輯器,請點擊頂端列的「退出模式」
編輯器中「彈出式視窗模式」的螢幕截圖。

步驟 3|調整彈出式視窗設定

設計彈出式視窗訊息後,請決定向訪客顯示的時間、位置和方式。您可將彈出式視窗設為在頁面載入後自動顯示,或連結至訪客需要點擊的元件。
您也可以排定彈出式視窗在特定時間顯示(例如特定節慶期間),並決定訪客關閉彈出式視窗的方式。

調整彈出式視窗設定:

  1. 點擊編輯器左側的 「頁面與選單」
  2. 點擊「彈出式視窗」
  3. 選擇相關彈出式視窗即可查看。
  4. 點擊畫布上的彈出式視窗。
  5. 點擊 「設定觸發條件」
  6. 調整彈出式視窗設定:
彈出式視窗設定面板的螢幕截圖。
後續操作
自訂彈出式視窗的設計和位置,讓網站公告更具個人特色。了解如何自訂彈出式視窗

常見問題

點擊下方問題,查看彈出式視窗常見問題的答案: