最後更新：2026/10/15
一位教烘焙的老師，實體課一班八個人，一年最多教兩百人。她把課錄成影片放到線上，第一年賣出六百份，第二年開始有人問「有沒有進階班」「可以開發票嗎」「我上次看到第幾集忘了」。她的網站是用一般的購物車賣影片連結，這些問題每一個都要人工回。
線上課程網站和一般購物網站不一樣，賣的不是「一次交貨」，是「一段時間的使用」。這篇把一個線上課程網站需要的頁面和功能從頭到尾列一遍，每一項講清楚為什麼需要、什麼時候可以先不做。不講任何特定外掛的設定畫面，只講規劃，規劃清楚了再選工具。
課程總覽：一眼看懂你教什麼
課程總覽是課程網站的「商店頁」。每一門課一張卡片：課名、一句話說明、時長、價格、適合誰。課只有一兩門的時候，總覽可以就是首頁；超過五門就要分類，依主題或依程度（入門、進階）都可以。卡片上要有「免費試看」或「試聽」的入口，這是線上課程最重要的轉換點，客人沒看過你怎麼教，很難花幾千元。
課程頁：賣的是「上完之後的你」
課程頁就是商品頁，但要回答的問題更多。這一頁從上到下建議放：這門課解決什麼問題、上完你會做到什麼（寫成具體的成果，例如「做出一個完整的四頁網站」）、課程大綱（每一單元的名稱和時長）、講師是誰和為什麼有資格教、學員的作品或心得、常見問題（可以看多久、能不能退費、要什麼設備）、價格和購買按鈕。
大綱是最常被忽略的部分。大綱寫得細，客人才知道自己買的是什麼，也才知道這門課不是他已經會的東西。試看單元放在大綱裡，讓客人直接點開看一段。課程頁的說服結構可以對照〈網站有人看卻沒人聯絡？〉那篇的元素。
單元怎麼切：每一單元一件事
把一門課切成單元，是課程網站和「一個兩小時影片檔」最大的差別。我們做過的網頁設計課程研究裡，七個單元每一個對應一個作業，單元裡每個學習項目都寫成「步驟 1 → 步驟 2 → 步驟 3」的鎖鏈，學員上完就做，做了就知道自己會不會。線上課也一樣：每一單元 10 到 20 分鐘，講一件事，結尾有一個可以動手做的任務。
單元頁本身要有：影片、這一單元的講義或重點整理（文字版，方便複習和搜尋）、附件下載（範例檔、練習檔）、「標記為完成」和「下一單元」。單元的順序要鎖定還是可以跳著看，看課程性質：有先後順序的技術課鎖定，觀念課開放。
影片放哪裡
影片不要直接上傳到 WordPress 的媒體庫。主機空間很快就滿，而且影片網址一旦被複製就能分享給沒買課的人。常見的做法有兩種：用 YouTube 的「不公開」影片嵌入，免費、方便，但影片網址一樣會外流；用 Vimeo、Bunny 這類影片服務的「只允許在你的網域播放」功能，影片在別的網站打不開，防盜效果好，要付月費。賣課的收入到一個程度，就值得換到第二種。影片嵌入的三種做法在〈網站放影片的三種做法〉。
防盜要務實：螢幕錄影是擋不住的，影片服務擋的是「直接分享連結」這種最常見的流出。把心力放在讓課程好到大家願意付費，比把心力放在防盜划算。
會員中心：我的課程、進度、證書
學員登入後要看到「我的課程」：買了哪幾門、每一門上到哪裡（進度條）、上次停在哪一單元。進度是回訪率的關鍵，人看到自己完成了 60%，會想把剩下的看完。
測驗和證書看課程需要。要頒證書的專業課，每個單元結尾放幾題選擇題，全部通過才發證書，證書上有學員姓名和日期，可以做成 PDF 下載。興趣課不用，做了反而增加學員的壓力。
會員中心還要有：訂單和發票、下載過的附件、重設密碼。這些 WooCommerce 的「我的帳戶」本來就有，加上課程進度就夠了，整理方式看〈WooCommerce「我的帳戶」頁整理〉。
付款和期限
線上課程的付款方式比實體商品單純：信用卡、ATM 轉帳、超商代碼就夠，付款完成自動開通，不用等人工確認，做法在〈WooCommerce 賣電子書、講義、素材〉那篇的「付款後自動完成」。
要先決定的是「可以看多久」：永久、一年、還是跟著訂閱。永久最省事，但課程更新後舊學員要不要看得到，要先想好；一年期和訂閱制要有到期提醒和續約流程，複雜很多，可以看〈會員制、訂閱制怎麼做？〉。同一門課不要讓學員重複買，做法在〈WooCommerce 課程只能買一次〉。
預售也常用：課程還沒錄完先開賣早鳥價，用這筆錢安心把課錄完。預售的規則和風險在〈在台灣先收錢再做〉。
一個人經營，哪些要自動化
講師多半一個人，網站的自動化決定你有沒有時間備課。三件事一定要自動：付款後開通、到期前提醒、新單元上線通知。問答區可以先不做，用一個 LINE 社群或 Facebook 社團代替，等學員多了再搬進網站。討論區、作業繳交、一對一批改這些，等有助教再說。一個人的自動化原則在〈一個人做不完？一人工作室的 3 種自動化〉。
開課前的規劃清單
把上面的東西整理成一張清單，開課前逐項確認：
- 課程總覽（有試看入口）
- 每門課的課程頁（成果、大綱、講師、心得、常見問題、價格）
- 單元切好，每單元有影片、文字重點、附件、完成標記
- 影片放在有網域限制的影片服務
- 會員中心：我的課程、進度、訂單
- 付款後自動開通、觀看期限和續約規則
- 測驗和證書（需要才做）
- 到期提醒、新單元通知
課程是資產，網站是裝資產的地方
實體課一年教兩百人，線上課可以教兩千人，而且錄一次賣很多年，這是〈自媒體怎麼賺錢？〉講的「做一次賺很久」。前提是課程放在自己的網站上，學員名單、進度、付款都在自己手上，平台改規則、抽成、關站都影響不到你。
如果你想把課程搬到線上，從課程頁、單元、會員中心到付款一次規劃好，可以先看〈IG 帳號不是你的資產〉想想網站要做到什麼。MIMI 專做客製化網頁設計，線上課程網站可以依你的課程結構設計。MIMI 提供新北網頁設計服務，新北的講師和工作室可以用電話、Email 直接和設計師討論；費用可以先看首頁的製作費用參考，歡迎聯絡 MIMI。
