編輯自訂表單產生器頁面

表單產生器可讓您在 SITE123 網站上的任何自訂表單中新增、複製或刪除欄位。在本演練中，我們將回顧一個常見的工作流程：登入、在編輯器中開啟相關頁面、複製文字區域欄位、刪除重複項，最後新增電子郵件欄位並儲存變更。

重現步驟：

1. 登入您的 SITE123 帳戶
   • 開啟管理員登入頁面（例如， https://app.site123-staging.com/manager/login ）。
   • 輸入您的 SITE123 使用者的電子郵件地址和密碼，然後按一下「登入」 。

2. 開啟網站編輯器
   • 成功登入後，您將自動轉送至您選擇的專案的網站精靈。

3. 前往包含表單的頁面
   • 在頂部欄中點選「頁面」 。
   • 在清單中，找到並選擇模組 ID 與您要變更的表單相符的頁面（在範例中，模組 ID 為682f14300ed8b ）。

4. 編輯表單
   • 頁面載入到名為moduleItemsIframe的 iframe 內。
   • 將滑鼠懸停在Textarea元素上，然後按一下編輯（鉛筆）圖示。
   • 欄位設定模式開啟 - 按一下「儲存/關閉」退出而不進行變更。

5. 複製文字區域字段
   • 再次將滑鼠停留在同一個文字區域上，然後按一下「複製」圖示。複製的欄位直接出現在原始欄位下方。

6. 刪除重複的文字區域
   • 將滑鼠停留在複製的文字區域上，然後按一下刪除（垃圾桶）圖示。在彈出的提示中確認刪除。

7. 新增電子郵件字段
   • 在可用元素的左側列中，按一下電子郵件欄位。
   • 此欄位已插入表單。透過點擊複選框圖標，根據需要啟用或停用驗證（例如，使其成為必需的）。

8. 儲存表單
   • 點擊表單編輯器內的綠色「儲存」按鈕以套用所有變更。

9. 發布（可選）
   • 若要使更新後的表單生效，請點選網站編輯器主工具列中的「發佈」 。

您已成功編輯自訂表單：登入、開啟特定頁面、複製並刪除現有欄位、新增新的電子郵件欄位並儲存更新。當您需要調整 SITE123 項目中的表單欄位時，請重複這些操作。