Сайт для онлайн-школы, курсов и учебного центра

• Программы. Курсы по направлениям и возрастам с программой, сроками и ценой.
• Преподаватели. Образование, опыт, результаты учеников — по этому выбирают.
• Пробный урок. Запись на пробное занятие или консультацию — основное действие.

Онлайн-школы приходят ко мне в двух состояниях. Первое: есть один курс, лендинг на конструкторе и таблица с заявками. Второе: курсов уже десяток, лендинги сделаны разными людьми в разное время, оплаты идут через три сервиса, а куда пропадает часть заявок — никто толком не знает. В обоих случаях задача одна: собрать понятную систему, в которой каждый курс продаётся, а школа видит, что работает.

Ниже — как я подхожу к сайту для онлайн-школы: структура, страницы курсов, оплата, интеграции и продвижение.

Чем сайт онлайн-школы отличается от обычного

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

Отсюда три особенности:

• Страница курса работает как продающий лендинг. Она длинная, подробная и отвечает на все возражения.
• Путь до оплаты короткий. Каждый лишний шаг между «хочу» и «оплатил» стоит учеников.
• Сайт связан с платформой обучения. После оплаты человек должен сразу получить доступ, а не ждать, пока менеджер вручную добавит его в группу.

Типовые решения для образовательных проектов — онлайн-школ, учебных центров, репетиторов — собраны на странице сайты для образования.

Структура сайта для онлайн-школы

Когда курсов больше одного, лендинги «в вакууме» перестают работать. Нужен сайт, где курсы связаны между собой. Базовая структура:

1. Главная — кто вы, чему учите, для кого, главные направления, ближайшие старты.
2. Каталог курсов — с фильтрами по направлению, уровню, формату и длительности.
3. Страница каждого курса — полноценный лендинг программы.
4. Преподаватели — общий список и страницы авторов.
5. Бесплатные материалы — вебинары, мини-курсы, статьи, чек-листы.
6. О школе — подход, лицензия, если она есть, реквизиты, документы.
7. Оплата и возврат — способы оплаты, рассрочка, условия возврата.
8. Контакты и вход в личный кабинет.

Каталог нужен не только для навигации. Человек, который пришёл на курс «Excel для начинающих», может увидеть, что дальше есть «Power BI» и «Аналитика данных», и остаться со школой надолго.

Страница курса: из чего она состоит

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

Программа — самый читаемый блок

По моему опыту, программу курса открывают почти все, кто дочитал страницу хотя бы до середины. Её стоит делать раскрывающейся: модули видны сразу, уроки — по клику. Названия уроков пишем не «Введение. Часть 2», а по сути: «Сводные таблицы: считаем продажи по менеджерам за 15 минут».

Честно о документах

Если у школы есть образовательная лицензия и она выдаёт удостоверения о повышении квалификации или дипломы о переподготовке, это нужно показать с реквизитами. Если лицензии нет и ученик получает сертификат школы, так и пишем. Подменять одно другим опасно: и репутационно, и с точки зрения закона о рекламе.

Путь от заявки до оплаты

Здесь онлайн-школы теряют больше всего денег. Типичная картина: человек нажал «Записаться», оставил телефон, через день ему перезвонил менеджер, а он уже купил курс у конкурентов. Поэтому я выстраиваю несколько сценариев сразу.

Сценарий 1. Купить сразу

Кнопка «Оплатить» на тарифе ведёт на короткую форму: имя, почта, телефон. Дальше — страница оплаты. После успешной оплаты ученик автоматически получает письмо с доступом, а школа — уведомление и запись в CRM.

Сценарий 2. Сначала поговорить

Для дорогих программ многим нужна консультация. Форма «Подобрать программу» уходит менеджеру в CRM и Telegram, причём с информацией, с какой страницы и какого курса пришла заявка, и с какой рекламы.

Сценарий 3. Рассрочка

Для длинных курсов рассрочка от банка-партнёра или «долями» сильно снижает порог входа. Кнопка рассрочки стоит рядом с кнопкой оплаты, условия расписаны прямо на странице, а не спрятаны в договоре.

Сценарий 4. Бесплатный вход

Вебинар, пробный урок или мини-курс. Человек оставляет почту или подписывается в Telegram, а дальше школа прогревает его рассылкой. Сам сайт здесь — только точка регистрации, но без неё воронка не начинается.

Оплата и онлайн-чеки

