Bỏ qua tới nội dung
Dịch vụ

Thiết kế website bán khóa học online

Website bán khóa học không chỉ là chỗ đặt video lên thu tiền: nó phải bán khóa, giao bài giảng cho đúng người đã trả tiền, giữ video khỏi tải lậu, theo dõi tiến độ học, chấm quiz và cấp chứng chỉ.

Thiết kế website bán khóa học online
Cỡ chữ

Website bán khóa học không chỉ là chỗ đặt mấy video lên rồi thu tiền. Nó phải bán được khóa, giao bài giảng tới đúng người đã trả tiền, giữ video khỏi bị tải lậu hay chia sẻ tài khoản, theo dõi học viên học tới đâu, chấm bài kiểm tra và cấp chứng chỉ. Web22 dựng loại web này theo hai hướng tùy quy mô: WordPress với LMS (Learning Management System, hệ thống quản lý học tập) cho phần lớn người dạy, hoặc dựng riêng bằng Next.js khi số học viên lớn và yêu cầu bảo mật video gắt. Trang này nói thẳng từng bài toán và cách Web22 giải.

01

Web bán khóa học khác web bán hàng thường ở đâu

Nhiều người nghĩ bán khóa học giống bán một sản phẩm bình thường: thêm vào giỏ, thanh toán, xong. Thực tế hai bài toán cách nhau khá xa, và chỗ khác nhau nằm ở phần sau khi khách trả tiền.

Bán một cái áo thì giao xong là hết trách nhiệm. Bán một khóa học thì trả tiền mới là lúc bắt đầu: học viên đăng nhập vào khu vực riêng, xem từng bài giảng theo thứ tự, làm bài kiểm tra, được mở khóa bài tiếp theo, học xong nhận chứng chỉ. Cả một quá trình kéo dài hàng tuần, hàng tháng, và web phải lo trọn quá trình đó.

Vài thứ web bán hàng thường không cần, mà web khóa học bắt buộc có:

  • Khu vực thành viên có đăng nhập. Người mua khóa nào chỉ thấy đúng khóa đó, người chưa mua không vào được. Đây là phần khóa nội dung theo quyền, không phải trang ai vào cũng xem.
  • Bài giảng video được bảo vệ. Một khóa học hay là tài sản người dạy đổ công nhiều tháng làm ra. Để lộ link video cho tải về thoải mái là mất trắng giá trị.
  • Theo dõi tiến độ học. Học viên cần biết mình học tới đâu, còn bao nhiêu bài; người dạy cần biết ai học đều, ai bỏ giữa chừng.
  • Bài kiểm tra và chứng chỉ. Đánh giá xem học viên có nắm bài không, rồi cấp một tờ chứng chỉ ghi nhận hoàn thành.

Nếu bạn chỉ bán vài tài liệu PDF tải về một lần là xong, bạn chưa cần tới web khóa học, một web bán hàng đơn giản trên nền WooCommerce đủ rồi. Web22 sẽ nói thẳng điều đó thay vì đẩy bạn lên một dự án nặng hơn nhu cầu thật.

02

Bài giảng video, host ở đâu và chống tải lậu thế nào

Đây là phần đau đầu nhất của mọi người bán khóa học, và cũng là phần Web22 muốn nói kỹ vì nhiều nơi làm web khóa học bỏ qua hoặc làm hời hợt.

Sai lầm phổ biến nhất là up thẳng video vào host của website. Cách này hỏng ở hai mặt: host thường yếu, vài chục học viên cùng xem là giật lag; và link file video nằm trần, chỉ cần xem mã nguồn trang là sao chép link tải về máy, rồi đem chia sẻ khắp nơi. Tài sản người dạy bay trong vài ngày.

Cách Web22 làm là tách video ra một dịch vụ phát video chuyên dụng, rồi nhúng vào bài giảng có kiểm soát. Vài lựa chọn tùy ngân sách:

  • Bunny Stream hoặc Vimeo cho phần lớn người dạy. Trả tiền theo lượng xem thật, nhẹ chi phí khi mới bắt đầu, video phát mượt nhờ mạng phân phối toàn cầu. Có thể khóa video chỉ phát được trên đúng tên miền của bạn, dán lên web khác là không chạy.
  • Phát video có mã hóa bản quyền (DRM, công nghệ khóa nội dung số như Widevine của Google và FairPlay của Apple) khi khóa học giá cao, sợ bị quay màn hình hay tải lậu. Video được mã hóa, máy phát phải xin “giấy phép” mới giải mã được, và có thể chèn dấu nước vô hình (forensic watermark) gắn danh tính từng học viên vào khung hình, ai phát tán là truy ra.

