01
銷售頁樣板
完成一個可直接替換內容、立刻上線的課程或服務型 landing page。
- Hero 區 + CTA 結構
- 高轉換內容排序
- 手機版與桌機版同步完成
3 小時實作工作坊
零基礎也能跟著完成不是只學概念，而是直接做出頁面
用 AI 跟享哥一起做出你的第一個銷售頁
零程式基礎、快速上手、可部署上線。你不只學概念，而是帶著一個真的能拿去用的 MVP 銷售頁離開教室。
開課日期
2026/12/31
上課形式
實體工作坊 / 小班互動
上課地點
XX教室
適合講師、顧問、內容創作者，或任何想先做出第一個可上線頁面的人。
3 小時
實作交付節奏
零基礎
也能順著做完
可上線
帶走你的 MVP 銷售頁
早鳥截止 2026/12/31
限時優惠保留位
剩餘 20 席
成果預覽面板
工作坊結束前，你會真的做出這些東西
你不是只會拿到教材
你會離開教室時，同時帶走可公開的頁面、可追蹤的事件，和一條自己之後還能複製的發版流程。
網站成品
完整 Hero、CTA、FAQ 與高轉換內容排序。
追蹤設定
CTA、頁面滾動與再行銷資料基礎同步建立。
部署完成
GitHub Pages 發版流程與後續版本控管一起理解。
你會帶走的成果
不是學完而已，而是把能賣、能追、能上線的成果直接做出來
成果展示放在前面，因為這門課要解決的不是知識焦慮，而是讓你在最短時間內得到一個真的可交付的作品。
02
名單與追蹤設定
知道怎麼埋 GA4、GTM 與像素事件，讓行銷不是只看感覺。
- CTA 點擊追蹤
- 頁面滾動深度事件
- 後續廣告再行銷基礎
03
部署與版本控管
從 GitHub 到靜態部署流程完整走一遍，理解怎麼穩定發版。
- GitHub Pages 上線
- 版本回滾思路
- 可複製到下次活動與專案
你可能也卡在這裡
不是你不夠努力，而是大多數人缺少一條能把想法落成成果的路
這堂課聚焦在目標受眾最常見的三種卡點，讓頁面、追蹤與報名流程能一起串起來。
常見卡點
想做可上線的銷售頁，但技術門檻太高
工具一堆、教學很多，但很少有人陪你真正把東西做完。
常見卡點
跟工程師協作常常講不清楚
需求卡在抽象描述，最後不是延期，就是做出來不是你要的。
常見卡點
上過很多課，卻沒有可用的作品
你需要的是能上線、能追蹤、能拿去賣的成果，不是更多空泛概念。
這堂課會怎麼解
Vibe Coding 用「感覺派程式素養」帶你把抽象需求拆成可執行頁面與流程，直接產出成果，同時提升與工程、設計、行銷之間的協作效率。
講師介紹
讓 享哥 帶你把抽象需求，變成真的上線成果
擁有多年行銷實戰與 AI 應用經驗，擅長把抽象技術轉成可落地的成果流程，讓不懂程式的人也能跟著做、看得懂、做得出。
生成式 AI 應用規劃師
- 超過 10 年數位行銷與自動化整合經驗
- AI 實作與跨團隊溝通實戰者
- 多場企業與院校講師經歷
- 擅長把複雜流程拆成可直接複製的步驟
10+ 年
數位行銷與整合經驗
跨部門
AI 導入與協作實戰
企業 / 院校
授課與工作坊經歷
課程核心內容
6 個步驟，把銷售頁、追蹤、部署與 LINE 自動銷售流程一次串起來
課程不是單點教學，而是一條連續的實作路徑。每一步都對應一個你可以帶走的結果。
STEP
01
Vibe Coding 核心概念
建立你對 AI 寫站流程、提示設計與需求拆解的基本框架。
這一步的產出
知道如何把想法轉成可執行頁面規格
STEP
02
實作你的第一個銷售頁
從 Hero、CTA、成果展示到 FAQ，一次完成高轉換單頁架構。
這一步的產出
得到可立即替換內容的銷售頁骨架
STEP
03
Next.js / TailwindCSS 快速入門
理解常見檔案結構、元件拆法與樣式系統，不靠死背語法。
這一步的產出
看得懂專案結構，敢自己改內容與樣式
STEP
04
設置追蹤與像素
把 CTA、滾動深度與再行銷所需事件埋好，資料才會留下來。
這一步的產出
具備 GA4 / GTM / Pixel 的基本追蹤能力
STEP
05
部署上線與版本管理
從 GitHub 到 GitHub Pages，完成實際發版與回滾概念。
這一步的產出
帶走一個真的可以上線的公開網址
STEP
06
建立 LINE 自動銷售 CRM
用 AI 幫你把 LINE 官方帳號的自動回覆、關鍵字查詢、圖文選單與卡片訊息串成第一個可運作的銷售 CRM。
- 建立簡單的聊天機器人，實現第一個自動回覆流程。
- 加入訊息偵測與資訊查詢功能，讓機器人能針對特定關鍵字回覆對應資訊。
- 設計並建立 LINE 圖文選單，讓客戶能快速點選常用功能。
- 學習用 Flex Message 建立精美卡片訊息，提升整體視覺呈現與互動體驗。
這一步的產出
完成一套可持續接待、導購與回覆常見問題的 LINE 自動銷售 CRM 雛型
課程時間與地點
把上課資訊清楚講明白，降低最後一哩的報名猶豫
當日期、形式、地點與準備工具一次說清楚，報名者就比較不需要回頭私訊確認細節。
日期
2026/12/31
時間
早上九點到下午五點
形式
實體工作坊 / 小班互動
地點
XX教室
建議自備工具
- 筆電
- Chrome 瀏覽器
- GitHub 帳號
- LINE 帳號
社會證明
讓報名者看到，這門課的重點不是聽完，而是真的做完
在正式學員見證補齊前，先保留真實語氣的回饋結構，後續只需替換內容，不用重做整個版。
從想法到上線
“
跟享哥一起做完的銷售頁真的上線了！
學員回饋 A
真實學員回饋語氣示意
零基礎也能完成
“
不懂程式也能部署 + 追蹤設定，整個流程第一次真的看懂。
學員回饋 B
真實學員回饋語氣示意
流程可複製
“
實際可用、可複製的流程太實在，回去馬上能套到自己的專案。
學員回饋 C
真實學員回饋語氣示意
價格方案與 CTA
用清楚方案與價格節奏，讓報名者更快做決定
單人票
適合不同報名情境
4800元
適合想自己完成第一個可上線作品的個人學員。
早鳥優惠
推薦第一次報名者優先卡位
最推薦
3600元
限時保留優惠名額，優先卡位本梯次工作坊。
雙人團報
適合不同報名情境
5600元
適合共同學習與公司夥伴一起導入實作流程。
報名提醒
- 早鳥截止 2026/12/12
- 本梯次剩餘 20 席
- 所有報名統一由 LINE 完成
這一區不需要炫技，只需要把方案差異、推薦選項與報名動作說清楚。現在的重點是讓人一眼知道該選哪一個，以及下一步要做什麼。
這一段應該傳達的 3 件事
- 哪個方案最適合第一次報名的人
- 現在行動有什麼優惠或截止條件
- 點擊之後會發生什麼事，不要讓人猜
報名流程說明
把報名流程先講清楚，讓頁面本身就能完成一半客服工作
從加入 LINE 到輸入後五碼，這段流程設計直接對應到後續 LINE 與 GAS 狀態機，不會在整合時重做。
01
報名步驟 1
加入 LINE 官方帳號
從任一 CTA 進入 LINE，先收到課程簡介與報名指引。
02
報名步驟 2
點擊報名課程
查看當前優惠價格、匯款資訊與報名步驟說明。
03
報名步驟 3
完成匯款
依指示匯款後，於 LINE 輸入「我已完成匯款」。
04
報名步驟 4
輸入帳號後五碼
系統送往 GAS 與 Google Sheet，等待人工對帳確認。
FAQ
把常見疑問先回答完，讓報名決策更直覺
這一區先放最常被問的四題。之後若要補更多課程細節，也能直接照現有結構延伸。
不用。課程設計就是為零基礎學員準備，你需要的是願意操作、願意跟著拆解步驟，課程會從理解結構與改內容開始帶。
最後一個提醒
把這次學習變成你下一個可上線的成果
如果你要的不是再看一門課，而是確實做出一個可部署、可追蹤、可複製的銷售頁，現在就先加入 LINE 卡位。
先加入 LINE，不代表立即購買；你會先收到課程說明、優惠與後續報名步驟。