Реалізував інтеграцію 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-ефекти, анімація іконки та коректна робота на мобільних пристроях.
У результаті на сторінці продукту з’явився інтерактивний елемент, який допомагає користувачам швидко зрозуміти користь товару, а також підвищує залученість і довіру до контенту