---
title: 如何建立線上課程
description: 從構想到實踐：課程上架教學指南
---

[跳到內容](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#main-content)

中文 - 繁體

顯示翻譯的子功能表

[客戶入口網站](https://help.kolable.com/support?hsLang=zh-tw)

![kolable\_logo.png\]](https://help.kolable.com/hs-fs/hubfs/kolable_logo.png?height=40&name=kolable_logo.png)

開啟主要導覽

關閉主要導覽

- 中文 - 繁體
  
  顯示翻譯的子功能表
- [客戶入口網站](https://help.kolable.com/support)

 你需要哪方面的協助？

- 搜尋欄位為空，無法提供建議。

1. [Learn KOLABLE](https://help.kolable.com/migration/zh-tw/learn?hsLang=zh-tw)
2. [使用手冊](https://help.kolable.com/migration/zh-tw/learn/%E4%BD%BF%E7%94%A8%E6%89%8B%E5%86%8A?hsLang=zh-tw)

# 如何建立線上課程

## 從構想到實踐：課程上架教學指南

### 【文章目錄】

📍[認識課程設計架構](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#Class1)

📍[建立線上課程](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class2)

- [第一步：建立課程基本資訊](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class3)
- [第二步：課程內容的設定](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#claass4)  
  ｜[單元設定、影片上傳、適用方案](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class4-1)  
  ｜[控制單元是否於前台簡介頁顯示](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class4-2)  
  ｜[通知內容更新](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class4-3)
- [第三步：課程設定（設定前台課程介紹頁面資訊）](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class5)
- [第四步：設定銷售方案](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class6)
- [第五步：推廣網址 （是情況而設定，非必須）](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class7)
- [第六步：設定課程講師](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class8)
- [第七步：上架課程](https://help.kolable.com/migration/zh-tw/learn/如何建立線上課程#class9)

 

### 認識課程設計架構

在建立線上課程前，先帶大家了解 Kolable 系統的課程設計架構，初步認識後，將能在操作上事半功倍！

Kolable 系統在建立課程結構上，內容的設定包含老師、課程名稱、課程分類、課程內容（影片）、銷售方案、推廣網址（視情況而定），Anna 用簡單的結構圖給您參考，可參考下圖：

![](https://static.kolable.com/images/support/editor/c7844584-4c56-47d4-9386-23547ea25d40/1200)

那課程要怎麼安排和拆解會更適合？

首先，每個課程會有至少一個到多個**章節**；而在大章節下，可新增無數個小**單元**。

簡單來說，所有課程內容，都是利用單元來呈現，至於，要如何規劃和分章節，可**依照您的課程規劃或認為最適合學習的角度來設定**，有些課程適合分成好幾個章節，有些則用一個章節而多個單元，後台設定如示意圖：

![](https://static.kolable.com/images/support/editor/406cd0c5-6a1d-4c92-bf75-ccbe73886c77/1200)

前台學員預覽學習區樣式會呈現：

![](https://static.kolable.com/images/support/editor/ac1a060a-827f-4692-a11b-98649da7eecf/1200)

#### 舉例

舉個簡單的例子，比如先前提到 A 想建立一個販售「影片製作」相關的線上課程，而他主要販售的對象為給不知道要如何製作「線上課程影片」的人，在他的規劃裡，認爲製作線上課程影片的人他需要了解的內容為「課程企劃」、「剪輯製作」、「行銷推廣」等幾個階段，而每個階段當中又有許多知識點涵蓋在內，因此他認為應該要把「課程企劃」、「剪輯製作」、「行銷推廣」分別當成一個課程，那接著以「課程企劃」來作為介紹。

A 建立了一個「課程企劃」，接著他可能會分了幾個章節，比方說分成「市場調查」、「受眾分析」、「課程規劃」三個章節，而依據每個章節，會有不同的單元講解不同的知識點。

Tips：單元一次盡量不要錄製太長時間，也不要在一個單元中涵蓋太多的知識點，05~15 分鐘是建議的時間，相較好吸收，可依據您自己的內容作安排。

您了解課程組織架構後，接著我們來建立新課程吧！

### 建立線上課程

至後台管理，點選「線上課程」\> 「課程管理」\> 「建立」新課程

![](https://static.kolable.com/images/support/editor/36a278d1-3a85-4ec3-8f38-94298b661942/1200)

step 1. 建立課程基本資訊

依序填入老師、課程名稱（必填）、課程分類。

Tips：在「線上課程」的主選單中可找到「課程分類」來新增和管理。

![](https://static.kolable.com/images/support/editor/ad886f9c-d918-42f8-9204-e19bb19202da/1200)

step 2. 課程內容的設定

點擊「新增區塊」，即會新增一個大章節，接著點擊章節旁「筆」的 Icon，可進行編輯章節名稱。

![](https://static.kolable.com/images/support/editor/5e42a4c9-1e23-4cc3-887e-c8604f60fade/1200)

![](https://static.kolable.com/images/support/editor/31b5b478-1535-4f31-be51-d003567b12bf/1200)

點擊章節內的「新增內容」，可自訂單元模式，單元模式包含影片內容、圖文內容、音頻內容、作業練習、隨堂測驗等類別。

提醒：根據您購買的方案可選擇的單元模式會不同，如果對其他單元模式有興趣，可聯繫商務開發人員，他會為您介紹。

![](https://static.kolable.com/images/support/editor/76719757-1e39-4fa7-88a0-e619787c2a86/1200)

點擊小單元最右側「筆」的符號，可對小單元內容做更詳細的編輯。

![](https://static.kolable.com/images/support/editor/221966d9-2119-4b3e-8e23-b5a404fec840/1200)

#### 進入到單元編輯頁

 依序設定該單元的資訊

- 單元的標題
- 適用方案（方案介紹請點[課程銷售方案介紹](https://help.kolable.com/zh-tw/learn/%E8%AA%B2%E7%A8%8B%E9%8A%B7%E5%94%AE%E6%96%B9%E6%A1%88%E4%BB%8B%E7%B4%B9?hsLang=zh-tw)）
- 課程影片（新增檔案上傳課程影片）
- 內容時長（上傳影片後，會自動抓取影片時長）
- 教材上傳、內文（針對小單元說明補充文字）

- 控制單元是否於前台簡介頁顯示 
    - 隱藏：前台隱藏單元
    - 試看：是否有購買此課程的會員，皆可以試看此單元
    - 登入試看：會員於登入狀態下，是否有購買此課程皆可以試看此單元
    - 付費觀看：購買課程即可觀看單元

![](https://static.kolable.com/images/support/editor/a926b184-4b00-4e58-863f-3c358764a5e5/1200)

- 「通知內容更新」

若有勾選「通知內容更新」，日後對於這一個單元進行編輯並儲存，購買此課程的學員都會於前台頭像旁的小鈴鐺收到課程更新通知。

![](https://static.kolable.com/images/support/editor/40f7f633-f420-4564-8513-aa562b58af66/1200)

step 3. 課程設定（設定前台課程介紹頁面資訊）

- 「基本設定」區塊 
    - 課程名稱
    - 分類
    - 標籤（hashtag）
    - 顯示語系
    - 簡介章節（所有章節標題 or 僅顯示試看章節）
    - 問題討論
    - 購買人數

![](https://static.kolable.com/images/support/editor/d8ea4319-080d-4953-870a-c3a3958982b3/1200)

- 「課程介紹」區塊 
    - 上傳課程封面圖（尺寸建議為 1200\*675 px）
    - 介紹影片（簡介頁面上方會出現的介紹影片）
    - 課程摘要
    - 課程描述

![](https://static.kolable.com/images/support/editor/23e13d1d-7b80-4a67-b668-89edba62abfb/1200)

全部設定完成後，就可至前台瀏覽建立好的課程囉！（您可參考以下畫面）

Tips：記得建立選單連結，比如：  
「線上課程」：/programs  
或使用自訂頁面選擇您要呈現的課程。

課程卡上方顯示 課程封面圖、課程名稱、課程摘要。

若有開啟「購買人數」顯示，課程卡左下方會出現人形符號代表購買此門課程人數為幾人

![](https://static.kolable.com/images/support/editor/bd428f6b-33fb-40a1-9f50-caca177821a9/1200)

點擊進入該課程後，會在前台顯示課程簡介，與後台設定對應如下：

![](https://static.kolable.com/images/support/editor/507d0290-13e0-4a22-8c59-de340a83bd21/1200)

step 4. 設定銷售方案

建立好課程，再來您需思考預計的銷售形式，Kolable 系統的銷售方案分為三種：永久方案、限時方案、訂閱方案，可讓您選擇適合的銷售方案進行販售，接下來稍做銷售方案的說明：

- 銷售方案說明 
    - 永久方案： 一次買斷，學員只需付一次款，即可終生觀看
    - 限時方案： 於設定的期限內不限次數觀看，到期後如需繼續觀看，則需自行重新購買課程
    - （例如設定觀看期限為一個月，付款完當下即開通觀課權益，一個月內對課程內容無限次進行觀看）
    - 訂閱方案： 於設定的期限內不限次數觀看，到期時系統會自動對學員進行扣款，進行下一期續訂（比照市面上使用訂閱制產品如 Netflix Disney+ 自動扣款的形式）

![](https://static.kolable.com/images/support/editor/c61443ed-0bd4-46de-b669-c73a98799910/1200)

#### 舉例

#以建立限時方案為例

\- 設定方案名稱

\- 於簡介頁顯示方案（發售、停售）

\- 選擇內容觀看權限：

選取可看所有內容（購買方案時可看整堂課程的內容）

也可以搭配前面的課程單元的「適用方案」來做販售

選擇「可看指定方案過去與未來內容」or 「僅可看指定方案未來內容」

（例如同一堂課程想要分三種不同價位的方案分別能看到不同的課程內容）

\- 方案週期：

設定觀看期限（只有限時方案與訂閱方案需要設定期限）

\- 方案定價（原價）

\- 優惠價：

右方的時間設定為優惠價到期日

 

![](https://static.kolable.com/images/support/editor/5061b175-9125-464b-84d0-33fcbe46012d/1200)

step 5. 推廣網址 （是情況而設定，非必須）

在課程設定內有推廣網址的方式，於推廣網址分別建立獨立的網址，並再將該獨立推廣網址給協助推廣的人去做發送，比如您有與 KOL 或是不同通路的人合作，皆可使用「推廣網址」。

例如：消費者透過下圖（１號推廣人）的網址點進課程並且購買，最後可以於銷售管理系統匯出總表匯出表格後，對應哪幾筆訂單是使用推廣網址購買的，並且手動發送優惠給予推廣人～感謝他們的推廣和介紹，彼此互惠。

![](https://static.kolable.com/images/support/editor/163b5fbb-0a21-45c4-8aa1-e698351c228d/1200)

Tips：要如何觀看有哪些課程有被推廣？您可在後台的銷售管理 \> 匯出資料 \> 選擇預計會出的區段時間資料＞匯出總表，即可查看是否有課程被推廣以及是被誰推廣。 

 

 

![](https://static.kolable.com/images/support/editor/834cf9d6-6aec-4521-8b67-0acda1040c2b/1200)

 

![](https://static.kolable.com/images/support/editor/5bffcb1c-2b44-4fca-a87c-687a029f868b/1200)

step 6. 設定課程講師（身份管理）

假設這堂課程是多講師的身份，我們可以到「身份管理」中點選「新增講師」為課程新增多講師～

特別注意講師的順序是由上而下進行排列，而第一位講師則會是主要講師！

![](https://static.kolable.com/images/support/editor/912533d6-84c9-4106-858c-885695696761/1200)

多講師於前台課程介紹頁的顯示可參考下方圖示，介紹頁右方會顯示「主要講師」（也就是後台設定的第一位講師）。

![](https://static.kolable.com/images/support/editor/f5ad4d6c-914e-4dfe-9f63-6afc3970eb35/1200)

其他多位講師身份會於介紹頁下方 「講師簡介」區塊呈現。

![](https://static.kolable.com/images/support/editor/a140d16f-95e6-441d-a520-edd5bc1e84d8/1200)

step 7. 上架課程（課程發佈設定）

經過一連串的設定，終於可發佈課程啦！

- 發佈設定

- - 公開發布： 於前台瀏覽的會員都可以看得到這堂課程的販售
    - 私密發布： 使用私密發佈後，可以將課程網址傳送給特定會員，利用網址購買已發佈的私密課程（但須注意如果知道連結的會員，再將連結另給予其他人，則知道連結的其他人士也是可以進行購買的喲！）

Tips：

＃私密發布後要如何拿到課程網址呢 ?

課程設定中由上角的「預覽」\> 「預覽簡介」，即可取得課程網址囉！

![](https://static.kolable.com/images/support/editor/f7499172-80bd-49c9-b28e-4f9836df7038/1200)

以上為建立及發佈一堂線上課程的各階段步驟。

其實建立課程並沒有想像中困難，依著流程您就可建立起屬於自己的課程了，那麼接著就開始建立您的課程規劃和販售課程吧！

 

若還有其他的疑問和不明白的地方，或是您的任何建議，都歡迎來信給 Anna ！

- [使用手冊](https://help.kolable.com/migration/zh-tw/learn/%E4%BD%BF%E7%94%A8%E6%89%8B%E5%86%8A?hsLang=zh-tw)
- [常見問題](https://help.kolable.com/migration/zh-tw/learn/%E5%B8%B8%E8%A6%8B%E5%95%8F%E9%A1%8C?hsLang=zh-tw)
- [教學手冊](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#main-content)

    - [入門資訊 Before Started](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#%E5%85%A5%E9%96%80%E8%B3%87%E8%A8%8A-before-started)
    - [開始建立 Edit](https://help.kolable.com/migration/zh-tw/learn/%E6%95%99%E5%AD%B8%E6%89%8B%E5%86%8A?hsLang=zh-tw#%E9%96%8B%E5%A7%8B%E5%BB%BA%E7%AB%8B-edit)
- [百科全書](https://help.kolable.com/migration/zh-tw/learn/%E7%99%BE%E7%A7%91%E5%85%A8%E6%9B%B8?hsLang=zh-tw)

[![kolable-logo](https://help.kolable.com/hubfs/KOLABLE.svg "kolable-logo")](https://kolable.com)

版權所有 © 2026，台灣數位遊牧者協會