Как создать платформу онлайн-курсов: уроки, видео, оплата и прогресс

Чтобы создать платформу онлайн-курсов, нужны каталог и страница продаж для каждого курса, уроки, организованные в модули, защищённое место для видео, оплата, которая открывает доступ, и способ для студентов отслеживать прогресс. ИИ-конструктор может создать страницы, базу данных и логику по описанию; вы подключаете платёжного провайдера и видеохостинг. Самое важное — контроль доступа: каждый урок должен проверять на сервере, что студент оплатил, а не просто прятать ссылку.

Что нужно платформе курсов

Начните с перечня тех, кто будет пользоваться платформой, и того, что каждый делает.

И данные за этим:

Необязательные функции, примерно в порядке, в котором их добавляют: материалы для скачивания, тесты, сертификаты о прохождении, комментарии или обсуждения, поэтапное открытие (модуль открывается раз в неделю), купоны, пакеты и подписки.

Решения до начала работы

Где лежит видео

Видео — то, что легче всего сделать неправильно. Видеофайлы большие, должны стримиться в разном качестве при разном интернете и именно их люди охотнее всего копируют. Хранить сырые видеофайлы в общем файловом хранилище приложения и раздавать их самому обычно плохой выбор: это медленно при слабом соединении, а расходы на трафик растут с каждым просмотром.

Какой бы хост вы ни выбрали, ищите возможность ограничить воспроизведение вашим доменом или выдавать короткоживущие ссылки на воспроизведение. Это не даст скопированному коду встраивания работать на чужом сайте.

Как люди платят

• Разовая покупка за курс. Проще всего. Страница оплаты через платёжного провайдера, например Stripe, и доступ навсегда.
• Подписка на все курсы. Лучше, если вы регулярно публикуете материалы. Но тогда нужно отключать доступ, когда подписка заканчивается. Наш гид по созданию сайта с членством подробно описывает ограничение доступа по подписке.
• Бесплатный курс с платными апгрейдами. Хорошо, чтобы сначала собрать аудиторию.

Не забудьте о налогах. Во многих странах облагаются цифровые товары, продаваемые потребителям, иногда по месту жительства покупателя. Платёжные провайдеры предлагают инструменты для расчёта налога, а некоторые сервисы выступают «торговым агентом» (merchant of record) и берут налог на себя. Уточните свои обязанности у бухгалтера, прежде чем начинать продавать в других странах.

Как открывается доступ

После успешной оплаты платёжный провайдер отправляет вашему серверу сообщение (webhook) с указанием, кто и за что заплатил. Сервер создаёт запись о записи на курс. Не открывайте доступ только потому, что студент попал на страницу «спасибо»: на неё можно зайти, не заплатив.

Пошаговая сборка

Шаг 1: Начните с одного курса и без оплаты

Сначала постройте опыт студента с одним реальным курсом и несколькими уроками. Если смотреть видео и отмечать уроки неприятно, оплата этого не исправит.

Создай сайт онлайн-курсов для Sketch Daily, курса рисования для начинающих. Главная страница со списком курсов и страница курса с описанием, программой по модулям, ценой и одним бесплатным ознакомительным уроком. Залогиненные студенты видят «Мои курсы» и страницу урока со встроенным видео, заметками под ним, кнопкой «Отметить выполненным» и кнопками «следующий/предыдущий», а также индикатор прогресса по каждому курсу. Курсы, модули, уроки, записи и прогресс храним в базе данных. Добавь административный раздел, где я могу создавать курсы, менять порядок уроков и вставлять ссылку на встраивание видео для каждого урока. Спокойный, аккуратный дизайн, который хорошо работает на телефонах.

Шаг 2: Добавьте аккаунты

Студентам нужно входить в систему, чтобы их прогресс и покупки следовали за ними. Обычно начинают с email и пароля; вход по «magic link» по email удобнее для тех, кто забывает пароли. См. как добавить вход в приложение.

Шаг 3: Закройте уроки на сервере

Попросите проверять на сервере для каждой страницы урока и для каждого запроса данных урока, что вошедший студент записан на курс (или что урок отмечен как бесплатный ознакомительный). Затем проверьте: войдите как студент, не записанный на курс, и вставьте ссылку на урок прямо в браузер. Вы должны увидеть сообщение «купите этот курс», а не урок.

