Лендинг

Что это

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

Зачем основателю

Лендинг — это ваша витрина и первый тест спроса. С ним вы можете:

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

Что внутри

• Готовый сайт — лендинг или многостраничник: до 2 страниц на бесплатном тарифе, до 5 на платных. Каждая страница сверх первой стоит дополнительно 3🚀.
• Визуальный редактор — кликаете на любой элемент и меняете текст, картинку, цвет, шрифт, отступы. Код не нужен.
• Предпросмотр на разных устройствах – кнопка с экраном над превью открывает список «Размер экрана»: «Десктоп», «Планшет», «Телефон». Так видно, как сайт выглядит на большом экране и на мобильном. На компьютере по умолчанию включён десктоп: раскладка та же, что увидят посетители с компьютера, даже если панель предпросмотра узкая. С телефона превью сразу открывается в корпусе телефона, а десктоп можно выбрать в том же списке. Планшет и телефон показываются в корпусе устройства целиком, а пункт «Повернуть» в том же списке переключает книжную и альбомную ориентацию. Если кнопкам над превью не хватает места рядом с заголовком, они сначала теряют подписи, а потом прячутся в меню «•••»: «Редактировать», «Во весь экран» и «Размер экрана» стоят там первыми пунктами. Если меню не помещается по высоте, его можно прокрутить.
• Показ во весь экран – сначала разверните панель превью кнопкой со стрелками слева от переключателя устройств, рядом с ней появится кнопка «Показ». Она выводит прототип на весь экран, без интерфейса GoMVP и панелей браузера: удобно показать клиенту или на встрече. Устройство и ориентацию можно менять на панели внизу, она прячется, пока вы не двигаете мышью. Выйти – клавиша Esc или крестик на панели.
• Оформление — 6 стилей на выбор; можно загрузить свой логотип, и нейросеть подберёт под него палитру.
• Свои картинки — загружаются перетаскиванием или вставкой из буфера.
• Публикация — кнопка «Опубликовать» мгновенно даёт красивую ссылку вида вашпроект.gomvp.ru.
• Формы заявок — все заявки с сайта автоматически попадают в дашборд.
• Аналитика – посетители и воронка до заявки, каналы, нажатия, страницы (у React-версии – и переходы внутри неё), устройства, возвращаемость; AI-разбор цифр приходит ответом в чат.
• Код сайта — файлы сохранённой версии можно посмотреть прямо в рабочей области, без редактирования.

Как создать в GoMVP

1. Опишите продукт в чате или сразу попросите: «сделай сайт».
2. Отправьте запрос. Для обычного сайта нейросеть сначала нарисует три варианта дизайна – выберите один, и начнётся живая сборка.
3. Доработайте текст и картинки в чате или прямо на сайте кликом по элементу.
4. Нажмите Опубликовать — сайт станет доступен по ссылке.

Три варианта дизайна

Перед первой сборкой обычного сайта нейросеть рисует три варианта дизайна: картинки того, как будет выглядеть главный экран. Каждый вариант стоит 1🚀: три варианта – 3🚀, правка одного – 1🚀. Если какой-то вариант не получился, ракета за него возвращается. Нажмите на понравившийся вариант, а затем «Сгенерировать сайт»: сайт соберётся по его мотивам.

Без подписки по картинкам вариантов идёт бледная подпись GoMVP.ru. С активной подпиской её нет. На собранный сайт подпись не попадает ни на каком тарифе.

Варианты можно поправить прямо в чате:

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

Каждая правка считается раундом. В день доступно 10 раундов на бесплатном тарифе, 20 на «Старте» и 50 на «Продвинутом», лимит обновляется в 03:00 по Москве. Когда он исчерпан, выберите один из уже показанных вариантов или нажмите «Собрать сайт без концептов»: сайт соберётся сразу, по описанию проекта.

Посмотреть код сайта

Всё, что собрала нейросеть, лежит в файлах версии: у лендинга это index.html, страницы и общие части, у React-приложения – проект с папкой src. Откройте меню «Действия» над сайтом и выберите «Посмотреть код»: слева появится дерево файлов, справа – выбранный файл с подсветкой. Любой файл можно скопировать кнопкой «Копировать файл», а кнопка «Скачать» рядом сохраняет код сайта на компьютер: одну страницу – HTML-файлом, несколько страниц или React-приложение – архивом (по подписке). Это только просмотр: править код здесь нельзя, изменения по-прежнему делаются через чат или визуальный редактор. Пока идёт сборка, панель показывает код главной страницы по мере генерации, а для React-приложения – дождётся сохранения версии.

Игры, квизы и калькуляторы

Если вы просите не витрину продукта, а работающую в браузере вещь — игру, квиз с подсчётом баллов, калькулятор, тренажёр, генератор или таймер, — нейросеть поймёт это по смыслу запроса и соберёт её одной живой страницей сразу, без выбора дизайн-концепта. Цена та же, что у лендинга. Так же работает и с вкладки сайта, и с чата: в подтверждении будет написано «игру/интерактив». Дальнейшие правки не меняют тип страницы: игра остаётся игрой, а сайт — сайтом, даже если в правке встречаются слова «личный кабинет» или «калькулятор». Сайт про игру или клуб (описание, цены, кнопка купить) по-прежнему собирается как обычный лендинг.

