# Несколько страниц

> ИИ сам планирует страницы сайта. Как добавить страницу — запросом в чат, кликом по элементу сайта, который пока никуда не ведёт, из строки адреса или из плана — и что такое страница 404.

Сайт в Velvio — единый проект: общие шапка, подвал, цвета и шрифты на всех страницах. Поменяли меню в шапке — оно поменялось везде.

## Как ИИ планирует страницы

Перед первой версией ИИ составляет план сайта: какие страницы нужны и в каком порядке их делать. Небольшой сайт (визитка, лендинг, услуги) собирается целиком за один раз. Крупный — например, каталог с карточками товаров или сайт сети клиник — делится на этапы: сначала главное, остальное по вашему запросу. Так каждую часть проще проверить и поправить, пока она не обросла другими страницами.

План виден в разделе **«План сайта»**: этапы со статусами «выполнено», «в работе», «запланирован», «по запросу» и список функций сайта.

![Раздел «План сайта»: этапы и кнопки «Сделать»](https://velvio.space/docs/shots/plan-tab.webp)

## Добавить страницу

Есть четыре способа.

### Запросом в чат

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

```prompt
Добавь страницу «Цены»:
- таблица услуг барбершопа с ценами и временем
- отдельный блок «Комплексы» со скидкой
- кнопка «Записаться» внизу
Ссылку поставь в меню после «Услуг».
```

### По содержимому сайта

Превью — живой сайт: по нему можно ходить, нажимая на меню, кнопки и ссылки. Если нажать на то, за чем ещё ничего нет, сайт покажет подсказку **«Здесь пока ничего нет. Создать?»**.

![Подсказка «Здесь пока ничего нет. Создать?» в превью](https://velvio.space/docs/shots/unfinished-bubble.webp)

Подсказка появляется, когда вы нажимаете на:

- **ссылку на страницу, которой пока нет** — например, «Вакансии» в подвале;
- **ссылку-заглушку** — ведёт «никуда» или на раздел страницы, которого нет;
- **кнопку без действия** — «Подробнее», «Оставить отзыв», за которыми ничего не происходит;
- **форму, которая ничего не отправляет**;
- **надпись «скоро» или «в разработке»** — например, «Онлайн-оплата — скоро».

Подсказки не будет у ссылок на существующие страницы, на другие сайты, у телефонов и почты, у кнопок, которые уже что-то делают. Подсказка работает только в превью: на опубликованном сайте её нет. И только когда не включён инструмент правки («Указать элемент», «Править на странице», «Выделить область») — тогда клик выбирает элемент.

Нажмите **«Создать»**. В поле чата появятся пометка **«Создать: …»** с названием элемента и заготовка запроса. Отправьте как есть — ИИ поймёт по тексту и месту, что должно быть, — или допишите подробности:

![Запрос «Создать» в чате с пометкой элемента](https://velvio.space/docs/shots/unfinished-chat.webp)

```prompt
Создай то, что должно быть под «Вакансии»:
вакансии повара и официанта, условия работы и форма отклика
```

ИИ создаёт не только страницы. Под кнопкой «Подробнее» он может сделать всплывающее окно, под «Оставить отзыв» — форму, под ссылкой на раздел — сам раздел. И сразу подключает навигацию: ссылку в меню, кнопку «Назад».

### Из строки адреса

Откройте список страниц над превью и нажмите **«Добавить страницу…»** внизу. В поле чата появится заготовка запроса — впишите название и что должно быть на странице:

![Список страниц сайта и «Добавить страницу…»](https://velvio.space/docs/shots/pages-list.webp)

```prompt
Добавь страницу «О ресторане»: история, команда шеф-поваров с фото,
блок «Наши награды». Ссылку — в меню и в подвал.
```

### Кнопкой в плане

В разделе «План сайта» у этапов и функций, которые ещё не сделаны, есть кнопка **«Сделать»**. Она сразу отправляет задачу в чат.

## Переходить между страницами

Над превью — строка, как в браузере. В ней видно, какая страница открыта: название сайта и адрес, например `/menu`. Нажмите на адрес — откроется список всех страниц сайта, выберите нужную. Кнопки **←** и **→** слева возвращают на предыдущую страницу и обратно, **⟳** обновляет превью.

Удобнее смотреть сайт целиком в отдельной вкладке браузера: кнопка **«Открыть превью по ссылке»** (стрелка ↗ в строке над превью).

## Страница 404

У каждого сайта есть страница **«Страница не найдена»** с кнопкой «На главную». Её видит посетитель, который открыл адрес, где ничего нет: ошибся в адресе, перешёл по старой ссылке или по ссылке на удалённую страницу. Поисковики такую страницу не индексируют.

![Страница 404 в превью](https://velvio.space/docs/shots/not-found-page.webp)

Если в превью после клика по ссылке открылась 404 — нужной страницы ещё нет или ссылка ведёт не туда. Напишите в чат, что должно быть на этой странице, или попросите поправить ссылку:

```prompt
По ссылке «Акции» открывается 404. Сделай страницу «Акции»:
три текущих предложения с датами и кнопкой «Забронировать».
```

Саму страницу 404 можно оформить под сайт:

```prompt
Оформи страницу 404 в стиле сайта: короткая шутка про заблудившегося гостя,
иллюстрация пустой тарелки, кнопки «На главную» и «Посмотреть меню».
```

## После публикации

У каждой страницы свой адрес, например `velvio.space/s/kofeinya/menu`. Все страницы попадают в карту сайта, а поисковики и ИИ-ассистенты получают каждую как готовую страницу с текстом. Страницы с параметрами (например, отдельная карточка товара по номеру) в карту сайта не попадают.

## Советы

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