Послуги

  • Сайти
  • Контент
  • Просування
  • Бітрікс24
  • Додатки
Усі послуги Оплата
Бітрікс24
Усі послуги Оплата

Пошук

  • Разработка интернет-магазина под ключ
  • Разработка сайтов
  • Разработка леднигов
  • Разработка на битрикс24
  • Разработка на Вордпресс

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

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

Саме такий кейс – про створення конструктора товарів для WordPress/Woocommerce – ми і пропонуємо Вашій увазі сьогодні. Подивіться, як наша розробка допомагає покупцям зібрати ідеальну прикрасу і замовити її безпомилково!

Переваги

Для користувача

  • Можливість оцінити заздалегідь ще до оплати зовнішній вигляд готового виробу.
  • Можливість прорахувати готовий продукт до центу, підібрати оптимальне рішення щодо вартості товару.
  • Можливість створити оригінальний, унікальний товар, що відповідає його потребам та смакам.

Для магазину

  • Збільшується залучення клієнтів, адже навіть у разі відсутності бажання замовляти людині цікаво “пограти” з конструктором.
  • Покращуються поведінкові фактори сайту за рахунок залучення користувачів, що позитивно впливає на ранжування в пошукових системах, сприяє зростанню позицій загалом.
  • Підвищується конверсія: користувач формує товар під себе, а не вибирає із заздалегідь готових варіантів, отримує повну інформацію, усуваються бар’єри при прийнятті рішення.
  • Знижується навантаження на менеджерів інтернет-магазину, т.к. багато питань користувач знімає собі на етапі взаємодії з конструктором.

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

Візуалізація

Перше, що потрібно було з’ясувати перед початком роботи, – це зовнішній вигляд віджету. Він повинен привертати увагу, викликати інтерес і бажання ним користуватися навіть у тих, хто нічого не збирається замовляти. З цим завданням наші дизайнери впоралися на всі сто.

Зручність користувача

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

Калькулятор

Цей розділ потребує особливої ​​уваги. Наш конструктор – це не лише інструмент візуалізації товару, а й калькулятор вартості. Величезна кількість варіацій, різні матеріали, типи виробів – все це можна було залишити на прорахунок консультантам магазину. Але це неприйнятно з кількох причин:

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

Окрім іншого – це виглядає не так професійно та іміджево. Набагато ефектнішим виглядає сайт, на якому продумано все до дрібниць. Тому використання калькулятора стало обов’язковою умовою створення конструктора товару для сайту.

Під час створення калькулятора довелося вирішувати кілька завдань.

  1. Інтеграція з WooCommerce. Всі замовлення, а також і замовлення з конструктора прикрас, повинні бути доступні в панелі управління сайтом, поряд із “звичайними”, простими замовленнями з каталогу.
  2. Підрахунок вартості величезної кількості комбінацій елементів з різних матеріалів у різному виконанні, а також з різними умовами формування ціни окремого елемента (з гравіюванням або без, з дорогоцінним камінням або без, і т.д.) .
  3. Вибір способу доставки та оплата онлайн. Як і звичайні замовлення, складовий товар із конструктора додається до кошика, надалі користувач може вибрати спосіб доставки та оплатити покупку карткою прямо на сайті.

Результат

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

  • Вибір основи прикраси
  • Вибір матеріалу основи прикраси
  • Вибір додаткових елементів
  • Вибір матеріалів додаткових елементів
  • Можливість додавання гравіювання елементів
  • Онлайн-підрахунок вартості зібраної прикраси

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

Адміністрування замовлень з конструктора

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

Підсумки роботи

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

Конструктор або калькулятор на сайті – це впевнений крок до підвищення конверсії.

Давайте обговоримо технічне завдання щодо розробки та застосування цього інструменту у Вашому конкретному випадку – на сторінках інтернет-магазину чи сайту-візитки.

Над кейсом работали