Select Page

線上課程平台價格較高,想擁有更多彈性嗎? 這篇線上課程平台架設教你從頭建立專屬的課程平台,除了可以增加商品利潤,不受平台限制。

普遍架設網站,需要撰寫程式碼,透過WordPress架站,連新手也能輕鬆駕馭,快速打造一個多功能的線上平台,學習SEO優化知識,增加網站曝光度。

1、如何自架網站?

自架站有3個元素,分別是主機、網址、軟體,才能組成網站,新手可能會擔心沒有經驗,無法成功架站,你只需按照教學步驟,就能完成架站,使用WordPress+WooCommerce外掛,打造強大的線上平台。

  1. 申請網址(Namecheap)
  2. 註冊A2 Hsoting主機
  3. 架設個人網站
  4. 安裝主題與外掛

以上是架站基本的步驟,不會太繁雜

延伸閱讀➝WordPress教學-手把手教你架設網站

WooCommerce是什麼?功能、優缺點分析一次看

WooCommerce教學-快速建立購物網站-立即在網路上開店

WooCommerce組合商品設定-教學實用篇

WordPress是什麼?1分鐘帶你看懂-WordPress的特色

2、申請網址名稱

網址像是住家地址,輸入網址就能找到你,建議名稱與主題相關,例如 :google.com,以簡單好記為主。

網址不要太長,可以讓客戶輕鬆找到,通常會選擇頂級域名,.com、.com.tw,除非有特殊需求。

網域可以到Namecheap註冊,費用比較划算,一年約400元起,建議續租久一點。

3、虛擬主機推薦

虛擬主機也稱共享主機,是從實體主機分切數個空間,讓他人共通使用,平均費用,減少成本負擔。

主機像是蓋房子的土地,面積越大,可以容納越多人,如果主機空間太小,網站一下就慢速,要選擇適合的主機。

A2 Hosting以速度快聞名,是一款不錯的共享主機,提供10GB儲存空間、免費信箱、免費搬家服務、24 小時客服,lgnite最低方案每月約96元,Turbo方案以上20倍加速,可以建立無限個網站。

4、A2 Hosting主機方案

線上課程平台架設

A2 Hosting是一間虛擬主機商,於2001年成立美國密西根州,此創辦人擁有技術相關背景,主機速度表現上不錯,有四個數據點分別是密西根州、亞利桑那州、阿姆斯特丹、新加坡,能讓你選擇離客群最近的伺服器,對網站速度也會較快。

主機的運作速度會影響網站的SEO,根據資料顯示A2 Hosting主機的運作穩定性很高,少有連線不穩。

網站多數是長期經營,建議一次購買3年方案,價格比較划算,lgnite基本方案,提供免費信箱、免費搬家服務、10GB儲存空間、免費SSL憑證,適合剛起步的站長。

A2 Hosting價格方案

未來方案可升級到Turbo ,能建立多個網站、加速20倍、無限制儲存空間、免費SSL憑證、自動備份,有架設多站需求的人,參考此方案。

5、線上課程平台架設

如果是使用A2 Hosting主機,網站應該成功安裝,WordPress是目前最多人使用的一套軟體,連國外知名的CNN網站,是透過WordPress建立,豐富的外掛資源和主題,根據你的需求安裝,像是新聞網站、購物網站、線上課程網站、形象網站、部落格都能建立。

完全不需有任何程式背景,後台操作簡單容易,新手也能上手,自架站費用還比較便宜,最低費用2000元,能擁有部落格。

延伸閱讀➝網站架設費用有哪些?網頁設計報價分析,最低成本只要2000元?

WordPress架站費用-分析成本給你看

5-1、安裝佈景主題

接著要幫網站安裝佈景主題Divi,像是外觀設計,挑選一款優質的主題,可以製作網站頁面、關於我們、聯絡我們、作品集、全站樣式。

Divi Theme主要是走視覺路線,對網站外觀有要求的站長,這款主題大推,可以針對頁面設計,建立專屬網站風格。

有其他外掛工具,購買主題就能下載包含的外掛,內建有多種模板,能根據你的行業進行修改,可以建立無限個網站,未來接案很划算。

STEP 1

取得Divi佈景主題,回到WordPress網站後台,點選外觀⭢上傳佈景主題,在Divi個人資訊,找到使用者名稱及API金鑰,複製貼到欄位,能順利激活帳號,最後按下儲存。

STEP 2

新增頁面,進來看到3個模式能夠因應需求設計,可以選擇中間,套用現有模板,省去開發時間,快速完成頁面。

