快速回答:AI 生成的落地頁自帶啞表單:把 action 指到一個託管端點,或讓掛著 MCP 的 Agent 把整條鏈路接好——每一筆提交都會真的落進收件匣。

一種新型「無家可歸的表單」正在批量出現:不是你手寫時忘了接線,而是 Claude、Cursor、Bolt、v0 或 Lovable 替你生成的。頁面一步到位——主視覺、區塊、一張漂亮的採集表單,一鍵部署到 GitHub Pages。然後第一位訪客點了送出,線索就此蒸發。

語言模型精通標記語言,卻不擅長基礎設施:它寫得出 <form>,卻沒有落點,因為訓練資料裡沒有任何東西告訴它你的資料應該去哪裡。解法就是把落點補上——三個層次,從輕改到全權代管。

方案 A:提示詞裡加一句

頁面正在生成?在模型動筆前先把落點給它。把下面這段追加到提示詞(或 Cursor/Claude Code 的專案規則檔):

# 接在設計指令後面
頁面上所有表單都 POST 到
https://formlm.me/api/v3/share/YOUR_TOKEN/form
—— 用原生 HTML form action,一個輸入框一個欄位,欄位名要
可讀、可長期引用。送出後在頁內顯示成功提示。

模型第一遍就產出能用的表單。欄位命名是唯一的手藝:name 屬性會直接變成存下來的欄位,所以要的是你日後想讀的鍵——寫 company_size,別寫 q3。

方案 B:設計不動,只改一個屬性

頁面已經生成好、表單只是擺設?別重做,補一刀就行。原生 POST 零 JavaScript 依賴:

<!-- 模型設計的標記逐位元組保留,只換 action -->
<form action="https://formlm.me/api/v3/share/YOUR_TOKEN/form" method="POST">
  <!-- ...模型設計的每個輸入框,原樣不動... -->
  <input name="page_source" type="hidden" value="pricing-cta">
</form>

隱藏輸入框是補上下文的好幫手,填的正是模型不可能知道的資訊:線索來自哪個按鈕、哪波投放、頁面的哪個版本。更想用 fetch?同一端點接受 JSON,CORS 也開放——把 fetch 寫法遞給 Agent,它會就地置換送出邏輯。

方案 C:讓 Agent 接管整條鏈路

最深的解法,是別再往提示詞裡塞 URL,而是讓 Agent 有本事自己造一個。formlm-cli 可以裝成 MCP 伺服器,接進 Claude Desktop、Cursor、Codex 等客戶端:Agent 建表單、發布、取回端點 URL、嵌進它正在寫的頁面——儲存不再是生成之後你要補的接線,而是 Agent 工具箱裡的又一個工具。完整實作見《在 Claude Desktop 裡搭一份完整測評:MCP 全流程實作》,各平台的設定方法在面向 AI Agent 的 Data API文件裡。

資料取回來

管道通了之後,讀的一側跟任何靜態網站表單是同一套工具:控制台收件匣、/query 翻頁取記錄、/summary 直接拿彙整、一鍵 CSV(迴圈模式在《把表單資料交給程式》裡展開)。AI 時代的隱藏彩蛋是 ?help:在端點後加上它,回傳的就是目前欄位結構的 Markdown——把這一頁直接貼進明天和 Agent 的對話,它就能分析上週的線索,你一個字都不用解釋。又因為沒見過的鍵會自動建欄位,連模型生成中途即興加的欄位也會存下來,而不是丟掉。

"生成模型讓設計變得免費,管線是最後一樣還要花錢的東西。一個 URL 讓管線也免費了——而寫出你頁面的 Agent,恰好就是能把管線接上的那一個。"

🛠️ 把 AI 做的頁面接到真收件匣

本文串聯的每一步,免費起步:

  • 一個端點 —— 原生 HTML POST 和 JSON 都收,任意來源,部署前後皆可
  • 自動建欄 —— 模型發明什麼欄位就存什麼欄位,沒有遷移步驟
  • ?help 自描述 —— 目前欄位清單,Markdown 格式,你和 Agent 都讀得懂
  • formlm-cli + MCP —— 讓 Agent 自己發布表單,而不是等你給頁面補線
先建立端點,然後回去提示 →

✅ 重點回顧

  • AI 頁面生成器把表單做成道具:標記嫻熟、沒有落點、線索靜默蒸發
  • 把落點提示進去(方案 A),或生成後補一個 action(方案 B),都不到一分鐘
  • 隱藏輸入框補上模型不可能知道的上下文:投放、按鈕、頁面版本
  • 裝了 MCP 伺服器,Agent 就能自己發布端點——接線成為生成的一環
  • 沒見過的鍵自動建欄位,模型即興加的欄位照樣入庫
  • 同一端點能用 ?help 報出自己的欄位結構——反手交給 Agent 做分析

AI 生成的頁面是交給客戶的成品,不是自己玩?諮詢顧問專區和工作坊設計專區教你把採集和報名頁面做成能沉澱成報告的交付物。

常見問題

落地頁是 AI 工具生成的,線索怎麼收?

頁面原樣保留,只改一個屬性:把表單的 action 指向託管端點,例如 https://formlm.me/api/v3/share/YOUR_TOKEN/form。提交存到伺服器端,你在收件匣裡翻、匯出 CSV,或直接走 HTTP 查詢。

模型自己發揮出來的欄位名,會有問題嗎?

不會。提交裡沒見過的鍵會自動建欄位,AI 臨時想出來的欄位照樣落成資料。讀取時防禦一點(缺的鍵當 null),在端點後加 ?help 就能隨時取得目前的欄位清單。

能讓 Agent 自己把整條鏈路接好嗎?

能。把 formlm-cli 裝成 MCP 伺服器後,Agent 可以建表單、發布、取回端點 URL,再把它嵌進正在生成的頁面——接線成了生成的一環,而不是生成之後的人工步驟。

還沒部署、在本地開啟的頁面能用嗎?

能。端點就是普通 HTTPS,用 file:// 開啟的本地頁面和原型跟部署後的網站一樣提交——正適合還在反覆修 AI 草稿的階段。CORS 開放,fetch 接線在本地來源同樣工作。

← 上一篇:靜態託管表單實作 接著看文件:MCP 全流程實作 →