# 用 AI 生成報名頁：不會設計也能打造收集名單的表單網頁 > 想舉辦品牌活動、規劃線上課程，同時收集潛在客戶名單，製作表單網頁是直接有效的方式。 訪客瀏覽活動介紹後，就能填寫報名資訊，完成名單收集。不過，從整理活動亮點、設計報名表單，到將所需資訊整合在同一個頁面，都需要花費不少時間規劃與製作。 電子豹的 AI 生成網頁功能只要輸入一句活動需求，就能快速產出表單網頁初稿，並結合事先完成的品牌設定，生成符合品牌調性的文案與視覺設計。從活動介紹、版面到報名表單一次產出，你只需要確認內容、調整細節，就能讓報名頁上線。 本篇將以數位行銷公司為例，示範如何使用 AI 生成線上課程報名頁。 一頁式網頁設定流程，可參考一頁式網頁設定教學，了解基本的編輯與設定方式。 AI 生成網頁和 AI 生成 EDM 共用同一套品牌設定，還沒設定過的話，可參考 AI 生成 EDM 教學：節慶行銷範例，先完成 AI 品牌設定。 第一步：用 AI 生成表單網頁 1.1 建立表單網頁 在電子豹後台選擇一頁式網頁 → 表單網頁，點選「新增網頁」。 新增網頁後，可輸入表單網頁名稱，方便在後台辨識與管理。此名稱不會顯示於實際網頁上，發佈後也可以再修改。 1.2 設定 **分類：** AI 生成網頁 **作者：** Marina **發布日期：** 2026-11-04T14:38:22.000+08:00 想舉辦品牌活動、規劃線上課程，同時收集潛在客戶名單，製作表單網頁是直接有效的方式。 訪客瀏覽活動介紹後，就能填寫報名資訊，完成名單收集。不過，從整理活動亮點、設計報名表單，到將所需資訊整合在同一個頁面，都需要花費不少時間規劃與製作。 電子豹的 [AI 生成網頁](https://newsleopard.com/features/ai-landing-page-generator/?ref=cms.newsleopard.com)功能只要輸入一句活動需求，就能快速產出表單網頁初稿，並結合事先完成的品牌設定，生成符合品牌調性的文案與視覺設計。從活動介紹、版面到報名表單一次產出，你只需要確認內容、調整細節，就能讓報名頁上線。 本篇將以數位行銷公司為例，示範如何使用 AI 生成線上課程報名頁。 一頁式網頁設定流程，可參考[一頁式網頁設定教學](https://newsleopard.com/blog/how-to-use-pages-design-tool/?ref=cms.newsleopard.com)，了解基本的編輯與設定方式。 AI 生成網頁和 AI 生成 EDM 共用同一套品牌設定，還沒設定過的話，可參考 [AI 生成 EDM 教學：節慶行銷範例](https://newsleopard.com/blog/ai-edm-generator-holiday-marketing-guide/?ref=cms.newsleopard.com)，先完成 AI 品牌設定。 ![AI 生成表單網頁範例：影音行銷實戰線上課程](https://cms.newsleopard.com/content/images/2026/11/ai-signup-page-01.gif) AI 生成表單網頁範例：影音行銷實戰線上課程 ## **第一步：用 AI 生成表單網頁** ### **1.1 建立表單網頁** 在電子豹後台選擇一頁式網頁 → 表單網頁，點選「新增網頁」。 新增網頁後，可輸入表單網頁名稱，方便在後台辨識與管理。此名稱不會顯示於實際網頁上，發佈後也可以再修改。 ![AI 生成表單網頁：建立表單網頁畫面](https://cms.newsleopard.com/content/images/2026/11/ai-signup-page-02-1.png) AI 生成表單網頁：建立表單網頁畫面 ### **1.2 設定活動描述與進階提示詞** 進入設定頁面後，選擇已建立的品牌，自行輸入活動描述或點選範本快速帶入。 描述時盡量提供完整的活動資訊，例如課程時間、上課地點、講師資訊、課程重點，AI 就能直接帶入文案，減少生成後的修改時間。 若選擇範本，需依實際活動修改描述中的括號標示，例如選擇「線上研討會報名頁」範本後，將【線上研討會名稱】替換為「影音行銷實戰線上課程」，讓 AI 能帶入正確的活動資訊。 網頁用途可選擇活動報名頁、產品介紹頁或案例分享頁。 完成後可點選「✦ 生成」，或點選「進階提示」增加更多的設定。 ![AI 生成表單網頁：活動描述設定畫面](https://cms.newsleopard.com/content/images/2026/10/ai-signup-page-03.png) AI 生成表單網頁：活動描述設定畫面 在「進階提示」頁面中，可以設定語氣與風格、網頁目標、目標受眾、配色來源、行動按鈕文字及必含重點，讓生成內容更貼近這次的活動需求。 按下「✦ 生成」即可開始生成網頁，並扣 1 點。 ![AI 生成表單網頁：進階提示設定畫面](https://cms.newsleopard.com/content/images/2026/10/ai-signup-page-04.png) AI 生成表單網頁：進階提示設定畫面 ## **第二步：調整內容、圖片與表單欄位** ### **2.1 修改文案與按鈕連結** 生成完成後，在拖放式編輯器中可以看到 AI 生成的導覽列、主視覺及課程資訊區，點選各區塊可手動修改文案。 檢查行動按鈕，確認「點擊目的地」要導向的外部連結或錨點，確保點擊後能前往正確的位置。 拖放式編輯器操作請參考：[一頁式網頁編輯器說明](https://newsleopard.com/blog/how-to-use-pages-design-tool-2/?ref=cms.newsleopard.com)。 ![AI 生成表單網頁：按鈕連結設定畫面](https://cms.newsleopard.com/content/images/2026/10/ai-signup-page-05.png) AI 生成表單網頁：按鈕連結設定畫面 若活動描述中未提供具體資訊，生成的文案會以（需補充）標示，提醒你手動補上。請逐一檢查各區塊，確認活動內容完整且正確。 ![AI 生成表單網頁：需補充標示畫面](https://cms.newsleopard.com/content/images/2026/10/ai-signup-page-06.png) AI 生成表單網頁：需補充標示畫面 ### **2.2 生成圖片** 請先瀏覽版面，確認整體網頁的視覺與排版，不需要的圖片區塊可刪除。 圖片可以自行上傳、使用預設的提示詞或是自行修改提示詞，點擊「✦ 生成」即可產生圖片，並扣 1 點。 ![AI 生成表單網頁：單張圖片生成畫面](https://cms.newsleopard.com/content/images/2026/10/ai-signup-page-07.png) AI 生成表單網頁：單張圖片生成畫面 點擊「✦ 生成多張圖片」會一次產生網頁內所有圖片，並扣除對應的點數（例如生成 5 張即扣 5 點）。 ![AI 生成表單網頁：一次生成多張圖片畫面](https://cms.newsleopard.com/content/images/2026/10/ai-signup-page-08.png) AI 生成表單網頁：一次生成多張圖片畫面 ### **2.3 調整表單欄位** 點選表單區塊，預設欄位是姓名和 Email，也可以依需求新增其他欄位。由於表單欄位會對應後台的名單管理欄位，請先到電子豹後台建立需要的自訂欄位，就能在表單區塊中直接新增。 「提示」欄位可以設定表單欄位裡的灰色範例文字，例如電話欄位填入「0912345678」，讓填表人知道要怎麼填寫。 ![AI 生成表單網頁：表單欄位設定畫面](https://cms.newsleopard.com/content/images/2026/11/ai-signup-page-12.png) AI 生成表單網頁：表單欄位設定畫面 ### **2.4 預覽電腦版與手機版** 點選「預覽」可切換電腦版與手機版檢視，檢查以下項目： - **版面配置：**各區塊的排列與間距是否符合預期。 - **文字內容：**文案是否完整，有無遺漏或錯字。 - **圖片呈現：**圖片是否正確、顯示是否正常。 - **表單欄位：**欄位與「提示」文字是否正確顯示。 確認沒問題後關閉頁面，回到編輯器畫面，點選右上角「完成」，再選擇「下一步」到名單收集頁。 ![AI 生成表單網頁：電腦版與手機版預覽畫面](https://cms.newsleopard.com/content/images/2026/11/ai-signup-page-09.png) AI 生成表單網頁：電腦版與手機版預覽畫面 ## **第三步：完成名單與網頁設定，正式發佈** ### **3.1 設定名單收集** 與行銷網頁不同的是，表單網頁多了收集名單的功能。如果只需要宣傳活動、不用收集名單，可以改用行銷網頁，操作方式請參考[AI 生成行銷網頁：快速打造符合品牌風格的一頁式網頁](https://newsleopard.com/blog/ai-landing-page-generator-guide/?ref=cms.newsleopard.com)。 請為此活動設定收集名單的預設群組，可選擇既有群組，或新增群組並命名。 輸入名單驗證信主旨、寄件人名稱與寄件信箱。 完成後點選「編輯信件」編輯名單驗證信。 名單驗證信會在訪客填表後自動寄出，用來確保填表人 Email 正確，並願意接收你的來信。只有完成 Email 驗證的填表者，才會被加入名單群組。 ![AI 生成表單網頁：名單收集設定畫面](https://cms.newsleopard.com/content/images/2026/10/ai-signup-page-10.png) AI 生成表單網頁：名單收集設定畫面 ### **3.2 編輯名單驗證信** 依活動主題調整文案、字體樣式與按鈕樣式，讓收件人一看就知道這封信和報名的活動有關。 點選右上角「完成」，回到設定頁面點選「下一步」進入網頁設定頁面。 ![AI 生成表單網頁：名單驗證信編輯畫面](https://cms.newsleopard.com/content/images/2026/10/ai-signup-page-11.png) AI 生成表單網頁：名單驗證信編輯畫面 ### **3.3 完成網頁設定並發佈** 進入網頁設定頁面後，填寫網頁標題與網頁描述，這兩項會顯示在搜尋結果和社群分享中；頁籤縮圖、下架時間等其他設定，可依需求調整。 完成後點選「建立網址」，設定子網域與網址名稱，再點選「發佈」即可上線。 **注意：網址發佈後無法修改，請確認名稱無誤再發佈；網頁內容與其他設定，發佈後仍可隨時修改。** 發佈後，請先用自己的信箱填寫表單，確認有收到驗證信，且名單有進入群組。沒問題就能把網址分享到社群、官網或 EDM，開始收集名單。 ## **用 AI 生成表單網頁收集名單，只是經營的開始** AI 生成表單網頁能快速完成活動報名頁，讓行銷人員把重心轉向名單經營，每一次活動累積的潛在客戶，都有機會成為品牌的長期受眾。 名單累積後，可以這樣運用： - **分眾經營：**依報名的活動主題或填寫的資料分群，寄送符合需求的內容。 - **持續提供價值：**定期分享實用資訊、案例或產業新知，加深受眾對品牌的印象。 - **適時引導轉換：**針對經常開信、點擊的受眾，提供專屬優惠、試用或諮詢機會，促成購買或洽詢。 下一場活動，就用 [AI 生成表單網頁](https://newsleopard.com/features/ai-landing-page-generator/?ref=cms.newsleopard.com)快速打造報名頁，開始累積潛在客戶名單。 **延伸閱讀：** - [如何用「表單網頁」搜集會員資料並開始發信？](https://newsleopard.com/blog/collect-member-information-through-the-form-page/?ref=cms.newsleopard.com) - [2026 善用「AI 品牌大腦」一鍵生成完整 EDM](https://newsleopard.com/blog/ai-edm-brand-voice-generator/?ref=cms.newsleopard.com) - [2026 客戶名單搜集攻略：7 大情境 X 零售電商活動操作指南](https://newsleopard.com/blog/ecommerce-event-email-list-growth/?ref=cms.newsleopard.com)