Phải nói thật một điều: không có cách nào chống tải lậu tuyệt đối. Người quyết tâm vẫn có thể quay màn hình bằng điện thoại chĩa vào máy tính. DRM và dấu nước không phải để chặn 100%, mà để nâng rào cản đủ cao khiến đa số bỏ cuộc, và để lúc bị lộ thì truy được nguồn. Web22 dựng các lớp bảo vệ này, nhưng không hứa với bạn điều bất khả thi.

03

Chống chia sẻ tài khoản

Một khóa giá vài triệu, năm người chung tiền mua một tài khoản rồi chia nhau dùng, người dạy mất bốn suất doanh thu. Đây là kiểu thất thoát âm thầm mà nhiều web khóa học không để ý cho tới khi nhìn lại số liệu.

Cách xử lý Web22 hay dùng là giới hạn số thiết bị đăng nhập cùng lúc trên một tài khoản. Mỗi tài khoản chỉ cho phép một hoặc hai thiết bị hoạt động cùng thời điểm; thiết bị thứ ba đăng nhập thì đẩy thiết bị cũ ra, hoặc khóa tạm và yêu cầu xác minh. Học viên thật dùng máy tính ở nhà rồi điện thoại lúc đi đường vẫn thoải mái, nhưng nhóm năm người dùng chung sẽ bị đá ra liên tục, đủ phiền để họ không buồn chia nữa.

Có thể siết thêm bằng cảnh báo khi một tài khoản đăng nhập từ quá nhiều địa điểm trong thời gian ngắn, hoặc gắn mỗi phiên học với một thiết bị cụ thể. Mức siết tới đâu là cân nhắc giữa chặt chẽ và phiền học viên thật, Web22 bàn với bạn để chọn mức hợp với loại khóa của bạn, chứ không siết bừa làm khổ người mua tử tế.

04

Quản lý học viên và theo dõi tiến độ

Khi đã có vài trăm học viên, bạn không thể nhớ trong đầu ai mua khóa nào, ai học tới đâu. Web khóa học phải lo phần đó thay bạn.

Phía học viên, mỗi người có một trang riêng: khóa đã mua, bài đã học xong đánh dấu hoàn thành, bài đang dở, phần trăm tiến độ cả khóa. Họ mở lên là biết học tiếp từ đâu, không phải dò lại từ đầu mỗi lần.

Phía người dạy, có một bảng quản trị nhìn được toàn cảnh: bao nhiêu người ghi danh khóa nào, ai học đều, ai mua xong bỏ luôn không vào lần nào. Số liệu này không chỉ để biết cho vui, nó giúp bạn nhắc học viên sắp bỏ cuộc quay lại, biết bài nào nhiều người dừng để xem lại bài đó có vấn đề gì, và biết khóa nào bán chạy để làm thêm khóa tương tự.

Đi kèm là tính năng nhỏ giọt nội dung (drip content): thay vì mở hết bài ngay khi mua, web mở dần theo lịch, ví dụ mỗi tuần một module. Cách này giữ học viên theo nhịp, hợp với khóa học có lộ trình, và cũng giảm rủi ro ai đó mua xong tải vội cả khóa rồi đòi hoàn tiền.

05

Bài kiểm tra, quiz và cấp chứng chỉ

Học mà không kiểm tra thì khó biết có vào đầu không. Web22 dựng phần bài kiểm tra (quiz) gắn vào cuối mỗi bài hoặc cuối khóa, với nhiều dạng câu: trắc nghiệm một đáp án, nhiều đáp án, đúng/sai, điền từ. Có thể đặt điều kiện phải đạt điểm tối thiểu mới được mở bài tiếp theo hoặc mới được cấp chứng chỉ.

Khi học viên hoàn thành khóa và đạt yêu cầu, web tự sinh một chứng chỉ ghi tên học viên, tên khóa, ngày hoàn thành, theo mẫu thiết kế riêng cho thương hiệu của bạn. Học viên tải về hoặc khoe lên mạng xã hội, vừa là phần thưởng cho họ vừa là quảng cáo miễn phí cho khóa học của bạn. Mỗi chứng chỉ có thể gắn một mã để bên thứ ba kiểm tra tính thật, hữu ích với khóa học nghề nghiệp cần chứng minh năng lực.

06

Thanh toán theo khóa, theo gói hay đăng ký tháng

Cách thu tiền quyết định khá nhiều tới doanh thu, nên Web22 dựng linh hoạt để bạn chọn mô hình hợp với loại nội dung của mình:

Mô hìnhCách thuHợp với
Bán lẻ từng khóaTrả một lần, học trọn đời khóa đóKhóa có lộ trình rõ, học xong là xong
Bán theo gói (combo)Mua nhiều khóa cùng lúc giá ưu đãiNgười dạy có nhiều khóa liên quan
Đăng ký theo tháng (subscription)Trả định kỳ, mở khóa toàn bộ thư việnKho nội dung lớn, ra bài mới đều đặn
Thành viên trả phíPhí định kỳ đổi lấy quyền vào khu riêngCộng đồng học tập, nội dung độc quyền

