До недавнего времени Smart-AI24 хорошо умел делать сайты, каталоги и формы заявок. Можно было показать товары, рассказать о мастерской, принять обращение. Но если человеку нужен был именно магазин — с регистрацией покупателя, оплатой и заказами — начинался тот самый пазл из разных сервисов.
Теперь не начинается.
В Smart-AI24 можно собрать нормальный интернет-магазин: с каталогом, корзиной, регистрацией покупателей, оплатой через ЮKassa, личным кабинетом клиента и рабочим разделом владельца.
Всё это создаётся так же, как обычный сайт на нашей платформе: через разговор с ассистентом. Не нужно искать отдельный движок магазина, ставить плагины и потом знакомить между собой пять разных кабинетов.
Сначала вы объясняете, каким должен быть сайт. Потом отдельным заданием просите превратить его в работающий магазин.
Если материалы и правила работы уже собраны, первая рабочая версия обычно появляется примерно за час-полтора. Не идеальная навеки — таких сайтов вообще не бывает. Но уже та, на которой можно зарегистрироваться, положить товар в корзину, оплатить заказ и увидеть его в личном кабинете.
Что именно теперь работает
Не кнопка «Купить», после которой вам приходит сообщение. И не корзина, которая живёт только в браузере до первой очистки истории.
Речь о полном пути:
- покупатель смотрит каталог и складывает товары в корзину;
- при оформлении регистрируется или входит;
- указывает данные для доставки;
- переходит на защищённую страницу ЮKassa;
- после подтверждённой оплаты получает настоящий заказ;
- видит заказ и его состояние в личном кабинете;
- получает письма об оплате, сборке и отправке;
- видит номер отправления;
- владелец магазина работает с заказами в своём разделе;
- остатки меняются, а последний экземпляр нельзя продать дважды.
При этом сам владелец не превращается в администратора интернет-магазина. Чтобы отметить заказ как отправленный, не нужно искать нужную таблицу среди десятка разделов. Можно открыть рабочий раздел или просто попросить ассистента помочь с заказами.
Проверили на настоящей лавке
Для проверки мы взяли не безликий тестовый магазин, а «Мастерскую Никифора» — сайт мастера берестяных игрушек из села Талица.
Сначала собрали сам сайт: историю мастерской, каталог игрушек, карточки товаров, доставку, корзину и личный кабинет. Потом вторым промптом довели всё, что пока было демонстрацией, до рабочего состояния.
Сначала посмотрите, как это выглядит
Историю Никифора и его первого шага в интернет мы сняли в коротком фильме «Интернет-магазин на максималках». Он длится две с половиной минуты и лучше любого списка показывает, зачем мастеру вообще нужен свой магазин.
«Интернет-магазин на максималках», 2:34
В результате покупатель может зарегистрироваться, оплатить игрушку тестовым способом, увидеть заказ и следить за его состоянием. Никифор Силантьевич видит новые заказы, переводит их в работу, добавляет номер отправления и получает заявки на изготовление игрушек под заказ.
Посмотреть сайт: nikifor-altai.smart-ai24.ru
Это важный для нас момент. Мы давно говорили, что сайт не должен быть отдельной красивой картинкой, которую потом приходится вручную пришивать к бизнесу. Теперь эта мысль дошла и до магазина.
Как сделать свой магазин
Ниже два промпта. Первый создаёт сам сайт и витрину. Второй подключает настоящую работу магазина: регистрацию, оплату, заказы, кабинеты, остатки и уведомления.
Не надо бездумно отправлять их как есть.
Скопируйте оба промпта в отдельный чат со своим ассистентом и напишите:
Когда получите две персональные версии, откройте новую сессию Smart-AI24 и отправьте первый промпт. Посмотрите результат, внесите правки и сохраните понравившуюся версию.
Затем откройте ещё одну новую сессию и отправьте второй промпт. Разделение здесь полезно: в первой сессии ассистент думает о сайте, товарах и дизайне, а во второй спокойно занимается регистрацией, платежами, заказами и проверками.
Промпт № 1. Создать сайт и витрину магазина
Скопируйте весь блок целиком:
Создай для меня готовый современный многостраничный сайт с интернет-витриной.
Это не концепция и не план. Собери первую рабочую версию сайта, наполни её моими материалами, покажи preview на компьютере и телефоне и подготовь к публикации.
Мои данные:
- название бизнеса: [НАЗВАНИЕ];
- чем я занимаюсь: [КОРОТКО О БИЗНЕСЕ];
- город и география продаж: [ГОРОД, РЕГИОНЫ ДОСТАВКИ];
- кто мои покупатели: [АУДИТОРИЯ];
- товары: [КАТЕГОРИИ ИЛИ СПИСОК ТОВАРОВ];
- способы доставки: [РЕАЛЬНЫЕ СПОСОБЫ];
- контакты: [ТЕЛЕФОН, EMAIL, МЕССЕНДЖЕРЫ];
- желаемое настроение сайта: [СТИЛЬ, ЦВЕТА, ПРИМЕРЫ];
- мои фотографии и документы: [УКАЖИ, ЧТО ПРИКРЕПЛЕНО И ЧТО ИЗ ЭТОГО ИСПОЛЬЗОВАТЬ].
Сначала внимательно изучи мои материалы. Используй реальные названия, цены, фотографии и условия. Если каких-то данных нет, не выдумывай их и не создавай фальшивые отзывы, награды, сертификаты или цифры.
Сайт должен включать:
1. Главную страницу с понятным первым экраном: что я продаю, для кого и куда нажать, чтобы перейти к товарам.
2. Каталог с категориями, фотографиями, названиями, ценами и понятным наличием.
3. Отдельные карточки товаров: фотографии, описание, характеристики, цена, наличие, сроки изготовления, доставка и кнопка добавления в корзину.
4. Страницу обо мне или о мастерской. Расскажи мою реальную историю человеческим языком, без рекламного шума.
5. Страницу «Доставка и оплата» только с теми способами, которыми я действительно пользуюсь.
6. Страницу контактов.
7. Корзину и понятный переход к оформлению заказа.
8. Если часть товаров делается на заказ — отдельный понятный сценарий заявки на изготовление.
9. Места для входа и личного кабинета покупателя, которые не ломают шапку сайта.
Сайт должен хорошо выглядеть на телефоне, среднем экране и компьютере. Меню не должно ломаться, карточки не должны вылезать за границы, кнопки должны быть удобны для нажатия пальцем.
Не делай магазин похожим на стандартный шаблон маркетплейса. Дизайн должен исходить из моего дела и моих материалов. При этом красота не должна мешать покупке: цена, наличие, доставка и главное действие всегда видны.
На этом этапе собери сайт и витрину. Не изображай неподключённую оплату как настоящую. Если корзина, регистрация или заказ пока демонстрационные, честно отметь это до выполнения второго задания.
Перед финальным ответом сам открой все страницы и проверь их визуально на компьютере и телефоне. Проверь ссылки, карточки товаров, корзину, формы и отсутствие выдуманных данных.
Сначала покажи мне готовый preview. Публикуй только после моего подтверждения.Промпт № 2. Превратить витрину в работающий интернет-магазин
Этот промпт отправляйте после того, как внешний вид сайта уже нравится.
Хочу, чтобы мой сайт стал по-настоящему работающим интернет-магазином.
Сам сайт мне нравится — не переделывай его заново. Сначала изучи все существующие страницы, товары, правила доставки и стиль. Если какие-то части магазина уже есть, доведи их до рабочего состояния. Если чего-то не хватает, добавь это в дизайне моего сайта.
Сейчас часть элементов может только изображать работу магазина. После этой задачи регистрация, корзина, оплата, заказы, кабинеты и уведомления должны работать по-настоящему.
## Регистрация и вход
Покупатель может смотреть каталог и складывать товары в корзину без регистрации. При переходе к оформлению заказа попроси его войти или зарегистрироваться.
Email покупателя обязателен: без действующего email нельзя завершить регистрацию и оформить заказ. Не заставляй человека заполнять сведения, которые магазину не нужны.
После входа в шапке должен появляться аккуратный значок покупателя. По нажатию показывай имя, email, ссылку на личный кабинет и кнопку выхода. На телефоне и средних ширинах это не должно ломать меню.
Меня как владельца узнавай по моему подтверждённому аккаунту. Для меня вместо покупательского кабинета открывай рабочий раздел владельца. Обычный покупатель не должен получить к нему доступ.
## Корзина и оформление
Покупатель должен видеть товары, количество и общую стоимость. Добавь изменение количества и кнопку «Очистить корзину».
При оформлении заказа запроси только реальные данные, необходимые для моей доставки:
- имя;
- телефон;
- email;
- город;
- способ доставки;
- адрес или пункт выдачи, если он нужен.
Сохраняй введённые покупателем телефон, город и адрес в его профиле и подставляй при следующей покупке. После успешной оплаты очищай корзину.
Предлагай только мои реальные способы доставки: [СПОСОБЫ ДОСТАВКИ]. Не придумывай транспортные компании и варианты, которыми я не пользуюсь.
## Оплата
Подключи оплату через ЮKassa.
Банковские данные на моём сайте не собирай: покупатель должен переходить на защищённую страницу ЮKassa.
Настоящий оплаченный заказ создавай только после подтверждения успешного платежа. Основной способ подтверждения — уведомление ЮKassa, дополнительная проверка — запрос статуса платежа при возвращении покупателя на сайт.
Повторное нажатие кнопки, обновление страницы или повторное уведомление от ЮKassa не должны создавать дубли заказов и платежей.
Если мы сначала проверяем магазин, используй тестовый контур ЮKassa и явно покажи на сайте, что оплата тестовая. Перед включением настоящих платежей проведи отдельную проверку.
Не проси меня вставлять секретный ключ ЮKassa в страницу сайта, код, этот промпт или обычное сообщение. Когда ключ понадобится, предложи сохранить его через защищённое хранилище платформы и объясни только нужные действия.
## Товары и остатки
Учитывай реальное наличие товара.
Если готовый товар остался в одном экземпляре, его нельзя продать двум покупателям. После оплаты последнего экземпляра товар больше не должен показываться как доступный для немедленной покупки.
Товары под заказ обрабатывай отдельно, по моим реальным срокам и условиям.
В рабочем разделе я должен без ручного редактирования страниц менять состояние товара:
- в наличии;
- закончился;
- доступен под заказ;
- снова в наличии.
## Рабочий раздел владельца
Сделай мне понятный раздел для заказов. В первую очередь покажи то, чем нужно заниматься сейчас.
Состояния заказа:
Новый → В работе → Отправлен → Получен.
Я должен открыть заказ целиком и увидеть:
- номер и дату;
- покупателя и контакты;
- товары, количество и цены;
- общую сумму;
- доставку и адрес;
- состояние оплаты;
- состояние заказа;
- номер отправления.
При переводе заказа в состояние «Отправлен» дай мне указать номер отправления. После получения заказ уходит из текущей работы в историю.
## Личный кабинет покупателя
Покупатель должен видеть текущие заказы и историю покупок.
По каждому заказу сразу покажи состав, сумму, дату, доставку, состояние и номер отправления, если он появился. По нажатию открывай полные сведения о заказе.
Кабинет должен выглядеть как часть моего сайта, а не как случайно пристроенная служебная таблица.
## Письма
После успешной оплаты отправляй владельцу уведомление о новом заказе, а покупателю — письмо о том, что заказ принят.
Когда я меняю состояние заказа, сообщай об этом покупателю по email. В письме об отправке обязательно укажи номер отправления и ссылку на личный кабинет.
Оформляй письма в стиле сайта: название магазина, понятный заголовок, состав заказа, сумма, доставка и заметное состояние. Не показывай внутренние обозначения и технические ошибки.
Используй уже подключённый почтовый канал владельца. Не заводи второй отправитель без необходимости. Если письмо временно не ушло, сохрани его в очереди и повтори позже.
Эти письма относятся к конкретному заказу. Не считай регистрацию или покупку согласием на рекламную рассылку.
## Заявки на изготовление
Если на сайте есть форма «Под заказ», «Связаться» или похожая форма, она тоже должна работать.
Такую заявку можно оставить без регистрации. После отправки сохрани её в моём рабочем разделе, уведомь меня и покажи человеку понятное подтверждение. Если покупатель вошёл, подставь известные данные автоматически.
## Убери старую имитацию
Пройди по всем страницам и убери тексты о том, что регистрация хранится только в браузере, заказы никуда не уходят, а покупка только изображается.
Если магазин остаётся демонстрационным, сохрани заметное предупреждение о тестовой оплате. Если мы включаем настоящие платежи, не оставляй формулировки, которые называют их тестовыми.
Внешний вид сайта без необходимости не меняй.
## Проверка перед выпуском
До публикации сам проверь полный путь:
- регистрация нового покупателя;
- вход в существующий аккаунт;
- обязательность email;
- корзина, изменение количества и очистка;
- успешная тестовая оплата;
- неуспешная оплата;
- отсутствие дублей при повторном подтверждении;
- очистка корзины после оплаты;
- покупка последнего экземпляра;
- появление заказа у владельца и покупателя;
- изменение состояний;
- номер отправления;
- история покупок;
- заявка на изготовление;
- повторное использование сохранённых данных доставки;
- письма владельцу и покупателю;
- запрет доступа покупателя в рабочий раздел;
- внешний вид кабинетов на телефоне, среднем экране и компьютере.
Сначала проверь всё в тестовом контуре и покажи мне результат. Настоящие платежи включай только после моего явного подтверждения.
В конце напиши коротко: что уже работает, что проверено и что действительно требуется сделать с моей стороны. Не перекладывай на меня техническую реализацию.Что подготовить заранее
Ассистент многое соберёт сам, но факты о вашем бизнесе ему всё-таки нужны.
Подготовьте:
- названия и фотографии товаров;
- цены и остатки;
- какие товары готовы, а какие делаются под заказ;
- способы и стоимость доставки;
- реквизиты и контакты магазина;
- почту, с которой должны уходить письма;
- аккаунт ЮKassa или готовность его открыть.
Секретный ключ ЮKassa не вставляйте в промпт и не публикуйте на страницах. Для таких данных на платформе есть защищённое хранилище.
Если аккаунта ЮKassa ещё нет или платёжный провайдер должен проверить документы, это займёт отдельное время. Час-полтора — ориентир на сборку и проверку первой версии магазина, когда товары, доставка и платёжные данные уже готовы. Честнее сказать это сразу, чем обещать запуск приёма денег по секундомеру.
А дальше — обычный разговор
После запуска магазин не превращается в памятник, к которому страшно подходить.
Можно написать:
Или:
Или:
Для меня именно в этом смысл Smart-AI24. Не просто один раз сделать сайт быстрее. Сделать так, чтобы дальше владелец бизнеса мог управлять своим интернет-магазином теми же словами, которыми он управляет самим делом.
Без пазла. Без новой профессии «администратор сайта». Просто через чат.