Что можно проверить в демо
Карточка «Лампа Nami»
Категория «Свет», описание «Мягкий переносной свет, дуб и матовое стекло», цена 18 900 ₽, метка «Новинка», изображение с подписью и кнопка «Заказать». Это демонстрационная цена; иллюстрация коллекции повторяется у товаров и не является отдельной предметной фотографией.
Выбор из трёх категорий
«Все», «Свет», «Декор» и «Хранение» переключают видимые карточки. Текстового поиска и сортировки в этом пресете нет. В каждой категории сейчас по одному товару.
Товар → квиз → контакты
Нажмите «Заказать» у Nami: лампа уже выбрана в квизе. Выбор можно изменить, затем указать курьера или самовывоз и увидеть поля имени и телефона. Демо не передаёт заказ продавцу.
На телефоне
На телефоне категории переносятся по строкам, товары показаны в одну колонку. Проверьте карточку, её цену и переход к квизу, затем вернитесь назад в вопросах: выбранный предмет должен оставаться понятным.
Что изменить под свою задачу
Карточки и категории
В блоке каталога редактируются название, описание, текст цены, метка, изображение, категория и кнопка товара. Используйте собственные фотографии и alt-подписи, а вместо фиксированной цены при необходимости укажите условия расчёта.
Согласование с квизом
Каталог и вопросы редактируются отдельно. Для переноса выбора в квиз идентификатор варианта должен совпадать с идентификатором товара. После смены ассортимента проверьте каждую кнопку и варианты способов получения.
Кому подходит эта структура
Такой сценарий подходит мастерской, локальному бренду или поставщику, который принимает запросы на товары. Он помогает показать ассортимент до разговора с покупателем. Если стоимость зависит от комплектации, размеров или доставки, объясните эти условия рядом с товаром и используйте заявку для уточнения заказа.
Что есть на каждой странице
- Главная ↗
- Знакомит с коллекцией и переводит посетителя к выбору товара кнопкой «Смотреть каталог». Здесь стоит коротко объяснить, что вы продаёте и чем отличаются ваши изделия.
- Каталог ↗
- Показывает три категории и три демонстрационных товара с описаниями и ценами. Кнопка «Заказать» ведёт к квизу: выбранный товар переносится в первый вопрос, после выбора способа получения открываются поля контактов.
- Доставка ↗
- Объясняет последовательность заказа: заявка, подтверждение и получение. Замените общие формулировки своими сроками, географией и способом согласования доставки.
Что подготовить для своего сайта
- Список товаров и категорий: понятные названия, отличия моделей, материалы, размеры и актуальные цены либо правила расчёта стоимости.
- Фотографии, которые разрешено публиковать. Для каждого товара выберите изображение, позволяющее понять его форму и назначение, и подготовьте описание.
- Условия работы: как уточняется наличие, куда доступна доставка, есть ли самовывоз и кто отвечает покупателю после заявки.
- Свои контактные данные и документы для работы с обращениями. Демонстрационные товары, цены и обещания доставки нужно заменить до публикации.
От примера к своему проекту
Пройдите путь покупателя
Откройте страницу каталога в демонстрации, переключите категории и нажмите «Заказать». Проверьте, что выбранный товар отмечен в первом вопросе, и при необходимости измените его. Формы демонстрации не отправляют заказ.
Создайте проект из пресета
Кнопка «Создать из этого пресета» открывает кабинет с выбранной основой; для работы нужен вход. Замените название TERRA, тексты, изображения и цены своими материалами.
Согласуйте каталог и квиз
После изменения ассортимента обновите варианты товаров в квизе и способы получения. Проверьте, что названия совпадают и покупатель сможет запросить именно тот товар, который увидел в карточке.
Проверьте готовый сайт
Просмотрите все три страницы на телефоне, проверьте переходы и условия заказа. В своём опубликованном проекте отдельно проверьте приём обращения и ответственного за него: работа preview этого не подтверждает.
Границы демонстрации
В этом пресете нет текстового поиска, сортировки, корзины, checkout, онлайн-оплаты и управления складом. В preview выводится до шести товаров выбранной категории; пагинации нет. Для большого ассортимента этой демонстрации недостаточно. Каталог и вопросы квиза редактируются отдельно. TERRA, товары и цены служат демонстрацией структуры; это не действующий магазин и не клиентский кейс VidLix. Не вводите реальные контактные данные в пример.
Если у вас одно предложение без ассортимента, посмотрите одностраничный сценарий: он помогает последовательно объяснить услугу и перейти к обращению.
Пример лендинга →