Phần thu tiền định kỳ hằng tháng là chỗ dễ sai nhất: phải tự động gia hạn, tự nhắc khi thẻ sắp hết hạn, tự cắt quyền truy cập khi học viên ngừng trả, và xử lý gọn lúc họ muốn hủy. Web22 dựng phần cổng thanh toán này dựa trên hệ thống thanh toán WooCommerce khi làm trên WordPress, nối các cổng phổ biến ở Việt Nam và quốc tế, để tiền vào đúng, quyền mở đúng người.

07

WordPress với LMS hay dựng riêng bằng Next.js

Đây là ngã rẽ kỹ thuật quan trọng nhất, và Web22 không có đáp án sẵn cho mọi người, vì nó phụ thuộc vào quy mô và yêu cầu của bạn.

Hướng WordPress với LMS

Dùng nền WordPress cùng một plugin LMS như LearnDash hoặc Tutor LMS. Đây là hướng hợp với phần lớn người bán khóa học: từ một tới vài nghìn học viên, ngân sách vừa phải, muốn tự quản nội dung dễ dàng sau khi bàn giao. Bạn tự thêm khóa, thêm bài, sửa nội dung qua trang quản trị quen thuộc mà không cần đụng tới lập trình viên. Đủ tính năng cho gần hết nhu cầu thật: khóa nhiều cấp, quiz, chứng chỉ, drip, quản học viên.

Hướng dựng riêng bằng Next.js

Khi nào nên đi hướng dựng riêng bằng Next.js: số học viên rất lớn (hàng chục nghìn cùng truy cập), yêu cầu bảo vệ video cực gắt với DRM và dấu nước, cần luồng học tùy biến mà LMS có sẵn không làm được, hoặc bạn muốn một trải nghiệm riêng không đụng hàng. Hướng này tốn công và tốn tiền hơn nhiều, đổi lại tải nặng vẫn mượt và muốn gì cũng làm được. Phần lớn người mới bán khóa học chưa cần tới mức này.

Lời khuyên thẳng của Web22: đừng đốt tiền vào custom từ đầu khi chưa biết khóa học có bán được không. Bắt đầu bằng WordPress với LMS để ra mắt nhanh, chi phí thấp, kiểm chứng thị trường. Khi lượng học viên đã lớn và bài toán vượt khỏi WordPress, hẵng tính chuyển sang nền dựng riêng. Web22 làm được cả hai nên tư vấn theo lợi ích của bạn, không đẩy bạn vào cái đắt hơn để bán được nhiều hơn.

08

Quy trình dựng web khóa học cùng Web22

Web khóa học có nhiều phần dễ trượt nếu lao vào làm ngay, nên Web22 đi theo một quy trình giữ cho mọi thứ rõ từ đầu:

  1. Tư vấn và bóc tách (miễn phí 30 phút). Nghe bạn dạy gì, bao nhiêu khóa, dự kiến bao nhiêu học viên, thu tiền kiểu nào, video nặng tới đâu. Bước này quyết hướng WordPress hay custom.
  2. Chốt phạm vi và mô hình. Liệt kê các loại khóa, cách thu tiền, mức bảo vệ video, có quiz và chứng chỉ không. Cắt gọn về đúng phần cần ra mắt trước.
  3. Báo giá theo dự án (trong 24h sau khi rõ phạm vi). Một con số cho một phạm vi cụ thể.
  4. Dựng theo từng chặng. Mỗi chặng có cái chạy được để bạn xem, góp ý sớm, tránh đến cuối mới lệch.
  5. Đưa thử khóa thật và kiểm các luồng. Mua thử, học thử, làm quiz thử, nhận chứng chỉ thử, kiểm thanh toán định kỳ, để chắc mọi mắt xích chạy đúng trước khi mở bán.
  6. Bàn giao và hướng dẫn. Bạn nhận quyền quản trị đầy đủ và hướng dẫn tự thêm khóa, thêm bài về sau.
09

Giá dựng web khóa học

Web khóa học không có một con số in sẵn vì khoảng cách giữa các dự án rất rộng. Một web bán một khóa với vài chục bài giảng trên WordPress LMS khác xa một nền tảng nhiều người dạy, hàng nghìn học viên, DRM video và thanh toán định kỳ dựng riêng.

Những thứ quyết định giá: chọn WordPress hay dựng riêng, số mô hình thu tiền (chỉ bán lẻ khác hẳn vừa bán lẻ vừa đăng ký tháng vừa combo), mức bảo vệ video (nhúng thường hay DRM cộng dấu nước), có quiz và chứng chỉ không, và các tích hợp ngoài như cổng thanh toán hay phần mềm gửi email.

