大多數講師直接用 Kanorio 建站就能開課。如果您已經有網站,或想要完全自己設計的網站,也可以讓 Kanorio 只當課程與學員的後台,課程頁面放在您自己的網站上,這種做法叫「自架前端」(Headless)。學員一樣在您的網站上登入、上課,播放器、防外流與學習進度都和用 Kanorio 建站時相同。
| 您的情況 | 建議 |
|---|---|
| 還沒有網站,或不想碰技術 | 用 Kanorio 建站,從開始 |
| 已經有網站,只想在上面加課程頁與播放器 | 自架,用 Elements 嵌入 |
| 需要特殊的設計、互動或流程,現有模組做不到 | 自架,用 AI 工具或請工程師做 |
| 有工程師,或會用 Cursor、Lovable、v0 這類 AI 寫程式工具 | 自架 |
不確定的話,先用 Kanorio 建站開課。之後要改成自架,課程、學員、訂單都會延續,不用搬資料。
| 還在 Kanorio,不用自己做 | 由您的網站負責 |
|---|---|
| 建課後台、受保護檔案與影片串流 | 首頁、課程介紹頁與銷售文案 |
| 商品、結帳、金流、發票與稅務 | 網站的設計與版面 |
| 學員登入(Email 驗證碼)與存取權 | 把課綱、播放器、登入框放進頁面 |
| 播放器、防外流、學習進度、測驗與結業證書 | |
| 聯絡人、分眾、電子報、促銷、Webhook |
結帳仍在 Kanorio 的結帳頁完成,付款後自動導回您的網站。用 Kanorio 編輯器才有的功能(例如站內推廣的置頂布條與彈窗)在自架網站上不適用,各項替代做法見。
依難度由低到高:
<kanorio-curriculum>(課綱與免費試看)、<kanorio-login>(學員登入)與 <kanorio-unit>(上課頁面與播放器)。外觀可以用 CSS 變數調整成您網站的配色,適合已經有網站、只想加上課程的人。不論哪一種,網站的網域都要先加到「網站設定 › 開發者」的「允許的來源」,學員才能在您的網站登入。
您不用給工程師帳號密碼:邀請他加入網站團隊,指派一個從「自架前端開發者」範本建立的角色(見),再把「網站設定 › 開發者」裡的啟動包複製給他。完整的交接步驟與上線後的分工見。
技術上可以,但不建議。只播原檔,學員會失去依網速自動切換畫質與拖曳後立刻跳轉,原檔也比較容易被整支下載;而且串流版本照樣會產生並計入空間,沒有關閉的選項。Elements 的播放器與 Customer API 預設都會給串流版本,請工程師優先播它。
一樣。方案、平台費與儲存空間的算法相同,API 呼叫不限次數、不收流量費,見開課費用。
不用。學員只在您的網站用 Email 驗證碼登入一次,課程、進度與證書都在您的網站上看。
只要頁面可以貼自訂的 HTML 與 script,就能用 Elements 嵌入課綱、登入框與播放器。
可以。課程、商品、學員與訂單都延續,學員需要在新網站重新登入一次。