Реализовал интеграцию AI-функционала на странице продукта (OpenCart 3), который позволяет пользователю получить быстрый анализ товара с помощью ChatGPT.
Основные работы:
• Разработан кастомный UI-блок «AI анализ», который интегрируется в карточку товара между основными кнопками действия.
• Создан адаптивный дизайн с использованием бренд-цвета сайта с прозрачными оттенками, чтобы элемент гармонично вписывался в интерфейс и не конфликтовал с основными CTA-кнопками.
• Реализована JavaScript-логика, которая автоматически подтягивает название страницы и URL продукта и формирует готовый prompt для ChatGPT.
• Настроено открытие AI-анализа в отдельном popup-окне для удобства пользователя.
• Оптимизирован UX: плавные hover-эффекты, анимация иконки и корректная работа на мобильных устройствах.
В результате на странице продукта появился интерактивный элемент, который помогает пользователям быстро понять пользу товара, а также повышает вовлеченность и доверие к контенту.
Основные работы:
• Разработан кастомный UI-блок «AI анализ», который интегрируется в карточку товара между основными кнопками действия.
• Создан адаптивный дизайн с использованием бренд-цвета сайта с прозрачными оттенками, чтобы элемент гармонично вписывался в интерфейс и не конфликтовал с основными CTA-кнопками.
• Реализована JavaScript-логика, которая автоматически подтягивает название страницы и URL продукта и формирует готовый prompt для ChatGPT.
• Настроено открытие AI-анализа в отдельном popup-окне для удобства пользователя.
• Оптимизирован UX: плавные hover-эффекты, анимация иконки и корректная работа на мобильных устройствах.
В результате на странице продукта появился интерактивный элемент, который помогает пользователям быстро понять пользу товара, а также повышает вовлеченность и доверие к контенту.