【ChatGPT Sites】我實測的 5 種可直接上線網站，10 分鐘打造前後台工作流

73

ChatGPT Sites 怎麼用？本文分享 5 個實測網站案例，包括 Gmail 郵件管家、班級網站、清潔預約系統、活動報名頁與數位商品銷售頁，並整理 7 種適用情境與 9 種該用獨立主機的情況。

信件要找、作業要公告、報名要統計。每件事都不大，湊在一起，半天就過去了。

我用 ChatGPT Sites 做了五個小系統。看完這輪實測，我最想留下來的能力，就是把這些反覆出現的小事，整理成一個打開網址就能用的工具。

觀看影片👇

🤖 ChatGPT Sites 是什麼？一句話講完

ChatGPT Sites 是 ChatGPT 內建的網站功能，我們只要用自然語言描述需求，它就直接生出一個帶有 “真實網址” 的正式網站給我們用。

這可不是給一段程式碼叫你自己去架，也不是給你一張設計稿。

ChatGPT Sites 交付的是一個能直接打開、能給別人看、能收資料的完整網站，前端頁面、後端 API、連資料庫都幫你設定好了。

而且你完全不用寫程式，不用租主機，不用懂什麼是伺服器。

操作路徑簡單到不行：

1️⃣ 在「網站」區塊點「建立」

2️⃣ 貼上一段提示詞，把你要什麼講清楚

3️⃣ 按下送出

然後你就可以一邊在左側跟 AI 對話，一邊看右邊它幫你長出來的儀表板。哪裡不喜歡，直接用中文講，它當場改給你看。

📌由於我們可能會想使用自己本機電腦裡的檔案，因此最好的方式是使用電腦版的 「ChatGPT App」👉 下載點

⚠️ 但我要先潑一盆冷水：它做不了 SaaS

網路上現在一堆人在喊：「幾分鐘用 ChatGPT 就能生出一個 SaaS！」

我實測完之後的結論很直接：不切實際。

這背後牽涉到太多 tokens 和算力成本的實際考量。

一個真的要拿來賣的軟體產品，需要穩定、需要承載流量、需要出事時有人負責，而這些恰好是這種輕量工具最不擅長的事。

拿它去賣平台、賣軟體，你會踩坑。

ChatGPT Sites 真正的價值，是讓你用一杯咖啡的時間、零伺服器成本，替自己量身打造一個隨時能用、用完能丟的個人秘書。

搞懂這個定位差別，你會省下非常多力氣。搞不懂，你會花三個月做一件本來就不該做的事。

📨 案例一：每天一堆信看不完，我做了一個郵件小管家

這是我做的第一個，也是我到現在每天還在用的一個。

它不用連本地資料夾，一般網頁版就能操作。ChatGPT 會一步一步教你怎麼同步自己的 Gmail、要做哪些設定，完成之後給你一個專屬網址。

實際用起來是這樣：

✅ 按「重新同步」，它會重新抓一次收件匣

✅ 首頁直接告訴我「重要信件有 13 封」

✅ 點進去看某一封，覺得要處理，按「在 Gmail 開啟」就直接跳到那封信

✅ 廣告信和重要信被分開，我不用再一封一封滑

而且這種東西不需要公開。網站功能可以設定分享對象是「只有自己」或「公開給所有人」，郵件管家這種私人工具，我當然選只給自己。

🎓 案例二：班級教學資源站，老師和學生都能改

第二個我做的是一個國中科學課的教學資源網站。

我的需求很簡單：親切、易讀、有活力，老師和班上同學都能隨時上去修改，甚至分享可以下載的資源。

它幫我做出來的東西包含：

🔸 主頁與課程週次（第一週 8/31 到 9/4，隨時能在對話框裡改，可以每週更新）

🔸 本週任務、課本範圍、隨堂練習

🔸 下一場考試預告與考試範圍，讓學生提前準備

🔸 科學實驗室的課堂守則

🔸 學習工具連結區

🧩 這裡有個小白最常卡住的點：圖片要先準備好

網站上的圖片沒辦法憑空生出來，要先備好才放得進去。

我的做法是：

1️⃣ 先在一般對話框裡，請 ChatGPT 幫我規劃「這個網站需要哪些視覺區塊」以及「每張圖的圖片提示詞」

2️⃣ 直接在 ChatGPT 裡把圖生出來

3️⃣ 把圖片存到電腦裡一個特定資料夾

4️⃣ 建立網站時切換到工作模式，並且先選好一個專案，讓它能存取我電腦裡的那個資料夾

5️⃣ 它就會直接拿這些圖來設計網站

📌 這個「先選專案才能讀本機檔案」的步驟，是很多人第一次做卡住的地方。你不選，它就看不到你的圖。

🏠 案例三：帶登入後台的預約系統（這個最讓我意外）

第三個是我覺得最有商業價值的一個：小型在地商業與服務預約網站。

