Wix 說明

使用可自訂的版面配置和樣式,為客戶網站建立獨特表單。建立表單時,表單建立工具會直接在 Studio 編輯器中開啟。新增適用於各類問題的欄位,例如多重選擇、核取方塊和下拉式選單。也可使用新版面配置選項,為表單建立欄、標題和區段。
表單建立完成後,即可在 Studio 編輯器中將表單新增至網站的任何頁面,也可選用預先安裝的表單範本。
Editor X 中新版表單建立工具的畫面截圖,顯示全新的可自訂欄位。
重要:
自 2025 年 8 月 1 日起,Studio 編輯器的「新增元件」面板將不再提供舊版 Wix Forms 應用程式。

建立表單

直接在 Studio 編輯器中使用拖放式表單建立工具建立表單。在編輯器內建立表單,即可同時繼續製作表單和網站,不必離開頁面或中斷目前的工作進度。
注意:
Studio 編輯器提供的表單大多是新版 Wix Forms。不過,若偏好使用舊版 Wix Forms,可新增訂單或捐款表單預設格式。

建立表單:

  1. 點擊編輯器左側的 新增元件。
  2. 點擊「聯絡與表單」。
  3. 點擊「建立新表單」,然後將表單元件拖曳至頁面。也可選擇預先安裝的範本,包括聯絡、訂閱和訂單表單。
  4. 點擊編輯器中的表單,再點擊「編輯表單」即可開啟表單建立工具。
表單上方「編輯表單」設定面板的畫面截圖。
訂單表單注意事項:
訂單表單是使用舊版 Wix Forms 建立,因此自訂表單欄位的選項有所不同。若要建立訂單表單,請按照這些指示自訂表單欄位。
  1. 在表單建立工具中,點擊左上方的編輯圖示 即可為表單命名。此表單名稱僅供內部識別使用。
  2. 在「新增表單欄位」下方選擇表單欄位。欄位類型包括:
    • 聯絡人欄位:新增欄位,以便在 Wix Contacts 中收集並儲存個人資料。
    • 一般欄位:新增多重選擇、核取方塊、下拉式選單和回答方塊等元件。
    • 日期欄位:新增時間和日期欄位,以便安排預約或處理有時效性的洽詢。
    • 版面配置元件:新增標頭或文字元件,以整理表單或進一步說明欄位。
注意:
新版 Wix Forms 沒有 CAPTCHA 欄位,因為所有表單均已整合垃圾內容篩選條件。前往本文的常見問題區段,深入了解垃圾內容篩選條件。
  1. (選填)點擊欄位即可進一步自訂,包括:
多重選擇欄位的畫面截圖,其中已選擇「更多設定」選項。
  1. (選填)點擊左側的「規則」或「頁面」,在表單中新增條件式規則或多個頁面:
    • 規則:在表單中新增條件式規則。規則可根據回覆改善資訊收集方式。訪客對某個欄位的回覆,可決定另一個欄位是否顯示、隱藏、設為必填或選填。例如,新增以下規則:「如果訪客在問題 1 中選擇選項 A,則隱藏問題 2;但如果選擇選項 B,則顯示問題 2。」
    • 頁面:為表單建立多個頁面,方便整理問題和資訊。
      提示:如果表單有多個頁面,請務必在每個頁面新增「提交」欄位,讓訪客點擊「下一步」即可瀏覽各頁面。
  2. 點擊右上角的「儲存」。
重要:
請務必在表單底部新增提交欄位。若沒有提交按鈕,訪客將無法寄送表單。
A screenshot of adding a submit field in the new form builder.

自訂表單設計

建立表單並新增相關欄位和區段後,可自訂表單在頁面上的顯示方式,包括背景色彩、按鈕樣式和字型。

若要自訂表單設計:

  1. 點擊編輯器中的相關表單。
  2. 點擊「設定」。
  3. 點擊「設計」標籤。
  4. 使用可用選項自訂表單設計:
    • 表單背景:選擇表單的背景色彩,以及邊框色彩和寬度。
    • 表單欄位:選擇表單欄位的色彩和樣式,以及欄位在一般、游標懸停和錯誤狀態下的顯示方式。
    • 標頭和段落:選擇表單文字的字型和色彩。
    • 按鈕:設計表單按鈕,包括游標懸停時的顯示方式。
    • 提交按鈕:設計提交按鈕的樣式和色彩。
表單「設計」標籤的畫面截圖,其中已選擇按鈕色彩選項。
注意:
若要自訂使用舊版 Wix Forms 建立的表單(例如訂單表單),請點擊表單上方設定面板中的「設計」圖示,即可自訂表單。

A screenshot of the settings panel of the previous version of Wix Forms with the paintbrush icon selected.

將現有表單新增至網站

所有在 Studio 編輯器中建立的表單,都會連同該表單的提交資料儲存在網站管理介面中。若要將新表單新增至網站,可從所有現有表單和預先建立的表單範本中選擇。

將現有表單新增至網站:

  1. 點擊編輯器左側的 「新增元件」。
  2. 點擊「聯絡與表單」。
  3. 點擊「新增現有表單」。
  4. 點擊編輯器中的新表單元件。
  5. 點擊「設定」。
Editor X 編輯器中新表單元件的螢幕截圖。
  1. 點擊「表單」索引標籤。
  2. 從網站建立的所有表單中,選擇要顯示的表單。如表單數量較多,請使用搜尋列尋找所需表單。
  3. (選填)點擊「版面配置」和「設計」索引標籤,進一步自訂表單。
編輯器中的表單設定面板螢幕截圖,其中列出網站上的所有表單,並已選擇瑜伽靜修表單。
提示:
可隨時將表單換成另一個表單。點擊表單上方的「設定」,然後在「表單」索引標籤中選擇其他表單。新表單會自動取代原有表單,且不會影響頁面的版面配置或設計。

查看表單提交內容

可從網站管理介面存取網站上每個表單最詳細的提交資料。若要快速查看特定表單的資料,也可點擊表單建立工具中的「提交內容」索引標籤來查看回覆。

查看表單提交內容:

  1. 前往網站管理介面的「表單與提交內容」。
  2. 在「表單」索引標籤中,可查看所有已建立的表單,以及每個表單的提交次數。若要查看更多詳細資訊:
    1. 點擊表單旁的「更多操作」圖示 。
    2. 點擊「查看提交內容」。
提示:
所有表單提交內容都會顯示在資料表中。資訊會依新增的欄位分欄顯示,也可查看確切的提交時間。

您也可以從表單設定管理表單提交內容的存取權。

瑜伽靜修表單的表單提交資料表螢幕截圖。

常見問題

點擊下方問題,深入了解如何在 Studio 編輯器中新增表單。