Онлайн-школа принимает деньги от физических лиц, поэтому вопрос чеков встаёт сразу. При оплате курса покупателю нужно выдать онлайн-чек. Технически это решается одним из двух способов: облачная касса, подключённая к сайту, или платёжный сервис, который сам формирует и отправляет чеки. Какой вариант подходит, зависит от формы бизнеса и налогового режима — это стоит сверить с бухгалтером, а интеграцию я настраиваю под выбранную схему.

Что ещё важно на стороне сайта:

• оферта и политика обработки персональных данных доступны с формы оплаты;
• согласие на обработку данных — отдельной галочкой, а не «мелким шрифтом»;
• условия возврата описаны понятным языком;
• для юрлиц есть возможность получить счёт — корпоративное обучение часто оплачивает работодатель.

Связка с платформой обучения и CRM

Сам процесс обучения обычно живёт не на сайте, а на специализированной платформе: GetCourse, Антитренинги, Teachbase, Moodle или собственной LMS. Сайт и платформа должны «разговаривать» друг с другом, иначе школа вручную переносит учеников из одной системы в другую.

Что обычно автоматизирую:

• после оплаты ученик создаётся на платформе и получает доступ к нужному курсу и тарифу;
• заявки и оплаты уходят в CRM с UTM-метками, чтобы было видно, какая реклама окупается;
• менеджеру приходит уведомление в Telegram о каждой заявке;
• брошенные оплаты попадают в отдельный список, и менеджер может их дожать.

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

Готовый шаблон «Академия» в 100300 CMS

Для небольших и средних школ не всегда нужно проектировать всё с нуля. В моей 100300 CMS есть шаблон, сделанный именно под образовательные проекты: каталог курсов с фильтрами, страницы программ с модулями, преподаватели, тарифы, отзывы, блог. Его можно посмотреть на странице шаблон «Академия» для онлайн-школы.

Шаблон — это отправная точка. Под школу я меняю визуальный стиль, структуру блоков на странице курса, подключаю нужную платёжку и платформу. Абонентской платы за CMS нет: сайт остаётся у вас.

Продвижение: SEO и контент

Онлайн-школы часто живут только на платной рекламе. Это работает, пока бюджет есть, но стоимость заявки в образовании постоянно растёт. Органический трафик — хороший противовес.

• Страницы курсов под запросы. «Курсы бухгалтеров онлайн», «обучение 1С с нуля» — каждый курс должен быть отдельной страницей с понятным заголовком и описанием.
• Страницы направлений. Собирают курсы одной темы и ловят общие запросы.
• Блог с полезными материалами. Статьи, которые решают маленькую задачу ученика и ведут на курс, где он научится решать большую.
• Скорость. Длинные лендинги с видео тяжёлые, поэтому видео загружаются по клику, а картинки сжимаются.

Когда школа растёт, я подключаю и платные каналы — настройку рекламы и SEO-продвижение можно вести параллельно, они хорошо дополняют друг друга.

Доверие: преподаватели, работы учеников, открытость

В онлайне ученик покупает «кота в мешке», поэтому каждая деталь, которая снимает сомнения, работает на продажу.

Страница преподавателя

Не «эксперт с 15-летним опытом», а конкретика: где работал, какие проекты делал, что можно посмотреть вживую — выступления, статьи, портфолио. Короткое видео, где преподаватель своими словами рассказывает, для кого курс и как он устроен, часто убеждает лучше любого текста. Снять его можно на телефон, главное — хороший звук.

Работы учеников

Для творческих и прикладных курсов лучшее доказательство — результаты: дизайн-макеты, сайты, расчёты, фотографии. Публикуем их с разрешения авторов и с подписью, на каком модуле сделана работа. Выдуманные кейсы и «скриншоты переписок» из интернета вредят: аудитория образовательных проектов внимательная и легко находит такие вещи.

Открытый урок

Один бесплатный урок из программы прямо на странице курса показывает подачу материала и качество записи. Это честнее любых обещаний и хорошо работает для дорогих программ.

Реквизиты и контакты

Юрлицо или ИП, ИНН, адрес, телефон, ссылки на соцсети — внизу каждой страницы. Человек, который отдаёт деньги за обучение, хочет понимать, с кем имеет дело, и это нормальная проверка, а не недоверие.

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

• Одна форма «Оставьте заявку» на всё — непонятно, на какой курс и зачем.
• Цены спрятаны «по запросу» даже на недорогие курсы.
• Преподаватель показан стоковой фотографией или без фото вообще.
• Обещания результата, которые школа не может гарантировать: «трудоустройство 100%», «заработок через месяц».
• Нет мобильной версии оплаты: форма неудобная, кнопки мелкие.
• Аналитика не настроена, и непонятно, откуда приходят ученики.

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

Как мы можем начать

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

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