我做的是一個「出退租清潔服務」預約站。

它最特別的地方，是它不只是一個靜態的前端網頁。

它可以直接幫你建立一個私人管理後台，讓你跑完整套客戶預約流程，而且這個後台只有你本人登入才看得到。

前台客戶端流程（四步驟）：

1️⃣ 選擇房型與服務地區、指定日期

2️⃣ 填寫屋況：室內坪數、地址、有無電梯、有無傢俱、加購服務、備註

3️⃣ 上傳現場照片

4️⃣ 填基本資料，系統跑出初步估價，勾選確認後送出

我試填了一次，加購了冰箱內部清潔、浴室重度水垢、垃圾清運三項，系統跑出來的預估金額是 5,200，並且回傳了一個案件編號，

必填欄位漏填它還會擋下來提醒。

後台管理端：

我請 ChatGPT 額外做了一個管理後台，並且事先把我這個管理人員的 Email 放進白名單，登入入口藏在網頁頁尾。

登入之後我看到：剛才那筆預約、案件編號、預估金額、客戶填的電話、日期、房屋與服務需求，還有客戶上傳的那張照片，全部都在。

如果我是真的營業人員，我現在就可以直接照這些資料聯絡客戶。不需要的話，右邊有一鍵刪除，按下去它會把後端所有資料連同圖片全部清掉。

🔥 這個案例證明了一件事：ChatGPT Sites 不只能做前端畫面，連後端儲存和後台管理介面都做得出來。對小型企業或個人服務業者來說，這是真的能用的東西。

而且如果未來要把這個網站移植到自己的伺服器，也可以直接請 AI 幫你打包，然後一鍵上傳。

⚠️ 一個提醒：我這個 demo 裡的圖片全是 AI 生的。如果你真的要拿去接客，一定要換成真實照片，清潔類服務尤其吃這個，AI 圖會直接殺掉你的信任感。

🎉 案例四：同學會報名頁，用完就丟

第四個是活動報名頁，主題是同學會。

這類網頁的精髓就在於：它是拋棄式的。 聚會結束、階段性任務完成，直接在後端一鍵刪除，網址丟掉一點都不心疼。

它幫我規劃出來的區塊：

✅ 大標題「年度同學會」

✅ 聚會目的與相關資訊介紹

✅ 活動時間表

✅ 召集人照片

✅ 公佈事項

✅ 報名表單（填資料、勾選同意、確認報名）

我實際填了一筆，然後回到網站的「設定 → 資料庫」，那筆報名資料確實躺在那裡。

同一個地方還能看到：

🔸 訪客分析與頁面瀏覽次數

🔸 網域設定（如果你有自己買的網域，可以直接綁上去）

💰 案例五：串接金流的數位商品銷售頁

最後一個，我拿它做了一個自己 Skill 的數位商品銷售頁，並且把這個一頁式網頁打包搬到我自己的網域底下，變成我網站的一部分。

然後我用它來串接金流。

🎯【影片同款數位商品】Headline Sniper 標題狙擊手｜爆款標題 Workflow Skill 🔥
查看👉 商品介紹頁

🧩 Portaly 還是綠界？我的實測比較

項目	Portaly	綠界
申請門檻	免費註冊申請串接	一般用戶也可申請
費用	註冊免費	不需支付任何費用
審核	時間較長，想過關可能得直接訂閱	相對單純
收款方式	平台承擔收款	提供收款工具與收款連結
商品交付	可代為交付虛擬商品	需自行處理交付
我目前的選擇	暫時沒訂閱	✅ 正在用

綠界的實際流程：申請成為廠商後，後台有「收款工具」可以生出一個收款連結。用戶點下去就直接跳到我預設好的支付網址，付完款再做交付。

Portaly 的優勢：它可以同時承擔收款和交付。用戶付款後直接看到雲端連結去下載你的商品，或給一個網址讓他開啟線上資源。

⚠️ 但 Portaly 有個限制要注意：影片只能放連結，它不能真正託管一整支影片。

🔐 額度陷阱：對話模式 vs 工作模式

這一段是整篇文章我最想讓你記住的，因為它會直接影響你的荷包。

在左下角帳號設定裡點「設定 → 使用量」，你會看到「常規使用限額」。

重點來了：這個額度是共用池。

它包含了 Codex 工作區、ChatGPT for Excel 等功能，大家一起吃同一個池子。而一般的對話不計入這個額度。

所以省額度的正確姿勢是：

1️⃣ 開一個新對話

2️⃣ 在上方的模式選單裡選「對話」，不要選「工作」

3️⃣ 在對話模式下，先把網站規劃、區塊架構、圖片提示詞全部想清楚、生完

4️⃣ 真正要建立網站、要讀取本機資料夾時，才切到工作模式

⚠️ 用工作模式就會扣額度。很多人一進去就開工作模式，然後在裡面跟 AI 來回改十幾輪，額度就是這樣燒光的。

