Професійна розробка WooCommerce для кондитерської

Honey – найпопулярніша кондитерська в Києві. У 2022 році до нас звернулися із завданням розробити інтернет-магазин для продажу випічки до Великодня. На реалізацію проєкту відвели лише тиждень. Завдяки плідній співпраці з клієнтом нам вдалося запустити сайт в роботу у визначені терміни.

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

Стан сайту та додатковий функціонал

Взимку 2023 року компанія Honey звернулася до нас з проханням розширити можливості свого інтернет-магазину WooCommerce. На той момент сайт складався з таких сторінок:

  • Домашня сторінка;
  • Сторінка товару;
  • Кошик;
  • Сторінка замовлення.

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

Унікальний дизайн

Оскільки клієнт хотів унікальний веб-сайт, готові рішення WooCommerce не розглядалися. Тому ми створили магазин під ключ на основі можливостей WooCommerce. Клієнт хотів зробити такі сторінки унікальними:

  • Сторінка кошика;
  • Один товар;
  • Архів товару;
  • Сторінка замовлення.

Варіації банерів

Використовуючи Advanced Custom Fields (ACF), ми реалізували можливість створювати різні варіанти слайдів на банері. Відображення виробів доступне клієнту в таких варіантах:

  • Текст + відео;
  • Малюнок + текст;
  • Товари + малюнок;
  • Слайдер з товарами + картинка;
  • Товар + текст.

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

Про сторінки

Ми створили кілька шаблонів під ключ. Клієнт може редагувати та додавати нові розділи на сторінки.

Про спеціальні методи доставки

Клієнт хотів використовувати кілька індивідуальних методів доставки. Ми реалізували кожен метод як окремий плагін. В результаті при замовленні в інтернет-магазині клієнт може вказати адресу доставки та відстань доставки. Текстове поле використовується для вказівки адреси, а для вказівки діапазону використовується такий розкривний список:

  • В центр (50 грн)
  • 5 км від центру (+100 грн.)
  • 10 км від центру (+150 грн.)
  • 14 км від центру (+250 грн.)
  • 17 км від центру (за тарифами таксі Uklon).

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

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

  • Ярославів Вал, 20
  • Нижній Вал вул.19-21
  • Самовивіз з ЦУМу (оплата терміналом у закладі).

Також, вибираючи самовивіз, клієнт може вибрати «оплата готівкою при отриманні». Як і під час вибору доставки, текстове поле доступне для введення деталей.

Доставка Новою Поштою

Нова Пошта – українська компанія, яка організовує доставку по всій території України та за її межами. Ми реалізували цей спосіб доставки за допомогою плагіна WC Ukr Shipping PRO. Наші розробники WordPress адаптували інструмент під потреби клієнта.

Особливості сторінки продукту

На сторінці продукту ми розмістили інформацію про продукт та маркери алергенів. Завдяки цій функції користувачі бачать склад і їм легше визначитися з вибором товару. Крім того, ми реалізували спеціальні меню та навігацію для категорій продуктів.

Висновки

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