Кейс: конструктор товару для WordPress/Woocommerce
При купівлі складного, складеного товару зробити вибір буває дуже складно. Користувачеві складно уявити, як буде виглядати кінцевий продукт, як він буде працювати, яка буде підсумкова ціна (з урахуванням усіх опцій). Одне з найкращих рішень цієї проблеми – зробити онлайн-конструктор товару для сайту або інтернет-магазину, який дозволяє “зібрати” його з безлічі варіантів та елементів, візуалізувати та прорахувати результат.
Саме такий кейс – про створення конструктора товарів для WordPress/Woocommerce – ми і пропонуємо Вашій увазі сьогодні. Подивіться, як наша розробка допомагає покупцям зібрати ідеальну прикрасу і замовити її безпомилково!
Переваги
Для користувача
- Можливість оцінити заздалегідь ще до оплати зовнішній вигляд готового виробу.
- Можливість прорахувати готовий продукт до центу, підібрати оптимальне рішення щодо вартості товару.
- Можливість створити оригінальний, унікальний товар, що відповідає його потребам та смакам.
Для магазину
- Збільшується залучення клієнтів, адже навіть у разі відсутності бажання замовляти людині цікаво “пограти” з конструктором.
- Покращуються поведінкові фактори сайту за рахунок залучення користувачів, що позитивно впливає на ранжування в пошукових системах, сприяє зростанню позицій загалом.
- Підвищується конверсія: користувач формує товар під себе, а не вибирає із заздалегідь готових варіантів, отримує повну інформацію, усуваються бар’єри при прийнятті рішення.
- Знижується навантаження на менеджерів інтернет-магазину, т.к. багато питань користувач знімає собі на етапі взаємодії з конструктором.
Розробка конструктора товарів крок за кроком
Візуалізація
Перше, що потрібно було з’ясувати перед початком роботи, – це зовнішній вигляд віджету. Він повинен привертати увагу, викликати інтерес і бажання ним користуватися навіть у тих, хто нічого не збирається замовляти. З цим завданням наші дизайнери впоралися на всі сто.
Зручність користувача
Без сумніву функціонал даного елемента має бути широким і гнучким, але при цьому простим, що не потребує додаткових інструкцій та спеціального навчання. На даному етапі важливо пам’ятати, що конструктор створюється для рядового користувача, якому швидше за все нецікаво вирішувати складні технічні головоломки, а хочеться просто натиснути і потягнути.
Калькулятор
Цей розділ потребує особливої уваги. Наш конструктор – це не лише інструмент візуалізації товару, а й калькулятор вартості. Величезна кількість варіацій, різні матеріали, типи виробів – все це можна було залишити на прорахунок консультантам магазину. Але це неприйнятно з кількох причин:
- Не кожен клієнт готовий чекати, доки з ним зв’яжеться консультант для уточнення всіх деталей.
- Втрачається фактор імпульсивної покупки – “Я бачу, я знаю ціну, я купую”. До дзвінка оператора кол-центру потенційний клієнт може кілька разів змінити своє рішення, а то й зовсім забути про те, що він хотів придбати.
Окрім іншого – це виглядає не так професійно та іміджево. Набагато ефектнішим виглядає сайт, на якому продумано все до дрібниць. Тому використання калькулятора стало обов’язковою умовою створення конструктора товару для сайту.
Під час створення калькулятора довелося вирішувати кілька завдань.
- Інтеграція з WooCommerce. Всі замовлення, а також і замовлення з конструктора прикрас, повинні бути доступні в панелі управління сайтом, поряд із “звичайними”, простими замовленнями з каталогу.
- Підрахунок вартості величезної кількості комбінацій елементів з різних матеріалів у різному виконанні, а також з різними умовами формування ціни окремого елемента (з гравіюванням або без, з дорогоцінним камінням або без, і т.д.) .
- Вибір способу доставки та оплата онлайн. Як і звичайні замовлення, складовий товар із конструктора додається до кошика, надалі користувач може вибрати спосіб доставки та оплатити покупку карткою прямо на сайті.
Результат
Після проведення попередніх робіт конструктор був інтегрований на сайт інтернет-магазину. Тепер кожен користувач може спробувати створити свою оригінальну прикрасу. Серед можливостей онлайн-конструктора:
- Вибір основи прикраси
- Вибір матеріалу основи прикраси
- Вибір додаткових елементів
- Вибір матеріалів додаткових елементів
- Можливість додавання гравіювання елементів
- Онлайн-підрахунок вартості зібраної прикраси
Все це реалізовано максимально просто та зручно. Для створення оригінального прикраси потрібно мінімум навичок та трохи фантазії. Все інтуїтивно зрозуміло: спочатку вибираємо основу прикраси, потім вибираємо, які елементи хочемо додати, перетягуємо обраний елемент на браслет, дивимося вартість виробу, оформляємо замовлення – готово!
Адміністрування замовлень з конструктора
Дуже важливо відзначити той факт, що всі складові товари з конструктора прикрас адмініструються у Woocommerce так само, як і звичайні товари магазину. Адміністратор сайту отримує це замовлення в стандартному вигляді: замовлення доступне в панелі управління Woocommerce (в “адмінці”), про замовлення надходить повідомлення у вигляді листа з докладним описом всіх обраних елементів, їх порядку розташування, гравіювання тощо.Підсумки роботи
Преимущества
Для пользователя
- Возможность оценить заранее, еще до оплаты, внешний вид готового изделия.
- Возможность просчитать готовый продукт до цента, подобрать оптимальное решение по стоимости товара.
- Возможность создать оригинальный, уникальный товар, соответствующий его потребностям и вкусам.
Для магазина
- Увеличивается вовлеченность клиентов, ведь даже в случае отсутствия желания заказывать, человеку интересно “поиграть” с конструктором.
- Улучшаются поведенческие факторы сайта за счет вовлеченности пользователей, что положительно влияет на ранжирование в поисковых системах, способствует росту позиций в целом.
- Повышается конверсия: пользователь формирует товар под себя, а не выбирает из заранее готовых вариантов, получает полную информацию, устраняются барьеры при принятии решения.
- Снижается нагрузка на менеджеров интернет-магазина, т.к. многие вопросы пользователь снимает для себя на этапе взаимодействия с конструктором.
Разработка конструктора товаров шаг за шагом
Визуализация
Первое, что нужно было выяснить перед началом работы – это внешний вид виджета. Он должен привлекать внимание, вызывать интерес и желание им попользоваться даже у тех, кто не собирается ничего заказывать. С этой задачей наши дизайнеры справились на все 100.
Удобство для пользователя
Без сомнения функционал данного элемента должен быть широким и гибким, но при этом простым, не требующим дополнительных инструкций и специального обучения. На данном этапе важно помнить, что конструктор создается для рядового пользователя, которому скорее всего неинтересно решать сложные технические головоломки, а хочется просто “нажать и потянуть”.
Калькулятор
Этот раздел требует особого внимания. Наш конструктор – это не только инструмент визуализации товара, но и калькулятор стоимости. Огромное количество вариаций, различные материалы, типы изделий – все это можно было бы оставить на просчет консультантам магазина. Но это неприемлемо по нескольким причинам:
- Не каждый клиент готов ждать, пока с ним свяжется консультант для уточнения всех деталей.
- Теряется фактор импульсивной покупки – “Я вижу, я знаю цену, я покупаю”. До звонка оператора кол-центра потенциальный клиент может несколько раз изменить свое решение, а то и вовсе забыть о том, что он хотел приобрести.
Кроме прочего – это выглядит не так профессионально и имиджево. Намного эффектнее выглядит сайт, на котором продумано все до мелочей. Поэтому внедрение калькулятора стало обязательным условием создания конструктора товара для сайта.
Во время создания калькулятора пришлось решать сразу несколько задач.
- Интеграция с WooCommerce. Все заказы, а в том числе – и заказы из конструктора украшений, должны быть доступны в панели управления сайтом, наряду с “обычными”, простыми заказами из каталога.
- Подсчет стоимости огромного количества комбинаций элементов из разных материалов в различном исполнении, а также с различными условиями формирования цены отдельного элемента (с гравировкой или без, с драгоценными камнями или без, и т.д.).
- Выбор способа доставки и оплата онлайн. Как и обычные заказы, составной товар из конструктора добавляется в корзину, в дальнейшем пользователь может выбрать способ доставки и оплатить покупку картой прямо на сайте.
Результат
После проведения всех предварительных работ конструктор был интегрирован на сайт интернет-магазина. Теперь каждый пользователь может попробовать создать своё оригинальное украшение. Среди возможностей онлайн-конструктора:
- Выбор основы украшения
- Выбор материала основы украшения
- Выбор дополнительных элементов
- Выбор материалов дополнительных элементов
- Возможность добавления гравировки элементов
- Онлайн-подсчет стоимости собранного украшения
Все это реализовано максимально просто и удобно. Для создания оригинального украшения требуется минимум навыков и немного фантазии. Все интуитивно понятно: для начала выбираем основу украшения, затем выбираем, какие элементы хотим добавить, перетягиваем выбранный элемент на браслет, смотрим стоимость изделия, оформляем заказ – готово!
Администрирование заказов из конструктора
Очень важно отметить тот факт, что все составные товары из конструктора украшений администрируются в Woocommerce точно так же, как и обычные товары магазина. Администратор сайта получает данный заказ в стандартном виде: заказ доступен в панели управления Woocommerce (в “админке”), о заказе приходит извещение в виде письма с подробным описанием всех выбранных элементов, их порядке расположения, гравировках и т.д.Итоги работы
Внедрение конструктора товаров на сайт на Водпресс+Вукоммерц значительно повысило привлекательность магазина, создало дополнительный канал продаж, что в свою очередь привело к повышению конверсии. Простота использования и оригинальный дизайн дают пользователям уникальную возможность создавать оригинальные украшения на свой собственный вкус, а магазину обеспечивают дополнительную прибыль.
Комментарии