Игорь Градов
Игорь Градов
5 мин
ai

Shopify Canvas превращает создание интернет-магазинов в чат с ИИ вместо вёрстки

Shopify запустила Canvas 5 июня 2024 года, и теперь создание интернет-магазина сводится к переписке с ИИ-агентом Sidekick вместо ручной вёрстки, что снимает порог входа для тех, у кого нет разработчика в команде.

Shopify Canvas превращает создание интернет-магазинов в чат с ИИ вместо вёрстки
Почему это важно

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

До Canvas у Shopify уже был визуальный конструктор без кода, но он работал по принципу шаблона: вы выбирали тему, переставляли блоки и секции. Всё, что выходило за рамки готовых модулей, требовало редактирования кода или найма разработчика. Canvas убирает этот потолок: вы описываете Sidekick словами, что хотите видеть, а ИИ-агент (программа, которая сама выполняет задачи по вашему запросу) вносит изменения в файлы темы и показывает результат на лету.

Об этом сообщил TechCrunch, описав запуск Canvas как часть более широкого тренда: Wix, Squarespace, Webflow, Framer и так называемые vibe-coding платформы Lovable и Replit движутся в ту же сторону, где сайт создаётся через диалог, а не через код.

Как Sidekick работает внутри Canvas?

Sidekick не новый инструмент. Он уже умел писать код, собирать приложения, настраивать темы. Но раньше это были разрозненные операции.

В Canvas Sidekick впервые получил доступ ко всему магазину целиком: можно видеть весь сайт, масштабировать, перемещаться по страницам и одновременно вносить правки в реальные файлы. По данным TechCrunch, Shopify для этого упростила архитектуру тем, чтобы структура, логика и дизайн были понятнее ИИ-агенту.

Sidekick делает скриншоты каждого промежуточного результата, то есть видит то же, что и продавец. Это не просто генерация по тексту: ИИ контролирует визуальный результат и может корректировать его.

Ручное управление тоже осталось. Можно кликнуть на любой элемент и поправить напрямую, без чата.

Что понадобится

  • Аккаунт Shopify. Canvas доступен внутри платформы, отдельной подписки на момент запуска не требуется.
  • Десктоп. Canvas работает только на настольных компьютерах, мобильной версии пока нет.
  • Текстовое описание магазина. Чем точнее вы опишете Sidekick, что продаёте, какой стиль хотите и как должна выглядеть главная страница, тем ближе будет первый результат.
  • Время: первый рабочий вариант магазина можно получить за одну сессию диалога, но доводка деталей займёт больше.

Пошаговая инструкция

  1. Войдите в панель управления Shopify и откройте Canvas. Инструмент доступен из раздела редактирования темы магазина.

  2. Начните диалог с Sidekick. Опишите свой магазин. Промпт (текстовая команда для ИИ) должен содержать конкретику: что продаёте, кто ваш покупатель, какой визуальный стиль нужен.

Создай магазин по продаже керамической посуды ручной работы.
Стиль: минималистичный, светлый фон, крупные фотографии товаров.
Главная страница: баннер с акцией, каталог по категориям,
блок отзывов, контакты.
  1. Наблюдайте за результатом в реальном времени. Canvas показывает не превью, а реальный код магазина. Проверяйте интерактивные элементы: кнопки, анимации, переходы между страницами.

  2. Уточняйте через чат. Не нравится расположение блока или цвет фона, скажите Sidekick:

Перенеси блок отзывов выше каталога.
Сделай фон секции с акцией кремовым, а не белым.
  1. Проверьте адаптивность. Переключайте вид между размерами экранов. Canvas показывает, как магазин выглядит на разных устройствах.

  2. Правьте вручную, где нужно. Кликните на конкретный элемент и измените его напрямую, если проще показать, чем описать.

  3. Сохраните и опубликуйте. Когда результат устраивает, публикуйте магазин. Все изменения уже записаны в рабочие файлы темы.

Как это выглядит на практике

Продавец вводит в чат: «Мне нужна страница каталога с фильтрами по цене и категории, карточки товаров с кнопкой быстрого добавления в корзину». Sidekick генерирует страницу, продавец видит результат, масштабирует вид и замечает, что кнопка сливается с фоном. Пишет: «Сделай кнопку контрастнее, тёмно-зелёной». Sidekick обновляет код, делает скриншот, проверяет визуал и показывает обновлённый вариант. Весь цикл занимает секунды, а не часы ручной правки CSS.

Частые ошибки

Расчёт на полную готовность. Canvas только запущен. Сторонние темы, блоки и расширения приложений, мультиязычность, поэтапные раскатки и обновления тем пока не поддерживаются. По данным TechCrunch, Shopify планирует добавить всё это со временем, но на старте функциональность ограничена.

Только десктоп. Нет мобильной версии Canvas. Если вы привыкли управлять магазином с телефона, редактировать через Canvas пока не получится.

Слишком абстрактные промпты. «Сделай красивый магазин» даст размытый результат. Sidekick работает лучше, когда получает конкретные вводные: цвета, структуру страниц, описание товаров.

Игнорирование ручной правки. Canvas не заменяет проверку человеком. После генерации пройдитесь по каждой странице, протестируйте корзину, оформление заказа и все ссылки.

Что это значит для вас по ролям?

Владелец малого бизнеса в РФ или СНГ. Создание интернет-магазинов через Shopify доступно из России, но с оговорками: приём платежей через Shopify Payments в РФ не работает, потребуется внешний эквайринг. Canvas снимает расходы на разработчика при запуске, но логистику и платёжный контур нужно решать отдельно. Из российских альтернатив для создания интернет-магазинов без кода есть Tilda и InSales.

Автор Дзена, который продаёт через контент. Если вы ведёте блог и хотите привязать к нему витрину с товарами или услугами, Canvas позволяет собрать магазин за вечер без технических знаний. Протестируйте на простом лендинге с одним продуктом.

Маркетолог. Canvas ускоряет тестирование гипотез: можно за минуты собрать вариант посадочной, проверить конверсию и переделать через чат, а не через ТЗ разработчику.

Мнение редакции dzen.guru

Canvas делает ровно то, что давно обещали все конструкторы сайтов: убирает код из процесса. Но на мой взгляд, главное отличие от конкурентов не в ИИ, а в том, что генерируется настоящий рабочий код, а не картинка. Это значит, что магазин после генерации работает как полноценный Shopify-сайт со всей инфраструктурой платформы.

Честная оговорка: инструмент сырой. Отсутствие поддержки сторонних тем и расширений приложений на старте серьёзно ограничивает тех, кто уже работает на Shopify с кастомными решениями. Для нового магазина с нуля подходит, для миграции существующего пока рано.

Я бы рекомендовал попробовать Canvas на тестовом магазине, не на боевом. Соберите простой каталог из пяти товаров, проверьте, насколько точно Sidekick понимает ваши запросы, и только потом решайте, переносить ли основной проект.

Научитесь продвигать интернет-магазин через контент

Магазин собрали, теперь нужен трафик. В dzen.guru мы разбираем, как авторы Дзена превращают статьи в продажи.

Узнать больше

Для русскоязычного малого бизнеса Canvas пока инструмент для старта, а не для масштабирования. Но если вы откладывали запуск магазина из-за стоимости разработки, сейчас момент протестировать: соберите простой каталог через чат с Sidekick и проверьте, хватает ли результата для первых продаж.

Поделиться:TelegramVK
Игорь Градов
Игорь Градов

Основатель dzen.guru. Эксперт по монетизации и продвижению на Дзен. Автор курса «Старт на Дзен 2026».

Комментарии

Читайте также

Google отправила свой ИИ-чип на орбиту: космические дата-центры потребуют 1800 запусков Starship
ai

Google отправила свой ИИ-чип на орбиту: космические дата-центры потребуют 1800 запусков Starship

Google впервые отправила свой серверный чип в космос на борту ракеты SpaceX, запущенной из Калифорнии 5 июня, и начала практическую проверку идеи космических…

5 мин
Нейросеть «Амазон» не пишет, а решает: модель на 2B параметров работает на ноутбуке бесплатно
ai

Нейросеть «Амазон» не пишет, а решает: модель на 2B параметров работает на ноутбуке бесплатно

Почему это важно Amazon выложила в открытый доступ компактную модель для принятия решений, которая работает локально и стоит в разы дешевле полноценных…

5 мин
ai

Суд отклонил иски к Google: антитраст не защитит издателей от ИИ-обзоров

Google платит издателям, но суд решил: ожидание трафика не равно договору, и антимонопольное право тут бессильно. Почему это важно Федеральный суд США впервые…

5 мин