Сайт преподавателя музыки без кода: пошаговый разбор
Сайт преподавателя музыки без кода собирается из одного описания: вы пишете, кого учите, на каком инструменте и как к вам записаться, а Zugo превращает это в опубликованную страницу с прайсом, расписанием и формой заявки. Простая сборка занимает около минуты, и до выдачи она проверяется в песочнице.
Ниже разберём, из чего складывается такой сайт, что писать в описании, как принимать заявки и оплату, сколько сборка стоит в кредитах и где у конструктора заканчиваются возможности. Все числа в статье: действующие тарифы Zugo, а не усреднённые оценки по рынку.
Что должно быть на сайте преподавателя музыки?
Ученик или его родитель приходит на сайт с тремя вопросами: чему вы учите, сколько это стоит и как записаться. Остальное вторично. Страница, которая отвечает на эти три вопроса в первом экране, приносит заявки лучше, чем длинный текст про философию преподавания и годы в консерватории.
Практический минимум выглядит так: блок о вас с инструментом и уровнем учеников, прайс на индивидуальные и групповые занятия, расписание свободных окон, форма записи с телефоном и мессенджером, два-три аудио или видео с вашей игрой, отзывы учеников с именем и возрастом. Этого набора достаточно, чтобы сайт начал работать.
Отдельные страницы под каждое направление нужны не всем. Если вы ведёте фортепиано, вокал и сольфеджио для детей и взрослых, четыре страницы упростят навигацию и дадут поиску больше зацепок. Если направление одно, одностраничник закрывает ту же задачу быстрее: шесть кредитов против двенадцати за многостраничную сборку.
Как собрать такой сайт без кода: четыре шага
Порядок работы одинаков для лендинга и для многостраничного сайта, меняется только объём описания на первом шаге.
| Шаг | Что вы делаете | Что получаете |
|---|---|---|
| 1 | Описываете сайт обычным текстом | Разбор задачи и план страниц |
| 2 | Запускаете сборку | Версия, проверенная в песочнице |
| 3 | Правите текстом, а не кодом | Обновлённая страница за одну правку |
| 4 | Публикуете | Адрес вида slug.zugo.run или свой домен |
Проверка в песочнице означает конкретную вещь: сборка, которая не открылась, до вас не доезжает. Это не гарантия, что текст на кнопке вам понравится, но гарантия, что вы не получите белый экран. Общий порядок работы с конструктором подробнее разобран в материале как собрать сайт с ИИ.
Стартовать можно не с пустого поля: в Zugo 25 готовых шаблонов, из них 5 игровых, а остальные закрывают сайты и приложения. Взять близкий по структуре шаблон и переписать его под себя обычно быстрее, чем формулировать всё с нуля.
Что написать в промпте, чтобы попасть с первого раза?
Плохое описание звучит как «сделай красивый современный сайт для преподавателя музыки». Оно не содержит ни одного решения, поэтому все решения примет модель, и почти наверняка не так, как вы бы хотели.
Рабочее описание называет ученика, формат и действие, а не настроение. Оно короткое, но состоит из решений: кого вы учите, из каких блоков собрана страница и что человек должен сделать в конце. Такое описание нельзя истолковать десятью разными способами.
Например: «Сайт преподавателя фортепиано. Учу детей от шести лет и взрослых с нуля. Один экран: кто я, три тарифа (пробный урок, разовое занятие, абонемент на восемь занятий), расписание свободных окон по дням недели, форма записи с именем, телефоном и удобным временем. Внизу три отзыва и два видео с игрой учеников».
Такое описание содержит структуру, поэтому сборка попадает ближе к цели, и вы экономите правки. Дальше уточняете текстом: «сделай тариф на абонемент выделенным», «добавь блок про подготовку к экзаменам в музыкальной школе». Каждая правка стоит три кредита, так что дешевле вложиться в первое описание. Разбор структуры промпта есть в статье как писать промт для ИИ-билдера.
Нужна ли онлайн-запись и приём оплаты?
Зависит от того, сколько у вас учеников. Пока их десять, формы с телефоном и переписки в мессенджере достаточно, и любая автоматизация будет обслуживать сама себя. Когда заявок становится больше, чем вы успеваете разбирать вручную, появляется смысл в интеграциях.
В Zugo подключаются Supabase для базы и входа, Stripe для оплаты и подписок, Resend для писем, Google Analytics для статистики. Абонемент на восемь занятий это по сути подписка, и Stripe закрывает такой сценарий штатно. Для преподавателя это значит, что ученик оплачивает курс сам, без переводов вручную и сверки платежей.
Расписание требует честной оговорки. Простой список свободных окон, который вы правите руками, конструктор соберёт легко. Настоящий календарь с бронью слота, блокировкой занятого времени и напоминаниями это уже приложение с базой данных, а не страница: закладывайте на него отдельную сборку и несколько правок.
Сколько это стоит в кредитах?
Цены в Zugo считаются в кредитах, и правила простые.
| Действие | Кредитов |
|---|---|
| Сборка сайта | 6 |
| Правка | 3 |
| Многостраничный сайт, первые три страницы | 12 |
| Каждая следующая страница | 3 |
| Сборка в режиме Hi-Fi | 12 |
| Правка в режиме Hi-Fi | 6 |
Одностраничник с тремя правками обходится в 15 кредитов. Сайт на пять страниц считается так: 12 за первые три плюс 3 и 3 за оставшиеся, то есть 18 кредитов, и ещё по 3 за каждую последующую доработку текста или блока.
На тарифе Free выдаётся 5 кредитов, чего хватает, чтобы осмотреться, но не хватает на полную сборку в 6. Pro стоит $25 в месяц и даёт 200 кредитов, Business стоит $99 в месяц. Общий разбор бюджета есть в материале сколько стоит сайт или приложение нейросетью.
Что делать, если первая сборка промахнулась?
Это нормальная часть работы, а не сбой. Первое описание почти никогда не даёт финальный результат: вы формулировали задачу словами, а не макетом, и часть решений модель приняла за вас. Дальше начинается доводка, и устроена она так же, как сама сборка: обычным текстом.
Правило одно: один запрос на одну правку. «Сделай прайс таблицей» и «перенеси форму записи выше отзывов» это две разные задачи, и по отдельности они выполняются точнее, чем списком из шести пунктов в одном сообщении. Каждая правка стоит три кредита, так что экономия на объединении мнимая.
Если промах не в деталях, а в структуре целиком, дешевле пересобрать с новым описанием, чем чинить правками. Сборка стоит 6 кредитов, четыре правки стоят 12. Признак того, что пора начинать заново: вы перечитываете свой промпт и видите там прилагательные вместо решений.
Отдельно существует режим Hi-Fi для случаев, когда важна проработка внешнего вида: он стоит вдвое дороже, 12 кредитов за сборку и 6 за правку. Сайту преподавателя он редко нужен на старте, но пригодится позже, когда структура устоялась и остаётся довести оформление.
Кому принадлежит сайт и можно ли его забрать?
Вопрос стоит задать до того, как вы вложите в сайт месяц работы. Проект принадлежит вам, и это не декларация: исходники экспортируются в GitHub, то есть на руках оказывается настоящий репозиторий с кодом, а не выгрузка во внутреннем формате платформы.
Практически это значит, что сайт переживёт любое ваше решение об инструменте. Если через год вы захотите отдать его разработчику или перенести на свой хостинг, отправной точкой будет реальный код, а не необходимость начинать с нуля. Для частного преподавателя это редкая, но полезная страховка.
Опубликованный проект живёт на адресе вида slug.zugo.run, и к нему подключается свой домен. Домен стоит завести отдельно и сразу: ссылки на него из соцсетей, объявлений и родительских чатов не пропадут при любом будущем переезде.
Деплой при желании настраивается на ваш аккаунт Vercel, а статистика посещений подключается через Google Analytics. Ни то, ни другое не обязательно на старте: это шаги, к которым приходят, когда сайт начинает приводить учеников и появляется смысл считать источники заявок.
Чего ждать от такого сайта не стоит?
Три вещи стоит понимать заранее, чтобы не разочароваться на второй день.
Конструктор не заменит вам разработчика на сложном продукте. Сайт преподавателя это как раз простой случай, но если вы задумали школу с личными кабинетами учеников, автоматической проверкой домашних заданий и разными правами доступа для педагогов, это уже продукт, и его доводят правками, а не одним промптом.
Специфическая логика вашего преподавания редко угадывается с первого раза. Скидка на второго ребёнка из семьи, перенос занятия не позже чем за сутки, разные цены для онлайна и очных уроков: всё это формулируется отдельно и уточняется правками, каждая из которых стоит три кредита.
Наполнение остаётся на вас. AI соберёт структуру, но записи вашей игры, фотографии, реальные отзывы и честный прайс придётся принести самому. Сайт без единого аудио выглядит одинаково пустым независимо от того, кто его собрал.
С чего начать
Соберите три вещи: два аудио или видео, где слышно вашу игру или игру учеников, прайс из трёх позиций и одно предложение о том, кого вы учите. Опишите этим сайт, посмотрите на проверенную сборку, доведите её текстовыми правками и опубликуйте на своём домене. Начать можно на zugo.dev, а если хотите сравнить подход с обычными конструкторами, посмотрите разбор аналогов Тильды.