想舉辦品牌活動、規劃線上課程,同時收集潛在客戶名單,製作表單網頁是直接有效的方式。

訪客瀏覽活動介紹後,就能填寫報名資訊,完成名單收集。不過,從整理活動亮點、設計報名表單,到將所需資訊整合在同一個頁面,都需要花費不少時間規劃與製作。

電子豹的 AI 生成網頁功能只要輸入一句活動需求,就能快速產出表單網頁初稿,並結合事先完成的品牌設定,生成符合品牌調性的文案與視覺設計。從活動介紹、版面到報名表單一次產出,你只需要確認內容、調整細節,就能讓報名頁上線。

本篇將以數位行銷公司為例,示範如何使用 AI 生成線上課程報名頁。

一頁式網頁設定流程,可參考一頁式網頁設定教學,了解基本的編輯與設定方式。
AI 生成網頁和 AI 生成 EDM 共用同一套品牌設定,還沒設定過的話,可參考 AI 生成 EDM 教學:節慶行銷範例,先完成 AI 品牌設定。

AI 生成表單網頁範例:影音行銷實戰線上課程
AI 生成表單網頁範例:影音行銷實戰線上課程

第一步:用 AI 生成表單網頁

1.1 建立表單網頁

在電子豹後台選擇一頁式網頁 → 表單網頁,點選「新增網頁」。

新增網頁後,可輸入表單網頁名稱,方便在後台辨識與管理。此名稱不會顯示於實際網頁上,發佈後也可以再修改。

AI 生成表單網頁:建立表單網頁畫面
AI 生成表單網頁:建立表單網頁畫面

1.2 設定活動描述與進階提示詞

進入設定頁面後,選擇已建立的品牌,自行輸入活動描述或點選範本快速帶入。

描述時盡量提供完整的活動資訊,例如課程時間、上課地點、講師資訊、課程重點,AI 就能直接帶入文案,減少生成後的修改時間。

若選擇範本,需依實際活動修改描述中的括號標示,例如選擇「線上研討會報名頁」範本後,將【線上研討會名稱】替換為「影音行銷實戰線上課程」,讓 AI 能帶入正確的活動資訊。

網頁用途可選擇活動報名頁、產品介紹頁或案例分享頁。

完成後可點選「✦ 生成」,或點選「進階提示」增加更多的設定。

AI 生成表單網頁:活動描述設定畫面
AI 生成表單網頁:活動描述設定畫面

在「進階提示」頁面中,可以設定語氣與風格、網頁目標、目標受眾、配色來源、行動按鈕文字及必含重點,讓生成內容更貼近這次的活動需求。

按下「✦ 生成」即可開始生成網頁,並扣 1 點。

AI 生成表單網頁:進階提示設定畫面
AI 生成表單網頁:進階提示設定畫面

第二步:調整內容、圖片與表單欄位

2.1 修改文案與按鈕連結

生成完成後,在拖放式編輯器中可以看到 AI 生成的導覽列、主視覺及課程資訊區,點選各區塊可手動修改文案。

檢查行動按鈕,確認「點擊目的地」要導向的外部連結或錨點,確保點擊後能前往正確的位置。

拖放式編輯器操作請參考:一頁式網頁編輯器說明。

AI 生成表單網頁:按鈕連結設定畫面
AI 生成表單網頁:按鈕連結設定畫面

若活動描述中未提供具體資訊,生成的文案會以(需補充)標示,提醒你手動補上。請逐一檢查各區塊,確認活動內容完整且正確。

AI 生成表單網頁:需補充標示畫面
AI 生成表單網頁:需補充標示畫面

2.2 生成圖片

請先瀏覽版面,確認整體網頁的視覺與排版,不需要的圖片區塊可刪除。

圖片可以自行上傳、使用預設的提示詞或是自行修改提示詞,點擊「✦ 生成」即可產生圖片,並扣 1 點。

AI 生成表單網頁:單張圖片生成畫面
AI 生成表單網頁:單張圖片生成畫面