Cách Web22 làm: nghe rõ nhu cầu, chốt phạm vi trong hợp đồng, báo một con số cho phạm vi đó trong vòng 24 giờ, đã thống nhất thì giữ vậy, không phát sinh lắt nhắt. Bạn xem dải giá tham khảo các dịch vụ ở trang bảng giá; riêng web khóa học thì trao đổi trực tiếp để Web22 ước lượng đúng theo quy mô của bạn.

10

Web22 nhận gì và không nhận gì

Viết thẳng để khỏi mất thời gian hai bên. Web22 nhận dựng: web bán khóa học trên WordPress với LearnDash hoặc Tutor LMS cho phần lớn người dạy, và nền tảng khóa học dựng riêng bằng Next.js khi quy mô lớn cần hiệu năng và bảo mật video cao. Kèm theo là phần thanh toán, bảo vệ video qua dịch vụ phát chuyên dụng, quản học viên, quiz và chứng chỉ.

Web22 không tự host và phát video nặng trên hạ tầng tự dựng mà luôn dùng dịch vụ phát video chuyên dụng, vì đó là cách đúng cả về tốc độ lẫn bảo mật. Web22 cũng không hứa chống tải lậu tuyệt đối, chỉ dựng các lớp rào cản hợp lý và nói rõ giới hạn của chúng. Và Web22 không nhận các nền tảng giáo dục cỡ tập đoàn cần một đội lớn vận hành túc trực, vốn vượt quy mô một freelance team.

11

Câu hỏi thường gặp

Video khóa học của tôi có bị tải lậu không?

Không có cách nào chặn tuyệt đối, vì người ta vẫn có thể quay màn hình. Nhưng Web22 dựng nhiều lớp rào cản: tách video sang dịch vụ phát chuyên dụng để không lộ link tải, khóa video chỉ phát trên tên miền của bạn, và với khóa giá cao thì thêm mã hóa bản quyền (DRM) cùng dấu nước vô hình gắn danh tính từng học viên. Mục tiêu là làm tải lậu khó và mạo hiểm đủ để đa số bỏ cuộc, không phải hứa điều bất khả thi.

Host video ở đâu cho mượt và an toàn?

Web22 không up video vào host website mà tách sang dịch vụ phát video chuyên dụng như Bunny Stream hoặc Vimeo. Cách này cho video phát mượt kể cả khi đông người xem cùng lúc, trả tiền theo lượng xem thật nên nhẹ chi phí lúc mới bắt đầu, và kiểm soát được nơi video được phép phát.

Tôi nên chọn WordPress hay dựng riêng bằng Next.js?

Phần lớn người bán khóa học nên bắt đầu bằng WordPress với LMS: ra mắt nhanh, chi phí thấp, tự quản nội dung dễ, đủ tính năng cho gần hết nhu cầu. Chỉ chuyển sang dựng riêng bằng Next.js khi học viên đã rất đông, cần bảo vệ video cực gắt, hoặc cần luồng học tùy biến mà LMS có sẵn không làm được. Web22 làm cả hai nên sẽ tư vấn theo bài toán thật của bạn.

Tôi có tự thêm khóa, thêm bài sau khi bàn giao không?

Có. Nếu làm trên WordPress với LMS, bạn tự thêm khóa, thêm bài, sửa nội dung, đặt quiz qua trang quản trị quen thuộc mà không cần lập trình viên. Web22 hướng dẫn đầy đủ lúc bàn giao.

Web22 đã làm web khóa học cho khách nào chưa?

Web22 trung thực: phần này nói về năng lực và cách làm, không trưng case khóa học khách để nghe cho oai. Web22 thành thạo dựng web bán hàng có giỏ hàng, thanh toán và thành viên thật trên WooCommerce, dựng web app có đăng nhập, phân quyền và cơ sở dữ liệu thật bằng Next.js, đó chính là những mảnh ghép cốt lõi của một web khóa học. Bạn xem các dự án Web22 đã làm để tự đánh giá.

12

Bắt đầu từ một buổi nói chuyện thẳng thắn

Nếu bạn đang có nội dung muốn dựng thành khóa học bán online, dù là một khóa đầu tay hay cả một thư viện khóa, cứ mô tả cho Web22: bạn dạy gì, dự kiến bao nhiêu học viên, muốn thu tiền kiểu nào. Tư vấn 30 phút miễn phí, Web22 nói thật bạn nên đi hướng WordPress hay dựng riêng, kèm báo giá theo dự án trong 24h sau khi rõ phạm vi. Web khóa học là một mảnh trong trọn bộ dịch vụ thiết kế website của Web22; xem thêm dự án đã làm hoặc liên hệ trực tiếp: [email protected] · 0981 828 781.

Bắt đầu dự án của bạn cùng Web22

Tư vấn 30 phút miễn phí, báo giá rõ ràng trong 24 giờ — không ràng buộc gì.