Перезвоните мне

Плагин Upsell

Плагин для создания комплектов товаров через добавление связанных продуктов к основному продукту

Год запуска: 2022
Upsell Plugin

О проекте

Плагин позволяет связывать продукты между собой, создавая «комплекты», которые можно положить в корзину из карточки основного товара. Для этого достаточно выбрать нужные характеристики основного и привязанного товара, например, цвет и модель устройства, а затем один кликом добавить выбранные товары в корзину.

Целевая аудитория

Целевая аудитория

1. Основная целевая аудитория включает в себя владельцев и администраторов интернет-магазина, которые являются заказчиками данного плагина. Эти люди будут использовать плагин для улучшения функциональности своего интернет-магазина, создавая комплекты товаров и применяя скидки для стимулирования продаж;

2. Помимо заказчика, целевая аудитория также включает предпринимателей и администраторов других интернет-магазинов, которые заинтересованы в приобретении подобного плагина для своих онлайн-продаж. Эти потенциальные клиенты ищут решения для создания комплектов товаров, увеличения среднего чека и улучшения пользовательского опыта в своих магазинах.

Задачи проекта

Задачи проекта Upsell

1. Основной задачей было создание функционального и удобного в использовании плагина. Плагин должен был позволять администратору магазина легко устанавливать связи между товарами, создавать комплекты товаров и применять скидки к этим комплектам.

2. Плагин должен был интегрироваться с текущей структурой и функционалом интернет-магазина заказчика. Это включает в себя соответствие дизайну магазина, архитектурным особенностям и обеспечение совместимости с используемой платформой для создания интернет-магазина.

3. Важной задачей было обеспечение простоты использования плагина. Администратору магазина должно было быть легко создавать комплекты товаров, устанавливать связи между продуктами и применять скидки без необходимости в сложных технических навыках.

Информация о проекте

Команда

1 PM, 1 Design, 1 Frontend, 1 Backend, 1 QA

Основной стек

WordPress+Woocommerce

Время разработки

130 часов

Статус проекта

Проект успешно реализован

Привязанные товары в карточке товара Upsell

Привязанные товары в карточке товаров

Привязка вариативных товаров

Функционал привязки вариативных товаров и их отображения в карточке основного товара позволяет администратору интернет-магазина привязывать вариации товаров к основному продукту и отображать их в его карточке. Покупатели могут легко выбирать характеристики вариации и добавлять их в корзину, обеспечивая удобство и эффективное управление продуктами. Система скидок расширяет маркетинговые возможности и стимулирует покупки.

Фильтрация привязанных товаров Upsell

Товары, связанные с основным товаром

Фильтрация связанных товаров

Функция фильтрации связанных товаров основана на выбранных характеристиках основного товара. Например, если покупатель выбирает модель iPhone 14, в разделе связанных товаров будут отображаться только те, которые соответствуют данной модели. Этот механизм обеспечивает контекстную связь между основным товаром и его вариациями, улучшая опыт покупателя и помогая им легко находить дополнительные товары, совместимые с выбранной моделью устройства.

Попап товара Upsell

Pop-up товара

Pop-up с характеристиками товаров

Поп-ап для быстрого просмотра характеристик связанных товаров предоставляет удобный способ ознакомления с дополнительными товарами. Он позволяет быстро просматривать характеристики связанных товаров, а также выбирать необходимые параметры, такие как цвет или модель, прямо из всплывающего окна. Эта функциональность обеспечивает удобство покупателям, позволяя им более детально ознакомиться с ассортиментом и легко выбирать нужные характеристики перед добавлением товара в корзину.

Этапы разработки

1

Дизайн

На этапе дизайна были подготовлены концепции для улучшения пользовательского опыта. В частности, разработан был дизайн поп-апа для быстрого просмотра характеристик связанных товаров. Этот поп-ап предоставляет удобный и мгновенный способ ознакомления с дополнительными товарами, а также выбора необходимых характеристик прямо из всплывающего окна.

Также был предложен обновленный вариант карточки товара, в котором основной товар сопровождается отображением связанных товаров. Это позволяет пользователям легко видеть дополнительные варианты и комплекты товаров, связанных с выбранным продуктом, ещё на этапе просмотра основной страницы товара.

2

Верстка

На этапе верстки был реализован функционал, представленный в дизайне. Сначала был собран поп-ап для быстрого просмотра характеристик связанных товаров, а также пересобрана карточка товара с учетом новых элементов, включая связанные товары. Это позволяет покупателям взаимодействовать с дополнительными товарами и выбирать характеристики прямо из всплывающего окна, обеспечивая более удобный и интуитивный пользовательский опыт.

3

Бэкенд

На этапе настройки бэкенда был реализован необходимый функционал, а также установлена связь с версткой. Используя WordPress и WooCommerce, системы управления контентом и электронной коммерции соответственно, была выполнена интеграция новых элементов в веб-сайт.

Был настроен функционал, связанный с поп-апом для быстрого просмотра характеристик связанных товаров и обновленной карточкой товара с отображением связанных товаров. Это обеспечивает согласованность между фронтендом и бэкендом, что позволяет пользователям взаимодействовать с новыми элементами сайта без проблем.

4

Тестирование

Было проведено ручное тестирование, включающее проверку верстки, функционала и админ-панели. В ходе тестирования осуществлялась проверка визуального отображения элементов на различных устройствах и браузерах для убеждения в их корректности и адаптивности.

Функциональное тестирование включало в себя проверку работоспособности нового функционала, такого как поп-ап для быстрого просмотра и отображение связанных товаров. Также осуществлялась проверка возможности выбора характеристик и добавления товаров в корзину.

Админ-панель проходила тестирование на предмет правильной настройки функционала связанных товаров, системы скидок и общего управления продуктами в интернет-магазине.

Ручное тестирование позволяло выявить потенциальные проблемы, а также убедиться в том, что внесенные изменения успешно интегрированы и соответствуют ожиданиям пользователей.

Результаты

1. Разработанный плагин стал эффективным инструментом, который помог клиенту активно повысить продажи дополнительных продуктов;

2. Внедрение нового функционала, такого как поп-ап для быстрого просмотра характеристик связанных товаров и отображение их на карточке основного товара, привело к значительному улучшению пользовательского опыта;

3. Возможность отслеживания остатков связанных товаров позволила клиенту более эффективно управлять запасами и предоставлять актуальную информацию о наличии товаров;

4. Система скидок и стимулирующих акций, применяемая к созданным комплектам товаров, способствовала увеличению среднего чека и общего объема продаж;

5. Реализация проекта привела к заметному росту продаж в интернет-магазине, что свидетельствует об успешном внедрении изменений и их положительном влиянии на бизнес клиента.

Понравился кейс?

Обсудить мой проект

Ознакомьтесь с другими нашими проектами

Интернет-магазин БАДов и витаминов

Превью кейса Nature's Sunshine

Мобильное приложение спортивного издания «ПЛЕЙМЕЙКЕР»

Превью кейса Playmeyker

Сайт крупнейшей в Петербурге компании водного туризма

Превью кейса Нева Тревел

Каталог индийских фильмов Somindram

Превью кейса Somindram

Веб-конструктор для проектирования контейнеров

Превью Конструктор контейнеров

Платформа для организации свадеб Wendor

Превью Wendor

Этот сайт использует cookies.

Этот сайт использует файлы cookie для хранения информации на вашем устройстве.