Общая таблица рекордов, голосование, доска идей. Если попросить, чтобы результаты видели все («общая таблица лидеров», «результаты голосования видят все»), нейросеть сохранит их в хранилище сайта, и после публикации рекорды разных игроков окажутся в одной таблице. Имя игра спрашивает в момент нового рекорда и запоминает для следующих. На вкладке «Сайт» это видно заранее, в строке «Общее для всех». В превью до публикации таблица работает только у вас и сбрасывается, когда превью перезагружается. После публикации превью пишет в ту же таблицу, что и сайт: ваши игры в превью становятся настоящими рекордами, лишние удалите в «Данных сайта». Сервер хранит лучший результат каждого игрока и сотню лучших в таблице. Невозможно большой результат (например, 999 999 во Flappy Bird) сервер не примет. В голосовании один браузер – один голос: повторный заменяет прежний. Телефон, почту и ссылки в такую таблицу записать нельзя: контакты посетители оставляют через форму заявки, и видите их только вы, в «Заявках». Полностью защититься от накрутки без входа по аккаунту нельзя, поэтому подозрительные записи удаляйте в «Данных сайта».

Как управлять таблицей. После публикации в меню «Действия» над сайтом появляется пункт «Данные сайта». Там все записи по местам: имя, очки, когда поставлен результат. Можно исправить имя или очки, удалить лишнюю строку (накрученный результат, грубое имя) или очистить таблицу целиком, чтобы начать новый сезон. Удалённое посетители сразу перестают видеть; вернуть записи после очистки нельзя.

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

Если запрос тянет на многоэкранное приложение с состоянием (трекер привычек, личный кабинет, дашборд), нейросеть соберёт его как React-проект из нескольких файлов — в чате будет «Создал приложение». Такое приложение собирается прямо в вашем браузере, и если оно падает при запуске, над превью появится плашка «Приложение не запустилось» с текстом ошибки и кнопкой Починить: она отправит ошибку в чат как правку, и нейросеть исправит код. Панель «Смотреть код» у приложения показывает не одну страницу, а список файлов. Над превью приложения работает тот же переключатель Десктоп / Планшет / Телефон, что и у лендинга. Кнопка «Редактировать» в шапке включает правку прямо в превью, как у лендинга: кликните в текст и печатайте (Enter — готово), у выбранного элемента слева появится панель оформления — шрифт, размер, цвет, фон, выравнивание, замена картинки или иконки. Клики в режиме правки не запускают само приложение — кнопки и меню в нём в это время не срабатывают. Правки ложатся в исходники и сохраняются кнопкой «Сохранить» как минорная версия; «Отменить» или Esc — выйти без изменений. Если элемент так не правится (текст считается на лету, стиль задан кодом) или нужна правка посложнее, нажмите в панели «Описать правку в чате»: элемент появится чипом над полем чата (крестик убирает), напишите, что изменить, и отправьте — запрос уйдёт как обычная правка приложения вместе с контекстом элемента, и нейросеть внесёт изменение в код. Тот же выбор элемента есть и без редактора – «Правка по клику» в меню «+» слева от поля чата включает выбор прямо в превью, кликните по заголовку, кнопке или блоку – он ляжет чипом над полем. Выйти из выбора – пунктом «Выйти из правки» в том же меню или клавишей Esc.

Предпросмотр React-приложения по ссылке

Ссылка на версию, которую видите только вы, у React-приложения появляется сразу после генерации или правки — как у лендинга. Приложение собирается в вашем браузере автоматически: пока идёт сборка, в строке версии вместо адреса написано «Собираю предпросмотр…», потом появляется ссылка на готовую сборку. Если закрыть вкладку до конца сборки, по ссылке будет подсказка, что сборка не завершена, — откройте проект в рабочей области, и она продолжится сама; на той же странице остались кнопки «Открыть в рабочей области» и «Собрать превью здесь». Если сборка не удалась, в строке версии появится «Не удалось собрать предпросмотр» с кнопкой «Повторить». Кнопка «Опубликовать» использует уже собранное приложение и заново ничего не собирает.

Стрелка рядом с адресом раскрывает панель версий: каждая версия одной строкой со временем и днём («19:06 сегодня», «17:06 вчера», «15:06 24.09»); время стоит ровным столбиком. У версии, которая открывается по адресу сайта, слева стоит глобус, а у сайта с паролем – ключ; адрес видно в подсказке, а клик по значку открывает настройки публикации. У остальных версий слева кружок, у открытой в превью он синий. Наведите курсор на строку, и появятся кнопки «Скопировать», «Открыть на сайте», QR-код (наведите камеру телефона, и ссылка откроется на нём), «↑ v3.0» и корзина. Удалить можно любую версию, кроме единственной: окно заранее скажет, что станет с текущей версией и адресом сайта, подробнее – История версий. У опубликованной версии ссылки ведут на сам адрес сайта, у остальных – на ссылку именно этой версии, видную только вам. Клик по номеру версии показывает её в превью, синий кружок слева отмечает открытую. «↑ v3.0» создаёт из этой версии новую крупную версию и делает её текущей: так можно вернуть старый вариант, не теряя нумерацию. У многостраничного сайта рядом с версией стоит «3 стр.»: по клику раскрывается список страниц.

Подробно про публикацию — Как опубликовать сайт. Про свой домен — Как привязать свой домен. Если нужно не только показать продукт, но и запустить в нём логику — смотрите Приложение.

Если вы ещё выбираете способ и сравниваете варианты — в блоге есть разбор «Создать лендинг через нейросеть».