AI 商品快速建置
一頁式銷售頁:用 AI 快速做出來再測試
用 AI 規劃一頁式銷售頁的結構、寫文案、產版型並上線,再用小流量測試。附銷售頁結構範本、提示詞、表單個資告知與上線前檢查。

新品預購、檔期活動或單一商品要開賣時,常常需要一頁專屬的銷售頁(Landing page)。這篇適合小店老闆、電商賣家與行銷團隊:用 AI 先排結構、寫文案、產版型,再上線用小流量測試,過程中把表單個資與隱私權聲明一起處理好。
圖:銷售頁的區塊歸成四個階段,一頁只放一個行動。資料:千金國際整理。
常見的卡關
- 「檔期前一週才決定要做頁面,找設計師、排工程都來不及。」
- 「頁面寫成商品型錄,訪客看完不知道要點哪裡。」
- 「表單收了姓名與電話,卻沒寫為什麼要收,也沒有隱私權說明。」
用 AI 之後差在哪
| 環節 | 以前 | 現在 |
|---|---|---|
| 結構規劃 | 參考別人的頁面東拼西湊 | 先套固定結構,再讓 AI 依你的商品填內容 |
| 文案 | 一版寫很久,改一次重排一次 | AI 一次寫出多組標題與 FAQ,人挑選、核對事實 |
| 版型 | 等設計與工程排程 | 用 Claude 先做出可預覽的版型,邊看邊改 |
| 測試 | 上線後憑感覺調整 | 一次只改一個變數,用數據決定留哪一版 |
怎麼做:一步一步
步驟 1:先定一個目標、一個行動
一頁只放一個行動,例如「送出預購表單」或「加入 LINE」。再寫下一個主要客群。目標不只一個,頁面就會變成型錄。
步驟 2:套用銷售頁結構
下表是我們使用的範本,由上往下排,手機版也照這個順序。
| 區塊 | 要回答的問題 | 放什麼 |
|---|---|---|
| 1 主視覺 | 這是什麼、給誰、我得到什麼 | 一句話標題、副標、主圖、主要按鈕 |
| 2 痛點 | 你是不是也遇到這個狀況 | 三句客群自己會說的話 |
| 3 賣點 | 為什麼是這個商品 | 最多三個,每個一句話加一個依據 |
| 4 證明 | 為什麼可以相信 | 已授權的真實評價、檢驗報告、認證字號、製作流程;沒有就不放 |
| 5 FAQ | 我還有什麼疑慮 | 付款、出貨、退換貨、使用方式、個資用途 |
| 6 行動呼籲 | 我現在該做什麼 | 按鈕或表單,旁邊放個資告知連結 |
| 頁尾 | 賣家是誰、怎麼聯絡 | 公司資訊、聯絡方式、退換貨說明、隱私權政策 |
步驟 3:用提示詞寫文案
把商品資料表貼進來。證明素材只貼真實的,沒有就寫「無」。
你是一頁式銷售頁的文案企劃,請依下面資料寫出各區塊文案。
【頁面目標】(例如:讓訪客送出預購表單)
【客群】(年齡、使用情境、最在意的事)
【商品資料】(貼上商品資料表,只放可查證的事實)
【可用的證明素材】(已授權的評價、檢驗報告、認證字號;沒有就寫「無」)
【不能說的詞】(療效、最高級、與他牌比較等)
【請依序輸出】
1. 主視覺:3 組標題(各 20 字內)、副標(40 字內)、按鈕文字(8 字內)。
2. 痛點:3 句,用客群自己會說的話。
3. 賣點:最多 3 個,每個一句話,並註明對應資料表哪一欄。
4. 證明:只用上面的證明素材;沒有素材的區塊寫「待補素材」,不要編造評價、數字或獲獎。
5. FAQ:8 題,涵蓋付款、出貨、退換貨、使用方式、個資用途。
6. 行動呼籲:1 句話加按鈕文字。
7. 待確認清單。
規則:只用我提供的資訊;不寫限時、限量、折扣,除非資料裡有;不寫療效。
步驟 4:用 Claude 產版型
Claude 官方說明列出 Design 範本,可以做出一頁式文件與 Landing page,在對話中選「Output」再選「Design」就能開始,並可用聊天、行內留言或直接在畫布上修改。提示詞可以這樣寫:
請設計一頁式銷售頁,手機優先,單欄,可縮放到電腦版。
區塊順序:主視覺、痛點、賣點、證明、FAQ、行動呼籲、頁尾。
風格:(品牌主色、底色、字體)。
文案:使用我貼上的文案,不要自行增減。
行動呼籲:頁首與結尾各一個主要按鈕;表單欄位只留(姓名、聯絡方式、取貨方式),表單下方放個資告知連結與勾選框。
限制:不放外部追蹤碼;圖片先用灰色佔位框並標註建議尺寸;輸出為單一 HTML 檔。
重點是上線方式。Claude 官方說明寫明,分享出去的作品連結,沒有 Claude 帳號的人打不開,所以它適合內部審稿,不能直接當客人看的網址。官方也說明,Design 作品可以匯出成 .zip 或單一 HTML 檔,匯出後放到自己的網站即可。
步驟 5:上線
- 已有商店:Shopify 在後台的「Online Store > Pages」新增頁面,可用程式碼按鈕編輯 HTML,並選擇設為顯示或隱藏。SHOPLINE 有 Smart Landing Page Builder 應用程式,提供範本、AI 文案建議與手機版預覽。
- 自己的網域:靜態網頁可放到靜態託管服務。Cloudflare 的文件目前建議新專案使用 Workers,Workers 可上傳 HTML、CSS 與圖片當靜態資源,Pages 也仍可使用。
- 表單:靜態頁面本身不會收資料,要接到現成的表單服務、商店內建表單或 LINE。先確認資料存在哪裡、誰看得到。
步驟 6:上線後測試
用 UTM 參數標記每個來源,Google Analytics 的說明要求使用 utm_source、utm_medium、utm_campaign,且參數值區分大小寫。測試時一次只改一個變數,例如標題或按鈕文字。若要比較兩個頁面版本,可把兩個網址分別放進兩則廣告。Meta 說明,A/B 測試會讓受眾不同時看到兩個版本,並建議兩版使用相同預算,也不建議手動開關廣告組合做非正式測試。看的指標是表單送出數,不只看點擊。
示範情境
以下是虛構的示範,不是實際客戶案例。一間小店要預購濾掛咖啡禮盒,目標是「送出預購表單」。
- 結構:照上表六個區塊排,賣點只留兩個,依據是資料表上的規格與產地。
- 文案:AI 初稿寫了「限量 100 組」,資料表沒有這項,整句刪掉;證明區因為沒有已授權的評價,標為待補,先不放。
- 版型:用 Claude Design 產出手機版,匯出 HTML。
- 上線:放到自家網站,表單接到店裡原本使用的表單服務,並在表單下方放個資告知。
- 測試:同一頁做兩個標題,分別用 UTM 標記,各接一則廣告,累積足夠流量後比較表單送出數。
要注意的地方
- 表單與個資:個資法第 8 條規定,向當事人蒐集個資時,要明確告知名稱、蒐集目的、資料類別、利用的期間、地區、對象及方式、當事人依第 3 條可行使的權利與方式,以及不提供資料的影響。第 5 條要求蒐集不得逾越特定目的的必要範圍,所以欄位越少越好。第 20 條規定,利用個資做行銷,當事人拒絕時要立即停止,首次行銷時要提供拒絕方式。個資法在 2025 年 11 月 11 日修正,新增企業個資檔案安全維護等規定,施行日期由行政院另訂,請以全國法規資料庫最新版為準。
- 追蹤碼:Meta 的商業工具使用條款要求廣告主對使用像素的網頁提供清楚醒目的通知,說明第三方可蒐集資訊並用於成效衡量與廣告投放,也要說明如何拒絕。條款也禁止傳送信用卡號與健康、財務等敏感資訊。需要同意的地區(條款以歐盟為例)要取得可查證的同意。
- 通訊交易資訊:頁面若能直接下單,屬消費者保護法的通訊交易。第 18 條要求提供企業名稱、代表人、營業地址與聯絡方式,商品內容、價格、付款與交付方式,解除契約的期限與方式,以及申訴受理方式;第 19 條規定消費者原則上有 7 日解除權,例外情形依行政院公告。
- 文案真實:消費者保護法第 22 條要求廣告內容真實,契約成立後要履行。公平交易法第 21 條禁止對價格、數量、品質等足以影響交易決定的事項作虛偽不實或引人錯誤的表示。限時、限量與倒數計時都要是真的,評價與數字不可自己編。
- 功效用語:食品與化妝品的用語限制見我們的上架文案批量產生一文。
- 圖片:AI 生成或修改的商品圖要與實物一致,檢查方式見商品圖用 AI 去背換景。
- 資料保密:客戶名單與訂單資料不要貼進 AI 對話。
以上以法規與各平台原文為準。本文不是法律意見,個案請洽律師或主管機關。
表單旁的個資告知範本
下面是填空用的格式,不是現成的法律文件,上線前請依你的實際做法填寫並請專業人士確認。
【個人資料告知】
蒐集者:(公司或商號名稱)
蒐集目的:(例如:處理預購訂單、聯絡取貨與出貨)
資料類別:(例如:姓名、電話、電子郵件、收件地址)
利用期間、地區、對象及方式:(依實際作法填寫)
您的權利:可向本公司請求查詢或閱覽、製給複製本、補充或更正、停止蒐集處理利用、刪除(聯絡信箱:__)
不提供的影響:不提供上述資料,將無法完成預購。
行銷聯絡:(需要時另設勾選欄,可隨時拒絕)
上線前檢查清單
- 一頁只有一個主要行動,按鈕在首屏與結尾各出現一次
- 每個賣點都有資料表依據,證明素材都是真的且已取得授權
- 價格、活動日期、庫存與限量資訊與實際相符
- 表單只收必要欄位,旁邊有個資告知,行銷聯絡另設勾選
- 頁尾有公司資訊、聯絡方式、退換貨說明與隱私權政策
- 用手機與電腦各測一次,表單送出後確實收得到資料
- 追蹤碼已加上通知,UTM 網址已標記
- 正式網址用未登入的瀏覽器打開,確認客人看得到頁面
需要協助?
如果想把銷售頁的結構、文案與測試流程建成團隊可重複使用的範本,千金國際可以協助「一頁式銷售頁」與「AI 工作流程導入」,連同表單個資說明建議一併交接,詳見服務項目。
來源
- Claude 說明中心:What are artifacts and how do I use them?
- Claude 說明中心:Share artifacts
- Claude 說明中心:Get started with Claude Design
- Shopify 說明中心:Adding, editing, and deleting pages
- SHOPLINE 說明中心:Smart Landing Page
- Cloudflare 文件:Workers Static Assets
- Cloudflare 文件:Pages 概覽
- Google Analytics 說明:URL builders
- Meta 企業商家使用說明:關於 A/B 測試
- Meta:商業工具使用條款
- 全國法規資料庫:個人資料保護法
- 全國法規資料庫:消費者保護法
- 全國法規資料庫:公平交易法


