Плагин Upsell
Плагин для создания комплектов товаров через добавление связанных продуктов к основному продукту
О проекте
Целевая аудитория
Целевая аудитория
1. Основная целевая аудитория включает в себя владельцев и администраторов интернет-магазина, которые являются заказчиками данного плагина. Эти люди будут использовать плагин для улучшения функциональности своего интернет-магазина, создавая комплекты товаров и применяя скидки для стимулирования продаж;
2. Помимо заказчика, целевая аудитория также включает предпринимателей и администраторов других интернет-магазинов, которые заинтересованы в приобретении подобного плагина для своих онлайн-продаж. Эти потенциальные клиенты ищут решения для создания комплектов товаров, увеличения среднего чека и улучшения пользовательского опыта в своих магазинах.
Задачи проекта
1. Основной задачей было создание функционального и удобного в использовании плагина. Плагин должен был позволять администратору магазина легко устанавливать связи между товарами, создавать комплекты товаров и применять скидки к этим комплектам.
2. Плагин должен был интегрироваться с текущей структурой и функционалом интернет-магазина заказчика. Это включает в себя соответствие дизайну магазина, архитектурным особенностям и обеспечение совместимости с используемой платформой для создания интернет-магазина.
3. Важной задачей было обеспечение простоты использования плагина. Администратору магазина должно было быть легко создавать комплекты товаров, устанавливать связи между продуктами и применять скидки без необходимости в сложных технических навыках.
Информация о проекте
Команда
1 PM, 1 Design, 1 Frontend, 1 Backend, 1 QA
Основной стек
WordPress+Woocommerce
Время разработки
130 часов
Статус проекта
Проект успешно реализован
Привязанные товары в карточке товаров
Привязка вариативных товаров
Функционал привязки вариативных товаров и их отображения в карточке основного товара позволяет администратору интернет-магазина привязывать вариации товаров к основному продукту и отображать их в его карточке. Покупатели могут легко выбирать характеристики вариации и добавлять их в корзину, обеспечивая удобство и эффективное управление продуктами. Система скидок расширяет маркетинговые возможности и стимулирует покупки.
Товары, связанные с основным товаром
Фильтрация связанных товаров
Функция фильтрации связанных товаров основана на выбранных характеристиках основного товара. Например, если покупатель выбирает модель iPhone 14, в разделе связанных товаров будут отображаться только те, которые соответствуют данной модели. Этот механизм обеспечивает контекстную связь между основным товаром и его вариациями, улучшая опыт покупателя и помогая им легко находить дополнительные товары, совместимые с выбранной моделью устройства.
Pop-up товара
Pop-up с характеристиками товаров
Поп-ап для быстрого просмотра характеристик связанных товаров предоставляет удобный способ ознакомления с дополнительными товарами. Он позволяет быстро просматривать характеристики связанных товаров, а также выбирать необходимые параметры, такие как цвет или модель, прямо из всплывающего окна. Эта функциональность обеспечивает удобство покупателям, позволяя им более детально ознакомиться с ассортиментом и легко выбирать нужные характеристики перед добавлением товара в корзину.
Этапы разработки
Дизайн
На этапе дизайна были подготовлены концепции для улучшения пользовательского опыта. В частности, разработан был дизайн поп-апа для быстрого просмотра характеристик связанных товаров. Этот поп-ап предоставляет удобный и мгновенный способ ознакомления с дополнительными товарами, а также выбора необходимых характеристик прямо из всплывающего окна.
Также был предложен обновленный вариант карточки товара, в котором основной товар сопровождается отображением связанных товаров. Это позволяет пользователям легко видеть дополнительные варианты и комплекты товаров, связанных с выбранным продуктом, ещё на этапе просмотра основной страницы товара.
Верстка
На этапе верстки был реализован функционал, представленный в дизайне. Сначала был собран поп-ап для быстрого просмотра характеристик связанных товаров, а также пересобрана карточка товара с учетом новых элементов, включая связанные товары. Это позволяет покупателям взаимодействовать с дополнительными товарами и выбирать характеристики прямо из всплывающего окна, обеспечивая более удобный и интуитивный пользовательский опыт.
Бэкенд
На этапе настройки бэкенда был реализован необходимый функционал, а также установлена связь с версткой. Используя WordPress и WooCommerce, системы управления контентом и электронной коммерции соответственно, была выполнена интеграция новых элементов в веб-сайт.
Был настроен функционал, связанный с поп-апом для быстрого просмотра характеристик связанных товаров и обновленной карточкой товара с отображением связанных товаров. Это обеспечивает согласованность между фронтендом и бэкендом, что позволяет пользователям взаимодействовать с новыми элементами сайта без проблем.
Тестирование
Было проведено ручное тестирование, включающее проверку верстки, функционала и админ-панели. В ходе тестирования осуществлялась проверка визуального отображения элементов на различных устройствах и браузерах для убеждения в их корректности и адаптивности.
Функциональное тестирование включало в себя проверку работоспособности нового функционала, такого как поп-ап для быстрого просмотра и отображение связанных товаров. Также осуществлялась проверка возможности выбора характеристик и добавления товаров в корзину.
Админ-панель проходила тестирование на предмет правильной настройки функционала связанных товаров, системы скидок и общего управления продуктами в интернет-магазине.
Ручное тестирование позволяло выявить потенциальные проблемы, а также убедиться в том, что внесенные изменения успешно интегрированы и соответствуют ожиданиям пользователей.
Результаты
1. Разработанный плагин стал эффективным инструментом, который помог клиенту активно повысить продажи дополнительных продуктов;
2. Внедрение нового функционала, такого как поп-ап для быстрого просмотра характеристик связанных товаров и отображение их на карточке основного товара, привело к значительному улучшению пользовательского опыта;
3. Возможность отслеживания остатков связанных товаров позволила клиенту более эффективно управлять запасами и предоставлять актуальную информацию о наличии товаров;
4. Система скидок и стимулирующих акций, применяемая к созданным комплектам товаров, способствовала увеличению среднего чека и общего объема продаж;
5. Реализация проекта привела к заметному росту продаж в интернет-магазине, что свидетельствует об успешном внедрении изменений и их положительном влиянии на бизнес клиента.