用 Vibe Coding 打造自動化銷售頁：3小時完成 LINE 報名與 Google Sheets 串接
哈囉，大家好！我是享哥。今天又要來跟大家分享一個全新的 Vibe Coding 課程實作影片。
這次的課程核心，是要帶你透過 AI，在短短 3 小時內，從零開始做出你的第一個「自動化銷售頁（Landing Page）」。你不僅能產出一個可以實際運作的 MVP（最小可行性產品），還能將後端的報名與追蹤流程完全自動化。
3 小時實作：用 AI 寫出你的第一個銷售頁
這個課程設計為 6 個核心步驟，將銷售頁的建置、成效追蹤、網站部署，以及 LINE 自動銷售流程完整串接起來。透過 Vibe Coding 的核心概念，你將學會如何利用 AI 輔助開發，實作出高質感的網頁。
課程中使用的前端技術棧包含了現代主流化工具，幫助你快速入門：
- Next.js
- Tailwind CSS
除此之外，我們還會教你如何設置追蹤像素（Pixel），精準掌握使用者的網頁動線與行為。
零成本部署與自動化 CRM 串接
為了讓大家能以極低的成本啟動商業測試，課程會採用幾乎零成本的架構來完成部署與資料串接。
GitHub Pages 輕鬆部署網站
我們會將完成的網頁專案，直接部署到 GitHub Pages 上。這不僅免除了昂貴的伺服器主機費用，對於初步測試市場水溫的銷售頁來說，是非常實用且高效的作法。
建立 LINE 自動銷售 CRM
當銷售頁準備就緒後，訪客若想報名或購買，我們會引導他們掃描 QR Code，加入 LINE 官方帳號。透過 LINE 機器人，我們能打造一套自動化的客服與銷售系統（CRM）。
實際 Demo：自動化報名與查帳流程
以下為你展示當顧客進入 LINE 官方帳號後的實際報名體驗：
- 觸發報名流程： 顧客輸入關鍵字「報名」或點擊選單，系統會自動跳出報名資訊（包含課程日期、地點、費用等）。
- 查看價格與匯款： 顧客可以選擇查看「早鳥優惠」、「單人票」或「雙人團報」等方案，並取得匯款帳號。
- 確認匯款完成： 顧客匯款後，點擊「我已完成匯款」，系統會要求顧客輸入帳號後五碼以利對帳。
Google Apps Script (GAS) 串接 Google Sheets
顧客在 LINE 上提交的報名與匯款資訊，會怎麼處理呢？這裡就是自動化最核心的環節。
我們會透過 Google Apps Script (GAS) 撰寫簡單的腳本，將 LINE 收集到的資料自動同步至 Google Sheets 中。你的 Google 試算表就會變成一個強大的後台管理系統。
我們在試算表中設定了多種報名狀態，方便管理者進行後續追蹤：
| 狀態 (Status) | 說明 (Description) |
|---|---|
| Pending | 等待確認中（剛提交匯款資訊） |
| Confirmed | 已核帳，確認收款完成 |
| Notified | 已發送報名成功通知給顧客 |
| Refunded | 已完成退款 |
| Cancelled | 顧客或管理者取消報名 |
課程的 4 大階段與課前準備
為了讓學習更有系統，整個實作過程被拆解為 4 個階段，按部就班幫助你把架構建構起來：
- 階段 A：先把網站跑起來
- 目標：先看到畫面，知道你改動程式碼時會發生什麼事。
- 階段 B：把文案、價格、日期、按鈕換成你的內容
- 目標：快速做出一個「看起來像你的產品」的專屬頁面。
- 階段 C：串接 LINE 官方帳號
- 目標：讓網站的按鈕能真實將顧客引導至你的 LINE 進行互動。
- 階段 D：串接 GAS 與 Google Sheet
- 目標：將 LINE 傳來的資料，自動記錄下來並進行狀態管理。
你需要準備的工具帳號
要完成這套零成本自動化銷售系統，你只需要事先準備好以下免費帳號：
- GitHub 帳號
- Google 帳號
- LINE 個人帳號
- LINE 官方帳號 (Official Account)
常見問答
完全不會寫程式，也適合上這堂課嗎？
可以。這堂課的設計重點不是要求你先具備完整工程背景，而是帶你透過 AI 輔助，一步一步完成實作。你只需要能跟著操作、願意動手練習，就能做出自己的第一個自動化銷售頁 MVP。
課程中會實際做到哪些成果？
你會完成一個可對外展示的銷售頁，並把報名流程串接到 LINE 官方帳號，再透過 Google Apps Script 與 Google Sheets 建立後台資料管理流程。也就是說，從前端頁面、名單收集到匯款回報與狀態追蹤，都會有一套可實際運作的雛型。
這套系統一定要花很多工具費用嗎？
不一定。這次課程刻意選擇低成本甚至近乎零成本的工具組合，像是 GitHub Pages、Google Sheets、Google Apps Script 與 LINE 官方帳號，目的就是讓你先快速驗證市場，再決定是否要擴充更進階的商業化流程。
如果我已經有自己的課程或服務，也能套用這套方法嗎？
可以，而且很適合。無論你要賣的是線上課程、顧問服務、講座活動、工作坊，甚至是需要先蒐集名單再成交的產品，都可以把這個流程當成基礎骨架，再替換成你的品牌文案、價格方案與報名資訊。
上完課之後，我可以自己修改內容與流程嗎？
可以。課程會把整個架構拆成幾個清楚的階段，讓你知道網站內容、按鈕連結、LINE 關鍵字回覆、Google Sheets 欄位與 GAS 腳本之間是怎麼配合的。後續你要換圖片、改價格、調整表單欄位或新增追蹤流程，都會更有方向。
這堂課比較適合哪些人？
如果你是想快速驗證產品想法的創業者、想把報名與客服流程自動化的講師或顧問、想練習 AI 協作開發流程的行銷人員，這堂課都很適合。它特別適合想先做出成果，而不是先花很多時間學完整套程式理論的人。
這些看似複雜的流程，在 Vibe Coding 的輔助下，實際上難度並不高。大約只要花費 3 個小時，你就能打造出專屬於你、從網頁前端到資料後台完全串接的自動化系統！
如果你對這個課程、或是對 AI 自動化工作流有興趣，歡迎留言告訴我你的想法，也請務必訂閱關注我，後續我會持續分享更多 Vibe Coding 相關的實作作品與應用技巧！