🎯 什麼時候該用 ChatGPT Sites，什麼時候該乖乖架站

這是整件事的地基。搞懂這張表，你就不會浪費時間。

✅ 這 7 種情況，閉著眼睛選 ChatGPT Sites

1️⃣ 10 分鐘要拿出版型：老闆或客戶急著看畫面，不用等工程師排期

2️⃣ 只想驗證一個點子：腦中有新概念，先做原型再測水溫

3️⃣ 辦短期活動：同學會、週末派對、限時講座，活動過後網址丟掉也不心疼

4️⃣ 自用的一次性小工具：日常收件看板、內部小表單，隨手就能捏一個

5️⃣ 測商品有沒有人買：新做的電子書或數位商品先丟上來測市場，不用真的去架站

6️⃣ 當教學 demo：課堂上直接改給學生看，自然語言說改就改

7️⃣ 完全不懂架站的小白：零代碼、不用管伺服器、按一下發佈全世界都看得到

⚠️ 這 9 種情況，請乖乖用獨立主機

1️⃣ 要長期營運：打算做三五年的品牌官網

2️⃣ 每天要有穩定大流量：經不起免費額度突然被切斷

3️⃣ 內容要頻繁大量更新：成百上千篇文章，輕量版扛不住

4️⃣ 要靠 SEO 賺被動流量：需要扎實累積 Google 搜尋權重，這一定要獨立架站

5️⃣ 正式處理客戶訂單：每筆帳都不能掉的商業交易

6️⃣ 存放重要會員資料：必須負擔嚴格資安責任的資料庫

7️⃣ 高客單付費產品：需要完整的金流、發票與權限系統

8️⃣ 綁定品牌主網域：要建立真正屬於你的企業數位資產

9️⃣ 一個人管很多網站：需要統一的後台管理面板

💎 一句話總結：短期驗證、個人秘書、隨用隨棄的微應用，丟給 ChatGPT Sites。長期資產、核心營運、要穩定賺錢的生意，交給獨立主機。主客分離，你的時間和算力才會花在刀口上。

🧩 ChatGPT Sites 優缺點總整理

面向	✅ 優點	⚠️ 缺點
上手難度	完全不用寫程式，講中文就行	要先搞懂對話模式與工作模式的差別
速度	10 分鐘出成品，改版即時	複雜需求仍需多輪來回
成本	零伺服器成本	工作模式吃共用額度，會爆
功能完整度	前端、後端、資料庫、後台一次到位	不適合高流量與正式商業交易
資料	有資料庫、訪客分析、瀏覽次數	重要會員資料不建議放
網域	可綁自訂網域	SEO 權重累積不如獨立站
出場	可打包移植到自己的伺服器	移植後仍需自行維運

最適合的人：想快速驗證想法的個人創作者、需要臨時工具的上班族、小型在地服務業者、老師。

先別急的人：要做長期品牌官網、靠 SEO 吃飯、處理高額訂單或敏感會員資料的人。

❓ 常見問題 FAQ

🔸 ChatGPT Sites 做出來的網站有真實網址嗎？

有。它會給你一個專屬於你個人的網站網址，也可以在網域設定裡綁上你自己買的網域。

🔸 ChatGPT Sites 免費嗎？額度怎麼算？

網站功能會消耗「常規使用限額」，這個額度和 Codex 工作區、ChatGPT for Excel 共用同一個池子。一般對話不計入，所以規劃階段請用對話模式，真正建站時才切工作模式。

🔸 我完全不會寫程式，真的做得出來嗎？

可以。整個過程你只需要用中文描述需求，它會生出畫面給你看，不滿意就繼續用中文講。真正需要學的技術細節只有一個：讀取本機圖片前要先選好專案。

🔸 做出來的網站可以只給自己看嗎？

可以。分享對象能設定成「只有自己」或「公開給所有人」。像郵件管家這種私人工具，設定成不對外公開就好。

🔸 資料會存在哪裡？可以刪掉嗎？

存在網站後端的資料庫，你可以在後台看到所有提交的資料。要刪的時候一鍵刪除，它會把後端所有資料連同上傳的圖片一起清空。

🔸 用它做的網站可以搬到自己的主機嗎？

可以。直接請 AI 幫你打包，然後一鍵上傳到自己的伺服器。我第五個案例就是這樣搬到自己網域底下的。

🔐 完整提示詞懶人包，我放在👉這裡

這五個網站我全部都是真的做出來、真的填過表單、真的登入過後台跑完流程的。

過程中踩的坑、調教了很久才穩定下來的對話邏輯，包含每個網站的完整架構、視覺區塊規劃，還有怎麼讓 AI 幫你精準生出配圖的整套流程，

我全部濃縮成了可以一鍵複製貼上的完整提示詞懶人包。

你只要複製、貼上、換成你自己的資料，就能直接上線一個自帶後台的預約站，或是一個活動報名頁。