# Как вставить лендинг из нейросети в GetCourse

Для кого: владелец школы или техспец без верстальщика. Нужно 15–20 минут.

## 0. Что лежит в подарке

- `ПРОМПТ-БРИФ.md` — если брифа нет: нейросеть сама вас расспросит и соберёт бриф.
- `ПРИМЕР-БРИФА.md` — как выглядит готовый бриф.
- `ФОТО-ДЛЯ-ЛЕНДИНГА.md` — как сгенерировать фото в одном стиле и загрузить их
  в GetCourse.
- `ПРОМПТ-ЛЕНДИНГ.md` — сам промпт: от брифа до готового кода.
- Эта инструкция — как вставить код в GetCourse и проверить.
- Страница примеров: три лендинга с фото, которые бесплатные DeepSeek и GLM собрали
  по этому промпту, и пример правки «было → стало».

Порядок: бриф → фото → лендинг → вставка.

## 1. Получите код

1. Откройте бесплатный чат: ГигаЧат (giga.chat), DeepSeek (chat.deepseek.com),
   Qwen (chat.qwen.ai) или GLM (chat.z.ai).
2. Вставьте промпт из файла `ПРОМПТ-ЛЕНДИНГ.md`. В конце вместо строки
   «вставьте сюда свой бриф» вставьте бриф. Нет брифа — сначала соберите его
   с нейросетью по `ПРОМПТ-БРИФ.md`. Ссылки на фото добавьте в конец брифа.
3. Ответьте на вопросы и выберите одно из трёх направлений: «Выбираю 2».
4. Нажмите «Копировать» над блоком кода. Копируйте кнопкой, а не мышкой: при выделении
   мышкой легко потерять первую или последнюю строку.

Если код оборвался на полуслове, не пишите «продолжи». Склеить два куска без ошибки
трудно. Напишите так: «Код оборвался. Пришли его заново целиком, короче: убери блок
<какой>, без комментариев».

### Особенности чатов (проверено 16.10.2026, без VPN)

| Чат | Вход | Сколько ждать | Что важно знать |
|---|---|---|---|
| **DeepSeek** chat.deepseek.com | нужен (почта, телефон или Google) | 3–5 минут | Если код оборвался, под ответом появится кнопка **Continue / «Продолжить»** — нажмите её, код допишется в тот же блок. Кнопку «перегенерировать» рядом не путайте. |
| **GLM** chat.z.ai | можно без входа | 10–15 минут | Думает долго, держите вкладку открытой: в свёрнутой вкладке ответ может не прийти. Вопросы задаёт кнопками — отвечайте или ждите таймер. Код приходит **карточкой «index.html»**: откройте её и копируйте код оттуда. |
| **Qwen** chat.qwen.ai | нужен (бесплатный аккаунт) | 2–4 минуты | Бывает «сервис перегружен» — нажмите «Regenerate». Код в редакторе с кнопками «копировать» и «скачать». Не верьте фразе «проверено на всех экранах» — он ничего не проверял. |
| **ГигаЧат** giga.chat | можно без входа | меньше минуты | Самый быстрый, но чаще других ломает оформление GetCourse. Если код пришёл без серой рамки или в нём есть `:root`, `h1{`, `a{` без `#ls-page` впереди, напишите: «Пришли тот же код одним блоком ```html, каждый селектор начни с #ls-page, :root не используй». Со ссылками на фото без входа может начать рисовать картинки вместо кода — первой строкой напишите «Картинки не создавай, нужен только код». 28.10 без входа длинный ответ трижды обрывался ошибкой: если так — берите DeepSeek или GLM. |

Длинный «полный» промпт (36 КБ) бесплатным чатам не давайте: GLM без входа на нём
зависает, ГигаЧат выдаёт сломанную страницу. Для них — только `ПРОМПТ-ЛЕНДИНГ.md`.

## 2. Вставьте в GetCourse

1. **Сайт → Страницы → Создать страницу** (или откройте нужную).
2. **Добавить блок → Вставка → HTML-код.**
3. Вставьте код целиком и сохраните.
4. Откройте страницу в режиме просмотра, не в редакторе: в редакторе шрифты и растяжка
   на всю ширину могут выглядеть иначе.

Если вокруг блока остались белые поля, уберите у этого блока отступы в его настройках.
Код промпта сам растягивает блок на всю ширину.

## 3. Замените заглушки

Нейросеть помечает всё, чего не знает, словом **ЗАМЕНИТЬ**. Найдите в коде все
`ЗАМЕНИТЬ` (Ctrl+F) и подставьте:

- **Ссылку на оплату.** В GetCourse: **Продажи → Предложения**, откройте предложение и
  скопируйте ссылку на оплату. Вставьте её вместо `#ЗАМЕНИТЬ` в каждой кнопке.
  Можно вместо ссылки поставить ниже стандартный блок «Форма» GetCourse и вести кнопку
  на него якорем. Свою форму с полями из нейросети не используйте: заявки из неё
  в GetCourse не попадут.
- **Фото.** Загрузите фото в GetCourse и пришлите нейросети ссылки: «Вот ссылки
  на фото, поставь каждое вместо своей заглушки». Как получить ссылку —
  в `ФОТО-ДЛЯ-ЛЕНДИНГА.md`, раздел 3.
- **Подвал.** ИП/ООО, ИНН, оферта, политика конфиденциальности — только ваши реальные
  данные. Если нейросеть написала что-то от себя, удалите.

## 4. Проверьте за 5 минут

Откройте страницу **с телефона** и с компьютера:

- [ ] нет ли горизонтальной прокрутки (страница не «ездит» вбок пальцем);
- [ ] заголовки набраны красивым шрифтом, а не Arial или Times — иначе у шрифта нет
      кириллицы, попросите нейросеть заменить его;
- [ ] каждая кнопка ведёт на оплату;
- [ ] меню и шапка GetCourse не перекрасились. Если перекрасились, напишите нейросети:
      «Код меняет стили всей страницы. Все правила начни с #ls-page, кроме
      html,body{overflow-x:clip}»;
- [ ] нет выдуманного: чужих цифр, отзывов, «осталось 3 места», таймеров;
- [ ] нет эмодзи вместо иконок и стрелок «→» в каждой кнопке.

Что-то не так — сделайте скриншот и отправьте его в тот же чат: «Вот как это выглядит
в GetCourse, исправь». ГигаЧат, Qwen и GLM понимают картинки. DeepSeek только читает
с них текст, поэтому ему опишите проблему словами.

## Подводные камни

- **Bootstrap 3.** GetCourse подключает его на все страницы. Классы `btn`, `row`,
  `container`, `hidden`, `label` в коде нейросети перебиваются его стилями. Промпт это
  запрещает, но проверьте: Ctrl+F `class="btn` — не должно найтись.
- **`html{font-size:10px}`.** Размеры в `rem` в GetCourse становятся в 1,6 раза мельче.
  Ищите в коде `rem` — не должно быть.
- **Размер кода.** Бесплатные чаты отдают 10–20 КБ за ответ, этого хватает на 6–8 блоков.
  Длинный лендинг собирайте из 2–3 блоков «HTML-код» подряд: попросите нейросеть
  сначала первую половину страницы, потом вторую, с теми же цветами и шрифтами.
- **Сохраните код у себя** в текстовом файле. GetCourse не хранит историю правок блока.
- **Персональные данные.** Не вставляйте в чат ФИО, телефоны и почты учеников:
  ГигаЧат и Алиса — российские сервисы, а DeepSeek, Qwen и GLM — иностранные.