6、LearnDash是什麼?

完成基本的主題安裝,使用LearnDash這款外掛,打造線上課程平台,可以享完整功能,包含線上測試、下載、作業等,目前只有付費版。

進到LearnDash官網購買,再將外掛下載到電腦,回到WordPress網站,點選上傳安裝外掛。

7、LearnDash價格方案

LearnDash外掛提供年費制,分別可以建立1個、10個、無限個網站,一次性購買,能享有完整功能。

初期需求不多的情況,先從1個網站開始,有提供加購其他附加元件,不一定要使用,這部分可以跳過。

8、LearnDash外掛購買教學

進到官網,右手邊有個GetLearnDash點選按鈕,選擇1個網站方案, 確認沒問題,接著填寫個人資料,地址翻譯到中華郵政查詢,之後要輸入信用卡資訊。


這裡要輸入信用卡資訊,再次確認後,沒問題的話,點選Purchase。

9、LearnDash啟用安裝教學

STEP 1

點選上傳安裝外掛,就能看到購買的外掛,已經成功安裝

STEP 2

這裡可以設定主色系及基礎功能

  • Active Template : 設定版型樣式
  • Accent Cloor : 設定課程的主色系
  • Progress Cloor : 設定進度條顏色
  • Notifications Warnings : 設定課程通知、警告的顏色
  • Focus Mode : 設定專注模式,可以自行選擇
  • Login & Registration : 開啟註冊、登入功能
  • Logo Upload : 設定Logo標誌
  • Video Responsive CSS : 設置響應式功能

STEP 3

可自行設定課程顯示數量,依需求調整即可

STEP 4

下方可以根據需求,調整設定項目

  • Course Auto-enrollment : 設定是否開啟自動註冊
  • Bypass Course limits : 設定管理員是否不需註冊,即可觀看課程
  • Include in Reports : 是否將管理員列入分析

10、設定網站金流

只有單一LearnDash外掛,沒辦法發揮功能,僅能使用Paypal付款,需另外下載WooCommerce外掛,才能讓信用卡支付

STEP 1

在外掛的搜尋欄位,輸入WooCommerce,下載並啟用,詳細資訊,參考WooCommerce教學

延伸閱讀➝架設購物網站教學-打造強大的商店平台,完整指南篇

Checkout Field Editor結帳表單-WooCommerce優化結帳欄位

STEP 2

下載Checkout Field Editor,可以簡化操作步驟,能讓顧客方便下單,提升轉單率

STEP 3

接著透過LearnDash,找到Add-ons,安裝附加功能

  • LearnDash Course Grid : 將短碼複製下來,貼到想要的位置
  • WooCommerce for LearnDash :用串接WooCommerce及 LearnDash,後面才能正常收款

11、新增課程

STEP 1

點選Course,在選擇「Add New」新增課程

STEP 2

接著會顯示下方的項目,分別是:

  • Course Page : 顯示課程介紹
  • Builder : 設定課程的單元
  • Settings : 設定課程介紹、訪問、導覽、證書、分頁
  • Groups : 課程的群組設定

STEP 3

新增課程,能介紹課程說明,及內容是什麼,根據你的教材填寫

STEP 4

點選Builder➞再點選「New Lesson」新增課程單元,能設定不同類別的課程,還能新增課後測驗,➞點選New Quiz

STEP 5

增加課程單元,其實很快速,只需重複操作,依此類推,最後點選儲存。要新增課程內容,點選Edit進行編輯。

12、設定金流付款

STEP 1

回到網站後台,點選WooCommerce,新增商品⮕商品資料,找到Course串接課程

STEP 2

輸入原價格、折扣價,設定要串接的課程,接著點選發佈

STEP 3

輸入課程標題及說明,點選更新

STEP 4

完成後,將連結複製起來,回到Setting⮕Closed,輸入價格,把連結貼上,這就大功告成啦

13、 網站Logo工具推薦

一個深得印象的品牌LOGO,是網站的核心,可以透過Canva這款工具製作,可以製作明信片、邀請卡、封面設計、影片開頭、簡報,操作很直覺,適合所有人使用,付費版提供排程功能,推薦給你們。

14、結論

線上課程平台架設,可以錄製課程販售,比較吸引人的主題,能建立長期收入,如果有預算考量,先從Youtube頻道開始,或分享到社群平台,吸引淺在客戶。

如果沒時間架站,也可以聯繫站長,我們有提供網站架設服務,歡迎聊聊你的需求。

領取個人品牌指南手冊

加入電子報,學習最新教學

恭喜成功訂閱!

Share This