Сайт онлайн-курса без кода: сборка и продажа доступа

Сайт онлайн-курса без кода собирается в два слоя: продающая страница с программой и ценой, а за ней закрытая часть с уроками. Первый слой это обычная сборка в Zugo примерно за минуту, второй требует входа и базы. Публикация на адрес вида ваш-проект.zugo.run в один клик.

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

С чего начинать: со страницы курса или с платформы?

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

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

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

Что писать в промпте для страницы курса?

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

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

Что человек будет уметь после. Результат в глаголах, а не список тем. «Соберёт и опубликует три работы в портфолио» вместо «изучит основы композиции».

Программа по блокам. Название блока, что внутри, сколько занимает. Программа это то, что читают дольше всего, и её отсутствие читается как отсутствие курса.

Формат и цена. Записи или живые встречи, длительность, поддержка, есть ли проверка заданий, сколько стоит и до какой даты.

Страница онлайн-курса [название] от [автор].
Для кого: [аудитория и её уровень]. Результат: [3 умения в глаголах].
Программа: [блок, что внутри, длительность] x5.
Формат: [записи / живые встречи], [срок], [поддержка], цена [сумма].
Секции: первый экран с обещанием результата и кнопкой оплаты,
для кого и для кого не подойдёт, программа блоками,
об авторе, что получают ученики, отзывы, вопросы про доступ
и возврат, повторная кнопка оплаты внизу.
Тон: конкретный, без слов «трансформация» и «прорыв».

В Zugo есть 25 готовых шаблонов, и лендинговый шаблон достаточно близок по структуре. Клонирование кредитов не тратит. Разбор формулировок в гайде как писать промт для ИИ-билдера.

Как принимать оплату за курс?

Оплата подключается коннектором Stripe, и это тот случай, когда порядок действий важнее самой настройки.

Сначала решите, что вы продаёте: разовый доступ, доступ на срок или подписку с продлением. От этого зависит и цена в Stripe, и логика выдачи доступа. Разовый доступ проще всего и в первом потоке почти всегда правильнее.

Затем свяжите оплату с выдачей доступа. В простом варианте после оплаты человек получает письмо со ссылкой, и это делает коннектор Resend. В варианте с платформой оплата должна помечать пользователя в базе как оплатившего, и здесь уже нужен Supabase. Механика платежей разобрана в гайде про оплату через Stripe в AI-приложении.

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

И проверьте всю цепочку сами тестовой оплатой до запуска: страница, оплата, письмо, доступ. Форма, которая красиво отрисовалась и никуда не отправила, выглядит совершенно исправной.

Как устроить закрытую часть с уроками?

Вход это развилка. Zugo Cloud это встроенная база: ничего настраивать не нужно, подходит для первого потока на несколько десятков человек. Коннектор Supabase даёт собственный Postgres и собственную авторизацию в вашем проекте, список учеников виден в дашборде и принадлежит вам. Как это подключается, разобрано в гайде про AI-приложение с Supabase.

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

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

Бесплатный тариф даёт 5 кредитов, чтобы собрать страницу курса и посмотреть на неё вживую. Pro стоит $25 в месяц за 200 кредитов, это 33 быстрых сборок или 16 платформ, плюс свой домен. Business стоит $99 в месяц.

Страница курса это обычная сборка за 6 кредитов. Платформа с уроками и входом считается многостраничной: 12 кредитов за первые три страницы и по 3 кредита за каждую следующую, собирается несколько минут. Правка стоит 3 кредита, в режиме Hi-Fi сборка и правка вдвое дороже: 12 и 6.

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

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

Как описать программу, чтобы её дочитали?

Программа это самый читаемый блок страницы курса и самый скучно написанный. Обычно это список тем через запятую, по которому невозможно понять ни объём, ни сложность, ни зачем нужен третий блок.

Рабочая структура блока из четырёх строк: название понятными словами, что человек сделает внутри блока, сколько это занимает, что будет на выходе. Последняя строка делает основную работу: она превращает тему в результат. «Блок 3. Первые заявки. Собираете и отправляете двадцать писем по своему списку, две недели, на выходе первые ответы и правки скрипта» читается совсем иначе, чем «Блок 3. Работа с холодной базой».

Формулировка для чата: «оформи программу блоками, у каждого блока название, что делает ученик, длительность и результат блока». Правка стоит 3 кредита, и её стоит потратить: программа с результатами по блокам заметно понятнее списка тем.

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

И не позволяйте билдеру дописывать блоки за вас. Нейросеть охотно достроит программу до красивой десятки правдоподобными названиями, а продавать вам придётся то, что написано. Формулировка «используй только те блоки, которые я перечислил, ничего не добавляй» решает вопрос.

Где нейросеть не заменит готовую платформу?

Три границы, о которых стоит знать до того, как вы вложите в сборку неделю.

Хостинг видео. Собранный сайт показывает видео по ссылке с внешнего сервиса, но не хранит и не раздаёт его сам. Для курса это нормально и даже правильно: видеохостинг решает задачи, которых у сайта нет.

Защита контента от копирования. Ни один сайт не мешает записать экран. Всё, что реально работает, это отслеживаемые ссылки и водяные знаки на стороне видеосервиса. Обещать здесь нечего, и лучше знать это заранее.

Полноценная LMS с потоками и кураторами. Группы, дедлайны, проверка заданий несколькими кураторами, сертификаты, аналитика по когортам. Это отдельный продукт, и Zugo не заменяет команду разработки, если вы строите именно его. Промежуточный путь честнее: собрать первую версию, провести на ней поток, а когда структура станет ясной, забрать код через экспорт в GitHub и продолжить с разработчиком.

Для обычного случая, когда автору нужно продать курс и выдать доступ, вечера достаточно. Если вокруг курса растёт клуб или чат, отдельно разобран сайт сообщества без кода. Начните с программы своего курса на zugo.dev.