На конференции Ship 26, проходившей в Сан-Франциско 15 октября, CEO Shopify Тоби Лютке и CEO Vercel Гильермо Рауф обсудили будущее электронной коммерции, ориентированной как на людей, так и на искусственный интеллект. В рамках сотрудничества компании представили обновленный набор инструментов разработки Hydrogen и шаблон Vercel Shop, который позволяет создавать интернет-магазины с учетом возможностей ИИ.
Обновленный Hydrogen SDK
Hydrogen — это набор инструментов, который предоставляет разработчикам возможность создавать интернет-магазины на платформе Shopify, используя различные JavaScript-фреймворки. Обновленная версия Hydrogen, выпущенная 30 июня, организует общие функции электронной коммерции в виде доступных инструментов, которые можно повторно использовать. Это позволяет разработчикам сосредоточиться на создании пользовательского опыта, не начиная с нуля.
Шаблон Vercel Shop
Vercel Shop представляет собой настраиваемый магазин, который включает в себя структурированную информацию о продуктах и инструменты для покупок, доступные как для людей, так и для ИИ. Шаблон позволяет интегрировать функции, которые помогают как обычным покупателям, так и внешним агентам. Например, встроенный помощник может помочь пользователям находить продукты и управлять корзиной, а внешние агенты могут совершать покупки от имени людей.
Интеграция и пользовательский опыт
Создание индивидуальных интернет-магазинов требует значительной интеграции. Разработчики должны подключить опыт покупок к системам, которые обеспечивают возможность совершения покупок. Обновленный Hydrogen SDK и шаблон Vercel Shop решают эту задачу тремя основными способами:
- Интеграция коммерции: Hydrogen предоставляет доступ к данным Shopify для управления корзинами, подключения учетных записей клиентов и обработки маршрутов оформления заказа.
- Выбор фреймворка: Обновленный SDK позволяет разработчикам выбирать JavaScript-фреймворк и среду выполнения.
- Рабочая основа: Vercel Shop сочетает Hydrogen с шаблоном Next.js, предоставляя разработчикам страницы продуктов, поиск, корзину и функции для агентов.
Поддержка внешних агентов
Искусственный интеллект, который совершает покупки от имени потребителя, должен находить продукты, проверять варианты и в конечном итоге формировать корзину. Vercel Shop поддерживает эти задачи, не требуя от агента навигации по визуальному интерфейсу магазина. Структурированные данные, карты сайта и специальный файл LLMs.txt помогают ИИ находить и понимать контент магазина.
- Информация о продуктах: Страницы магазина могут возвращать данные в формате Markdown, что позволяет агентам получать описания, цены и доступность продуктов без необходимости анализа HTML-кода.
- Покупка: Протокол Universal Commerce предоставляет инструменты для поиска каталога, проверки доступности и операций с корзиной.
Встроенный помощник магазина
Второй опыт взаимодействия с агентом в Vercel Shop реализован через встроенного AI-помощника. Этот помощник помогает покупателям находить продукты, навигировать по вариантам и управлять своей корзиной через чат. Он использует ту же корзину Shopify, что и визуальный интерфейс магазина. Шопер может добавлять товары и вносить изменения, а корзина будет обновляться независимо от того, откуда поступила команда — от человека или AI-агента.
Помощник отключен по умолчанию, и разработчики должны включить его и настроить доступ к AI Gateway от Vercel. Они могут настраивать рекомендации и способы представления продуктов. Магазин Vercel является рабочим примером использования этого шаблона и его помощника.