ElevenLabs выложила в открытый доступ проект Eleven Shopping - голосового агента, который превращает процесс выбора товаров и оформления заказа в диалог с ИИ. В основе - стек Next.js + React + TypeScript + Tailwind CSS и подключение к Shopify Storefront API через протокол MCP. Код доступен на GitHub.
Что это за агент
Eleven Shopping - это не просто «говорящий чат-бот». Это реальный голосовой интерфейс к вашему интернет-магазину на Shopify, где взаимодействие происходит голосом, без кликов и форм.
Пользователь может сказать:
«Покажи зимние шапки в наличии»,
«Добавь серую в корзину и оформи заказ»,
«Есть ли доставка в город ...?»
Ассистент понимает запрос, обращается к API магазина, получает данные о товарах, добавляет позиции в корзину и сопровождает пользователя на этапе оформления заказа. Всё это происходит в реальном времени, через WebRTC.
Архитектура решения
Вся магия происходит за счёт ElevenLabs Agents и Model Context Protocol (MCP).
MCP - не просто API
Это открытый протокол, который позволяет ИИ-моделям обращаться к внешним данным и инструментам через унифицированный контекст. В случае Eleven Shopping агент подключается к вашему Shopify Storefront API как к источнику данных:
получает список товаров, описания, изображения;
узнаёт наличие и цены;
может создавать или обновлять корзину;
может инициировать процесс оформления заказа.
Благодаря MCP агент не нуждается в «хардкоде» под конкретный API - он просто использует описанный интерфейс MCP-сервера.
Пример описания ресурса в MCP-сервере:
{
"resources": [
{
"id": "shopify-products",
"type": "list",
"endpoint": "https://yourstore.myshopify.com/api/products",
"schema": "Product"
}
]
}
Стек и открытый код
Проект выложен на GitHub под MIT-лицензией.
Основные технологии:
Next.js + React + TypeScript - фронтенд интерфейса и клиентская логика;
Tailwind CSS - оформление;
WebRTC - передача аудио с минимальной задержкой;
ElevenLabs API - голосовой ввод и синтез речи;
MCP - мост между агентом и Shopify.
Всё это можно развернуть локально, задать параметры подключения и в реальном времени протестировать диалоговый сценарий покупки.
Шаги настройки и запуска
Создаётся аккаунт и агент в ElevenLabs Agents Dashboard.
Поднимаем MCP-сервер, указав URL своего магазина Shopify (Storefront API).
Добавляем токены API в
.env.Запускаем сервер:
npm install
npm run devПосле этого приложение можно открыть в браузере, и вы получите голосового ассистента, полностью интегрированного с вашим магазином.
Это может быть интересно разработчикам
Eleven Shopping - это, по сути, референсная реализация голосового UX поверх e-commerce API.
Здесь много интересных решений:
потоковый синтез речи с минимальной задержкой;
работа с естественным языком через MCP-контекст;
микросервисная структура с возможностью подмены MCP-сервера (например, на Notion или Google Sheets);
универсальный интерфейс для подключения к любому API, не только Shopify.
Немного про ElevenLabs Agents
ElevenLabs пошла дальше классических TTS/ASR решений (синтеза и распознавания речи).
Agents - это полноценные разговорные ИИ, способные:
принимать голосовые команды;
выполнять действия (через MCP или API);
вести контекстный диалог;
и всё это в реальном времени.
В демо ассистент действительно «говорит» естественно, без задержек и артефактов - на уровне современных LLM с мультимодальным вводом.
Для разработчиков Eleven Shopping - отличная отправная точка для:
прототипов голосовых интерфейсов;
индивидуальных support-агентов;
интеграции голосовых рекомендаций в маркетплейсы;
экспериментов с MCP и real-time API.
ElevenLabs в будущем обещает добавить готовые шаблоны для других платформ (например, WooCommerce и Stripe) и SDK для Node.js.
Ссылки по теме и видео презентация: