如何使用動態表單模組？

Webayt CMS 中的動態表單模組可讓您為網站建立聯絡表單、報價表單、支援表單、申請表單或自訂資訊收集表單。借助此模組，您可以根據自身需求準備表單結構，自訂表單字段，並透過管理面板追蹤訪客回饋。

與標準聯絡表單不同，動態表單模組可讓您根據需要定義表單欄位。這樣，您可以為每個頁面或服務建立適用於不同用途的表單。

動態表單模組的用途是什麼？

動態表單模組用於在您的網站上建立自訂表單。您可以透過控制台定義表單名稱、提交按鈕上顯示的文字、表單順序、表單所屬群組以及表單的活動狀態。

然後，您可以單獨建立此表單中的每個字段，以指定要從使用者收集哪些資訊。

例如，可以使用動態表單模組建立下列表單：

• 詢價
• 支援請求表單
• 申請表
• 資訊請求表
• 預註冊表格
• 服務專用聯絡表格

如何存取動態表單模組？

若要存取動態表單模組，您可以在管理面板中依照下列路徑操作：

模組 → 動態表單模組

在本部分，您可以查看現有表單、建立新表單、編輯表單欄位或變更您先前建立的表單。

動態表單清單螢幕

在動態表單模組的主清單畫面中，先前建立的表單會以表格顯示。

此表包含每個表單的常規資訊和操作按鈕：

• 表單名稱：這是顯示在面板中的表單的名稱。
• 按鈕文字：這是訪客提交表單時在按鈕上看到的文字。
• 分組：這是表單所屬的分組資訊。
• 順序：決定表單的排列順序。
• 狀態：指示表單是開啟還是關閉。
• 查看欄位：用於檢視和管理表單的欄位。
• 編輯：用於更新表格的常規資訊。
• 刪除：用於移除相關表單。

如何建立新的動態表單？

若要建立新表單，請前往「插入動態表單」標籤。在此畫面上，您可以定義表單的常規資訊。

1. 從左側面板選單中開啟“模組”選單。
2. 輸入動態表單模組欄位。
3. 按一下「插入動態表單」標籤。
4. 請填寫表單名稱、按鈕文字、順序、分組選擇和表單狀態等欄位。
5. 點選「新增」按鈕儲存表單。

動態表單插入字段

在「新增動態表單」畫面上，必須填寫以下欄位：

表單名稱

表單名稱僅對面板使用者可見，訪客無法看到。因此，建議使用描述性名稱，以便在面板上輕鬆識別表單。

表單名稱範例：

幫助中心支援表單
網站管理表單
詢價表

按鈕文字

按鈕文字是指訪客提交表單時在按鈕上看到的文字。

按鈕文字範例：

傳送
取得報價
提交支援請求
提交申請

命令

此參數用於決定表單的顯示順序。如果在同一欄位中使用多個表單，則此參數值會影響表單的顯示順序。

小組選擇

分組選擇決定表單將在哪個分組下使用。此欄位（尤其是在模組管理中用於篩選時）可確保正確的表單顯示在正確的分組中。

若要在相關頁面或首頁上顯示您建立的動態表單，必須透過模組管理將該表單新增至頁面。有關如何為頁面新增模組的詳細步驟，您可以查看「如何為頁面新增模組？」指南。

表單狀態

表單狀態決定表單在網站上是否處於活動狀態。

• 開啟：該表格可在網站上檢視和使用。
• 已關閉：該表單已失效，不會顯示在網站上。

建立表單後如何新增欄位？

建立動態表單後，您需要定義訪客將要填寫的欄位。這可以透過表單清單中的「檢視欄位」連結完成。

1. 在動態表單清單畫面中找到相關表單。
2. 點擊表單行中的「檢視欄位」按鈕。
3. 在開啟的畫面上，查看表單的可用欄位。
4. 若要新增字段，請轉到「插入動態表單字段」標籤。

動態表單欄位清單螢幕

在表單欄位畫面上，相關表單的所有欄位都列在一個表格中。在此畫面上，您可以查看每個欄位的標籤、欄位類型、順序和必填狀態。

字段列表通常包含以下資訊：

• 標籤：這是使用者在表單上看到的欄位名稱。
• 欄位類型：指示欄位類型，例如短文字、長文字或選擇欄位。
• 順序：這指的是表單上各個欄位的顯示順序。
• 必填項：指示此欄位是否為必填項。
• 編輯：用於更新字段資訊。
• 刪除：用於移除相關欄位。

如何新增的表單欄位？

「插入動態表單欄位」標籤用於新增新的表單欄位。

1. 前往相關表單的「檢視欄位」畫面。
2. 點選「新增動態表單欄位」標籤。
3. 填寫欄位類型、標籤、佔位符、寬度、順序和要求等資訊。
4. 如有必要，請定義資料類型或選項欄位。
5. 點擊「新增」按鈕，將該欄位新增到表單中。

動態表單欄位設定

