Меню

Кейс: конструктор товара для WordPress/Woocommerce

При покупке сложного, составного товара сделать выбор бывает крайне сложно. Пользователю сложно представить, как будет выглядеть конечный продукт, как он будет работать, какова будет итоговая цена (с учётом всех опций). Одно из лучших решений этой проблемы – сделать онлайн-конструктор товара для сайта или интернет-магазина, который позволяет “собрать” его из множества вариантов и элементов, визуализировать и просчитать результат.

Именно такой кейс – о создании конструктора товаров для WordPress / Woocommerce, – мы и предлагаем Вашему вниманию сегодня. Посмотрите, как наша разработка помогает покупателям собрать идеальное именное украшение и заказать его безошибочно!

Преимущества

Для пользователя

Возможность оценить заранее, еще до оплаты, внешний вид готового изделия.

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

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

Для магазина

Увеличивается вовлеченность клиентов, ведь даже в случае отсутствия желания заказывать, человеку интересно “поиграть” с конструктором.

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

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

Снижается нагрузка на менеджеров интернет-магазина, т.к. многие вопросы пользователь снимает для себя на этапе взаимодействия с конструктором.

Разработка конструктора товаров шаг за шагом

Визуализация

Первое, что нужно было выяснить перед началом работы – это внешний вид виджета. Он должен привлекать внимание, вызывать интерес и желание им попользоваться даже у тех, кто не собирается ничего заказывать. С этой задачей наши дизайнеры справились на все 100.

Удобство для пользователя

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

Калькулятор

Этот раздел требует особого внимания. Наш конструктор – это не только инструмент визуализации товара, но и калькулятор стоимости. Огромное количество вариаций, различные материалы, типы изделий – все это можно было бы оставить на просчет консультантам магазина. Но это неприемлемо по нескольким причинам:

  • Не каждый клиент готов ждать, пока с ним свяжется консультант для уточнения всех деталей.
  • Теряется фактор импульсивной покупки – “Я вижу, я знаю цену, я покупаю”. До звонка оператора кол-центра потенциальный клиент может несколько раз изменить свое решение, а то и вовсе забыть о том, что он хотел приобрести.

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

Во время создания калькулятора пришлось решать сразу несколько задач.

  1. Интеграция с WooCommerce. Все заказы, а в том числе – и заказы из конструктора украшений, должны быть доступны в панели управления сайтом, наряду с “обычными”, простыми заказами из каталога.
  2. Подсчет стоимости огромного количества комбинаций элементов из разных материалов в различном исполнении, а также с различными условиями формирования цены отдельного элемента (с гравировкой или без, с драгоценными камнями или без, и т.д.).
  3. Выбор способа доставки и оплата онлайн. Как и обычные заказы, составной товар из конструктора добавляется в корзину, в дальнейшем пользователь может выбрать способ доставки и оплатить покупку картой прямо на сайте.

Результат

После проведения всех предварительных работ конструктор был интегрирован на сайт интернет-магазина. Теперь каждый пользователь может попробовать создать своё оригинальное украшение. Среди возможностей онлайн-конструктора:

  • Выбор основы украшения
  • Выбор материала основы украшения
  • Выбор дополнительных элементов
  • Выбор материалов дополнительных элементов
  • Возможность добавления гравировки элементов
  • Онлайн-подсчет стоимости собранного украшения

Все это реализовано максимально просто и удобно. Для создания оригинального украшения требуется минимум навыков и немного фантазии. Все интуитивно понятно: для начала выбираем основу украшения, затем выбираем, какие элементы хотим добавить, перетягиваем выбранный элемент на браслет, смотрим стоимость изделия, оформляем заказ – готово!

Администрирование заказов из конструктора

Очень важно отметить тот факт, что все составные товары из конструктора украшений администрируются в Woocommerce точно так же, как и обычные товары магазина. Администратор сайта получает данный заказ в стандартном виде: заказ доступен в панели управления Woocommerce (в “админке”), о заказе приходит извещение в виде письма с подробным описанием всех выбранных элементов, их порядке расположения, гравировках и т.д.

Итоги работы

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

Над задачей работали

Андрей Калинин

Front-end разработчик
Разработка и наполнение сайтов на WordPress. HTML / CSS / PHP / JavaScript / SQL. Основы C++

Алексей Шептура

CEO, партнер
Разработчик мобильных приложений для Android, веб-программист, разработчик сайтов на Wordpress. Владеет HTML, CSS, JS, PHP, Java.

1
Оставить комментарий

avatar
1 Цепочка комментария
0 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
1 Авторы комментариев
Виталий Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
Виталий
Гость
Виталий

Очень крутое решение! Сейчас, когда часть интернет-покупок догоняет, если не превышает покупки “вживую”, очень важно бывает посмотреть на то, как товар будет выглядеть в конечном итоге. Плюс понравилась фишка с калькулятором, который учитывает все детали. Действительно вовлекает, т.к. хочется сразу посмотреть ВСЕ варианты и даже сравнить, выбрав несколько одновременно