Шаг 4: Подключите оплату

Создайте аккаунт у платёжного провайдера, сначала используйте тестовый режим и храните секретный ключ как переменную окружения. Попросите кнопку оплаты на странице каждого курса и endpoint для webhook, который создаёт запись о записи на курс при успешной оплате. Проверьте тестовыми картами провайдера, включая неуспешный платёж. Как добавить платежи в приложение проводит по шагам.

Шаг 5: Добавьте письма

Как минимум: чек со ссылкой на курс и восстановление пароля. Позже — напоминание студентам, которые долго не входили. Для писем нужен провайдер отправки и подтверждённый домен.

Шаг 6: Пройдите как три разных человека

Перед запуском пройдите платформу как посетитель (понятно ли, что я покупаю?), как новый студент (могу ли я оплатить, войти и начать первый урок меньше чем за две минуты?) и как вы сами в роли преподавателя (могу ли я добавить урок без помощи?).

Частые ошибки

• Скрытие уроков только в интерфейсе. Если данные урока можно получить без проверки записи на сервере, их получит любой.
• Раздача больших видеофайлов самостоятельно. Медленно для студентов и дорого для вас.
• Создание тестов, сертификатов и сообщества до того, как кто-то купил. Сначала продайте один курс.
• Нет бесплатного ознакомительного урока. Людям нужно услышать ваш голос и увидеть, как вы преподаёте, до оплаты.
• Забыть о возвратах и отменённых подписках. Решите, что происходит с доступом в этих случаях, и реализуйте это.
• Нет способа вручную исправить доступ студента. Для обращений в поддержку понадобится административное действие, которое выдаёт или убирает доступ.

Сколько это стоит

Текущие расходы — это хостинг и база данных приложения, видеохостинг (цена задаётся хостом, часто за хранение и просмотры), комиссии платёжной системы за каждую продажу, почтовый провайдер и домен. Готовые платформы для курсов объединяют большую часть этого в ежемесячном тарифе, иногда с комиссией за транзакции на нижних тарифах. Сравнивайте общую сумму, включая ваше время на поддержку, прежде чем решать. Цены поставщиков здесь не приводим, потому что они меняются; проверяйте страницу цен каждого поставщика.

Когда лучше готовый продукт

Готовые платформы для курсов, такие как Teachable, Thinkific, Kajabi и Podia, созданы для того, чтобы вести видео, оплату, аккаунты студентов и письма в одном месте, а некоторые помогают и с налогом с продаж; текущие функции каждой проверяйте сами. Обычно они лучше, когда:

• Вы продаёте стандартный видеокурс и хотите запуститься на этой неделе
• Вы не хотите вообще поддерживать программное обеспечение
• Вам нужны встроенные маркетинговые функции, например цепочки писем и воронки продаж

Создавать своё имеет смысл, когда сам опыт обучения — продукт (интерактивные упражнения, собственный инструмент для практики, функции для потоков), когда вы хотите полный контроль над брендингом и данными или когда комиссии платформы при вашем объёме превышают стоимость собственного хостинга. Промежуточный путь — проверить идею на готовой платформе, а потом строить, когда точно будет понятно, чего именно не хватает.

Создание с Mythex

Mythex — это ИИ-конструктор приложений: вы описываете сайт курсов, а он строит страницы, административный раздел и базу данных в живом превью, затем публикует сайт по публичному адресу. База данных добавляется в проект, когда приложению нужно сохранять курсы и прогресс, а файловое хранилище — для загрузок, например PDF и изображений. Mythex не включает видеохостинг, вход для студентов или оплату курсов как встроенные продукты: вы выбираете видеохост, добавляете вход в приложение с помощью библиотеки или провайдера авторизации и подключаете собственный аккаунт Stripe с ключами в секретах проекта. В документации описаны оплата через Stripe, вход для пользователей приложения и обработка webhooks.

Для более быстрого старта попробуйте шаблон лендинга курса для страницы продаж или шаблон витрины курсов для каталога. Если ваш курс — часть большей идеи продукта, в как создать SaaS MVP объясняется, что оставить вне первой версии.

Вопросы