新增表單欄位時，可以為每個欄位配置不同的設定。這些設定決定了使用者如何在表單中輸入資訊以及輸入哪些資訊。

區域類型

欄位類型決定了表單欄位的類型。所選欄位類型會影響使用者輸入資訊的格式。

可用欄位類型範例：

• 簡短文字：用於單行訊息，例如姓名、電子郵件、電話號碼和簡短標題。
• 長文本：用於較長的文本，例如訊息、描述或請求詳情。
• 下拉清單：允許使用者從預先定義的選項中進行選擇。
• 單選：允許使用者從選項清單中選擇一個選項。
• 多重選擇：允許使用者選擇多個選項。

資料類型

資料類型用於指定要輸入的資訊的格式，尤其是在基於文字的欄位中。

資料類型選項範例：

• 文字：用於輸入一般文字。
• 數字：可用於僅需輸入數值的欄位。
• 電子郵件：用於檢索電子郵件地址的欄位。
• 電話：用於需要取得電話號碼的欄位。

例如，如果您要建立電子郵件字段，可以選擇「短文本」作為字段類型， “電子郵件”作為資料類型。

票

標籤是訪客在表單上看到的欄位標題。建議此欄位的描述應簡潔明了，清楚告訴使用者需要輸入什麼內容。

範例標籤：

姓名
電子郵件
電話
請求標題
請求詳情

佔位符

佔位符是當輸入框或文字方塊為空時顯示的輔助文字。

範例佔位符文字：

請輸入您的姓名（包括姓氏和姓名）。
請輸入您的電子郵件地址。
請詳細寫明您的請求。

面積寬度

欄位寬度決定表單欄位在頁面上的顯示寬度。

可用的寬度選項如下：

• 全螢幕顯示：欄位將顯示在整個行寬上。
• 一半：該區域佔了該行空間的一半。
• 三分之一：該區域佔據了該行空間的三分之一。

例如，如果姓名、姓氏和電子郵件欄位並排顯示，則半寬更合適。但是，對於請求詳情等長文本字段，全寬通常更合適。

命令

順序決定了表單中各個欄位的顯示順序。順序編號較小的欄位在表單中顯示的位置較高。

必填字段

必填欄位決定使用者是否必須填寫該欄位。

• 開放：此欄位為必填項。
• 室內：空間大小不限。

為了使表單更易於使用，建議只要求填寫真正必要的欄位。

選項

選項欄位用於需要選擇的欄位類型，例如下拉清單、單選或多選。

使用者可以使用逗號或按 Enter 鍵逐一新增要顯示的選項。

範例選項：

網頁設計
SEO
內容管理
技術支援

如何編輯或刪除表單欄位？

新增的每個表單欄位之後都可以在欄位清單畫面中編輯或刪除。

若要更新字段，您可以點擊對應行中的「編輯」按鈕。在此畫面上，您可以更新欄位類型、標籤、佔位符、資料類型、欄位寬度、順序和需求狀態等資訊。

可以使用「刪除」按鈕移除未使用或不再需要的區域。建議在刪除前確認該區域將不再使用。

動態表單訊息顯示在哪裡？

使用動態表單模組建立的表單傳送的回覆將顯示在管理面板的「訊息」→「動態表單訊息」部分。

在本部分，您可以查看訪客填寫的表單回覆。如需檢視和管理動態表單回覆的說明，請參閱「如何查看動態表單訊息？」指南。

動態表單模組和通訊模組的區別

在內容管理系統（CMS）中，聯繫模組和動態表單模組都可以用來收集訪客資訊。但是，它們的用途不同。

• 聯絡模組：提供一個標準的聯絡表單，包含姓名、電子郵件、主題和留言欄位。
• 動態表單模組：允許您建立自訂表單，並可依需求自訂欄位。

如果標準聯繫表單足以滿足需求，則可以使用聯繫模組。如果需要更具體的欄位、選項或不同的表單結構，則應優先選擇動態表單模組。

建立動態表單時應考慮哪些因素？

建立動態表單時，重要的是要準備一個簡單易用且適合表單用途的結構。

• 請在面板中清楚地寫明表單名稱，以便於識別。
• 設計按鈕文字時，要以引導使用者的方式進行。
• 避免在表單中建立不必要的欄位數量。
• 只將真正必要的欄位設為必填項。
• 根據使用者體驗規劃頁面順序。
• 選擇欄位應使用清晰易懂的選項。
• 請確保表單狀態為「開啟」。

概括

動態表單模組是一個靈活的模組，用於在 Webayt CMS 中建立自訂表單。建立表單的基本資訊後，還可以定義表單字段，並詳細確定要從使用者收集的資訊。若要將已建立的表單顯示在相關頁面上，您可以依照「如何為頁面新增模組？」指南中的模組新增步驟進行操作。

表單提交後的回覆會顯示在管理面板的「訊息」→「動態表單訊息」部分。這樣，您可以直接從面板輕鬆追蹤支援請求、報價請求、申請或自訂表單提交。