點擊「✦ 生成多張圖片」會一次產生網頁內所有圖片,並扣除對應的點數(例如生成 5 張即扣 5 點)。

AI 生成表單網頁:一次生成多張圖片畫面
AI 生成表單網頁:一次生成多張圖片畫面

2.3 調整表單欄位

點選表單區塊,預設欄位是姓名和 Email,也可以依需求新增其他欄位。由於表單欄位會對應後台的名單管理欄位,請先到電子豹後台建立需要的自訂欄位,就能在表單區塊中直接新增。

「提示」欄位可以設定表單欄位裡的灰色範例文字,例如電話欄位填入「0912345678」,讓填表人知道要怎麼填寫。

AI 生成表單網頁:表單欄位設定畫面
AI 生成表單網頁:表單欄位設定畫面

2.4 預覽電腦版與手機版

點選「預覽」可切換電腦版與手機版檢視,檢查以下項目:

  • 版面配置:各區塊的排列與間距是否符合預期。
  • 文字內容:文案是否完整,有無遺漏或錯字。
  • 圖片呈現:圖片是否正確、顯示是否正常。
  • 表單欄位:欄位與「提示」文字是否正確顯示。

確認沒問題後關閉頁面,回到編輯器畫面,點選右上角「完成」,再選擇「下一步」到名單收集頁。

AI 生成表單網頁:電腦版與手機版預覽畫面
AI 生成表單網頁:電腦版與手機版預覽畫面

第三步:完成名單與網頁設定,正式發佈

3.1 設定名單收集

與行銷網頁不同的是,表單網頁多了收集名單的功能。如果只需要宣傳活動、不用收集名單,可以改用行銷網頁,操作方式請參考AI 生成行銷網頁:快速打造符合品牌風格的一頁式網頁。

請為此活動設定收集名單的預設群組,可選擇既有群組,或新增群組並命名。

輸入名單驗證信主旨、寄件人名稱與寄件信箱。

完成後點選「編輯信件」編輯名單驗證信。

名單驗證信會在訪客填表後自動寄出,用來確保填表人 Email 正確,並願意接收你的來信。只有完成 Email 驗證的填表者,才會被加入名單群組。

AI 生成表單網頁:名單收集設定畫面
AI 生成表單網頁:名單收集設定畫面

3.2 編輯名單驗證信

依活動主題調整文案、字體樣式與按鈕樣式,讓收件人一看就知道這封信和報名的活動有關。

點選右上角「完成」,回到設定頁面點選「下一步」進入網頁設定頁面。

AI 生成表單網頁:名單驗證信編輯畫面
AI 生成表單網頁:名單驗證信編輯畫面

3.3 完成網頁設定並發佈

進入網頁設定頁面後,填寫網頁標題與網頁描述,這兩項會顯示在搜尋結果和社群分享中;頁籤縮圖、下架時間等其他設定,可依需求調整。

完成後點選「建立網址」,設定子網域與網址名稱,再點選「發佈」即可上線。

注意:網址發佈後無法修改,請確認名稱無誤再發佈;網頁內容與其他設定,發佈後仍可隨時修改。

發佈後,請先用自己的信箱填寫表單,確認有收到驗證信,且名單有進入群組。沒問題就能把網址分享到社群、官網或 EDM,開始收集名單。

用 AI 生成表單網頁收集名單,只是經營的開始

AI 生成表單網頁能快速完成活動報名頁,讓行銷人員把重心轉向名單經營,每一次活動累積的潛在客戶,都有機會成為品牌的長期受眾。

名單累積後,可以這樣運用:

  • 分眾經營:依報名的活動主題或填寫的資料分群,寄送符合需求的內容。
  • 持續提供價值:定期分享實用資訊、案例或產業新知,加深受眾對品牌的印象。
  • 適時引導轉換:針對經常開信、點擊的受眾,提供專屬優惠、試用或諮詢機會,促成購買或洽詢。

下一場活動,就用 AI 生成表單網頁快速打造報名頁,開始累積潛在客戶名單。

延伸閱讀: