Курс «Тексты для соцсетей»
Поток с 12 марта · 6 недель
Посты, которые дочитывают и на которые отвечают.
- Модуль 1.Тема и аудитория
- Модуль 2.Структура поста
- Модуль 3.Заголовки
Внутри: программа модулями, тарифы, работы выпускников, отзывы и форма записи.
Сайты и лендинги · курсы
Сайт для курсов: программа, цена и запись на одной странице
Программа лежит в PDF, цена — в переписке, и человек уходит думать. Страница отвечает на три вопроса: чему научат, сколько стоит, как записаться.
Соберите сами: приложение задаст вопросы о курсе, на выходе — готовый HTML-файл. Без конструктора и подписки.
- 5 000 000 токенов бесплатно
- 7 шагов · один вечер
- HTML-файл ваш навсегда
Что стоит на странице курса
Шесть блоков: от «мне это подходит?» до «куда оплатить место».
Первый экран
Название, для кого курс и что человек уносит. Факты: длительность, формат, размер группы. Кнопка «Записаться на курс».
Программа и стоимость
Модули по порядку, рядом тарифы: состав, цена, чем «Базовый» отличается от «С проверкой».
Работы выпускников
Карточки с результатом: проект, текст, разбор. Не обещание, а пример работ выпускников. Есть фильтр по потоку.
Отзывы
Имя, поток и конкретика: что было сложно, что пригодилось. Средняя оценка сверху, чтобы не читать двадцать карточек.
Контакты
Мессенджер, телефон, адрес студии или пометка «занятия онлайн» — на видном месте, а не в шапке переписки.
Форма записи
Имя, контакт, тариф, комментарий. Заявка падает в список со статусами новая → в работе → записан → оплачен.
Секции и карточки живут в двух состояниях: «черновик» и «опубликован».
Почему не конструктор
Конструктор решает чужую задачу — показать шаблон. У курса задача другая: объяснить программу и довести до записи.
В конструкторе курс подгоняют под блоки: программа становится списком в абзаце, тарифы — картинкой, заявки уезжают в чужой сервис.
И вы платите каждый месяц за доступ к собственному тексту. Остановите подписку — страница закроется, вёрстка останется у платформы.
Здесь получается обычный файл: открывается в браузере, лежит на любом статическом хостинге, его можно отдать дизайнеру.
Курсу нужна страница, которую не стыдно отправить в чат потока, — а не ещё одна подписка. — вместо шаблона и ежемесячного платежа
Сколько это стоит
Три дороги к одной странице. Разница не в деньгах, а в том, кому принадлежит результат.
| Что сравниваем | Нанять разработчика | Купить подписку на конструктор | Собрать самому |
|---|---|---|---|
| Деньги | Десятки тысяч рублей: макет, вёрстка, форма, хостинг. | Ежемесячный платёж за доступ к чужому сервису. | Свой файл и 5 000 000 токенов бесплатно. Домен и хостинг — по желанию. |
| Срок | От недели до месяца: бриф, согласование, правки. | Вечер на сборку, но каждый блок — платный тариф. | Один вечер: ответили на вопросы — забрали страницу. |
| Правки | Через переписку: поменять цену — отдельная задача. | Внутри шаблона: чего нет в блоках, не сделать. | Словами в проекте: «добавь модуль», «подними цену». |
| Кому принадлежит | Вам, но исходники и доступы забирайте сразу. | Платформе: кончилась подписка — страница закрылась. | Вам: файл лежит у вас, его можно передать кому угодно. |
Точных цен нет намеренно: у подрядчиков и сервисов они разные. Сравнивайте не прайс, а то, что останется через год.
Пять причин собрать самому
Не потому, что «дёшево и сердито», а потому что курс меняется быстрее, чем подрядчик успевает ответить.
-
Экономия без урезаний
Не нужно платить за макет, вёрстку и ежемесячный доступ. Расходы — только домен и хостинг.
-
Приложение принадлежит вам
HTML-файл — ваша собственность: скопировать, сохранить на диск, отдать верстальщику или выложить заново.
-
Правки словами
«Сделай тариф дешевле», «добавь пятый модуль», «убери слово "интенсив"». Пишете в проект — получаете новую страницу.
-
Не нужно ждать разработчика
Группа стартует в понедельник, цена поменялась в субботу. Правка занимает минуты, ждать никого не нужно.
-
Нет лимитов тарифа на функции
Форма заявки, программа, отзывы, работы — не «премиум-блоки». Внутри файла всё доступно сразу.
Инструкция из семи шагов
Скриншоты сняты на нише «Сайт: курсы». Нажимайте названные кнопки.
-
1
Приложение установлено
Ссылку на установку бот присылает после слова «старт». Откройте её и поставьте приложение.
Шаг 1 · приложение на месте -
2
Нажмите «Открыть веб-интерфейс»
На стартовом экране нажмите «Открыть веб-интерфейс» — в браузере откроется список проектов.
Шаг 2 · открываем веб-интерфейс -
3
Нажмите «Создать проект»
В списке проектов нажмите «Создать проект» — откроется форма.
Шаг 3 · создаём проект -
4
Впишите название и нажмите «Создать проект»
Назовите проект, например «Сайт: курсы», и нажмите «Создать проект».
Шаг 4 · название проекта -
5
Скопируйте промпт и вставьте в поле сообщения
Нажмите «Скопировать промпт» под текстом ниже и вставьте в поле сообщения через Ctrl+V.
Шаг 5 · промпт на месте -
6
Нажмите «Отправить» ↑
Отправьте сообщение кнопкой «Отправить» ↑ или клавишей Enter — приложение начнёт собирать страницу.
Шаг 6 · отправляем задание -
7
Ответьте на 8–15 вопросов бота
Бот спросит про курс: для кого, сколько модулей, чем тарифы отличаются. Отвечайте обычными фразами.
В конце вы получите готовый HTML-файл: программа, цены, отзывы и форма записи.
Шаг 7 · отвечаем на вопросы
Понадобится один вечер и ответы про свой курс.
Промпт для страницы курса
Скопируйте целиком и отправьте боту, как на шаге 5. Названия тарифов и число модулей можно менять.
Промпт описывает секции страницы, курсы и тарифы, работы выпускников, отзывы и заявки, статусы «черновик → опубликован» и экраны «первый экран, программа, работы, отзывы, контакты и форма».
Ты — веб-дизайнер и разработчик. Собери одностраничный сайт онлайн-курса на чистом HTML, CSS и JavaScript в одном файле index.html. Без внешних библиотек, шрифтов и картинок.
НИША: онлайн-курс для взрослых без технических знаний. Веду курс сам(а), продаю места на поток. Страницу открывают с телефона из чата или из рекламы.
ЦЕЛЬ: человек читает программу, понимает стоимость и оставляет заявку на запись.
СУЩНОСТИ (данные в localStorage, начальные значения — в коде):
1. Секция страницы: id, порядок, название, тип (первый экран / программа / работы / отзывы / контакты / форма), содержимое, статус (черновик | опубликован). На странице показываются только опубликованные.
2. Курс (услуга): название, для кого, длительность, формат, список модулей с темами, что входит, цена, статус.
3. Работа выпускника: имя, поток, что сделал, короткое описание результата, ссылка, статус.
4. Отзыв: имя, поток, текст, оценка 1–5, статус.
5. Заявка: имя, телефон или мессенджер, выбранный курс и тариф, комментарий, дата, статус (новая → в работе → записан → оплачен → отказ).
ЭКРАНЫ (переключение кнопками в шапке, без перезагрузки страницы):
— «Первый экран»: заголовок курса, подзаголовок, для кого, результат, кнопка «Записаться на курс», три факта (длительность, формат, размер группы).
— «Программа и цены»: модули по порядку с числом занятий; рядом тарифы с ценой и составом; у каждого тарифа кнопка «Записаться».
— «Работы»: сетка карточек выпускников с фильтром по потоку.
— «Отзывы»: карточки с именем, потоком, оценкой и текстом; средняя оценка сверху.
— «Контакты и форма»: мессенджер, телефон, адрес студии или пометка «занятия онлайн»; форма заявки (имя, контакт, тариф, комментарий).
— «Админка»: список заявок с поиском по имени и фильтром по статусу, переключение статуса в один клик, счётчики по статусам; списки курсов, работ и отзывов с переключателем «черновик / опубликован».
ПРАВИЛА:
— Мобильная версия от 360 px: меню в одну строку, тарифы в одну колонку, кнопка записи всегда под рукой.
— Форма проверяет имя и контакт, показывает сообщение об успехе и сохраняет заявку в список.
— Данные не теряются после перезагрузки; есть кнопка «Сбросить демо-данные».
— Стиль: спокойный учебный каталог — светлый фон, один акцентный цвет, тонкие линии, крупный читаемый текст 17–18 px, много воздуха.
— Все тексты на русском, без текстов-заглушек. В демо-данных 3 курса, 4 работы, 4 отзыва и 5 заявок с пометкой «пример»; выдуманных отзывов от реальных людей не добавляй.
— Отдай один готовый файл index.html, который открывается в браузере двойным щелчком.Что спрашивают перед сборкой
Про адрес, поиск, телефон и правки — без обещаний, которых страница не выполнит.
Смогу поставить свой домен вместо адреса хостинга?
Да: это обычный HTML-файл, его выкладывают на статический хостинг и привязывают купленный домен. Домен и хостинг — отдельные услуги.
Найдут ли страницу через поиск?
Заголовок, описание и структура есть. Дальше — панель вебмастера и время: позиции гарантировать нельзя.
Как отправить страницу тому, кто думает?
Отправьте ссылку в мессенджер или в описание профиля — она откроется в браузере. Нужен только опубликованный адрес.
Что увидит человек с телефона?
Версию от 360 пикселей: программа в одну колонку, тарифы друг под другом, форма записи под рукой.
Хостинг обязателен и это дорого?
Для проверки хватит открыть файл в браузере. Для ссылки нужен статический хостинг; у многих есть бесплатный уровень.
Сколько времени займёт и как потом менять цену?
Первую версию собирают за вечер. Правки — сообщения в проекте: «подними цену», «скрой отзыв». Приложение вернёт новый файл.
Отправьте программу, цену и запись одной ссылкой
Напишите боту «старт» — он пришлёт приложение и 5 000 000 токенов. Скопируйте промпт, ответьте на вопросы и заберите готовый файл.
Без карты · файл ваш · правки словами