Alter Product - современное веб-приложение для интерактивной визуализации, настройки и персонализации товаров. Оно создано для компаний, занимающихся печатью по требованию, производителей персонализированной продукции, интернет-магазинов и авторов, которые хотят представлять товары в динамичной, полностью интерактивной 3D-среде.
Платформа объединяет следующие инструменты в единый процесс электронной торговли:
Designer - центральное рабочее пространство для определения вариантов, областей печати, товаров и параметров среды выполнения
Viewer - средство визуального представления 3D-товаров для интернет-магазинов
Configurator - конфигуратор вариантов и параметров 3D-товаров для интернет-магазинов (размеры, материалы, цвета и т. д.)
Customizer - расширенный инструмент дизайна для добавления изображений, текста, макетов и печатных элементов на товары
Генератор 3D-моделей - создание и настройка параметрических 3D-моделей на основе редактируемых выкроек, швов и размеров
Viewer, Configurator и Customizer можно встроить на сайт через iframe, настроить параметрами URL и подключить через защищённый обмен сообщениями postMessage.
Модуль Designer служит центральным уровнем управления: в нём определяются варианты, области печати и параметры среды выполнения. Viewer, Configurator и Customizer используют эти параметры и подготовленный в Designer дизайн для отображения интерфейса магазина; само рабочее пространство Designer они не открывают. Designer также можно встроить для работы продавцов. При встраивании или локальном хранении ресурсы и данные дизайнов находятся на вашем сервере, а Alter Product управляет лицензированием и доступом к инструментам.
Для интеграций Alter Product предоставляет отдельный публичный API, позволяющий магазину или серверной системе получать данные дизайнов и синхронизировать заказы Customizer. Alter Product также предоставляет плагин для WordPress, которому требуется установленный и активный WooCommerce; подробности настройки приведены в руководстве по установке плагина для WordPress.
Начните с шаблона генератора или существующей модели с генератором. Отредактируйте выкройки, швы и размеры, проверьте результат на манекене и примените текстуры. Сохраните проект генератора, затем используйте сохранённую ревизию в дизайне. Полученная модель работает с Designer и существующими сценариями работы с товарами в Customizer, Configurator и Viewer.
В WordPress шаблоны для повторного использования, манекены и библиотеки текстур находятся в Assets; окружения HDRI используют общую библиотеку окружений. Model generator показывает локальные проекты и импортирует модели, содержащие генератор. Starter pack загружает выбранную модель вместе с генератором, шаблоном и связанными ресурсами, включая оба манекена. Проекты и файлы хранятся в WordPress; обновления каталога, импорт, фронтенд и проверки доступа по-прежнему используют Alter Product.
Подключите Alter Product к магазину, выполнив несколько шагов.
Создайте аккаунт и выберите способ интеграцииЗарегистрируйтесь или войдите. Для WordPress выберите плагин Alter Product, которому требуется активный WooCommerce, и подключите аккаунт через Auto Connect; собственным и headless-магазинам следует использовать публичный API.
Установите и подключите магазин
В панели WordPress убедитесь, что WooCommerce активен, установите плагин Alter Product, включите постоянные ссылки и подключите аккаунт. Весь процесс описан в руководстве по установке плагина для WordPress. Для собственной системы создайте серверные учётные данные API и разрешите домен магазина.
Создайте и привяжите дизайн
Откройте страницу редактирования товара WooCommerce и создайте или выберите дизайн на вкладке Alter Product. Задайте варианты, области печати и параметры среды выполнения в Designer, чтобы Viewer, Configurator или Customizer корректно отображали интерфейс магазина.
Встройте выбранный инструмент и обработайте события
Плагин Alter Product для WordPress может показывать инструмент на страницах товаров или WordPress. В собственных интеграциях встраивается iframe, на сервере создаётся краткосрочный токен сеанса встраивания, а postMessage используется для добавления в корзину, получения текущих данных и синхронизации заказов Customizer.