Про проєкт
vilsady.com.ua – це офіційний онлайн-каталог та інтернет-магазин сімейного розсадника декоративних і плодово-ягідних рослин «Розсадник Вільчинських». Специфіка бізнесу вимагає постійного оновлення асортименту, наявності саджанців, їх розмірів та актуальних фотографій безпосередньо з поля чи теплиці.
Головна мета проєкту від SebWeo – створити швидкий, зручний інтернет-магазин на базі WordPress, але з основною вимогою – можливістю управління каталогом товарів просто з смартфона. Для чого потрібно розробити кастомний інструмент автоматизації, який дозволяє адміністраторам додавати та редагувати товари на сайті безпосередньо через Telegram-бот.
Завдання, які стояли перед SebWeo:
- Інтеграція Telegram-бота з WordPress REST API: Розробка кастомного бекенд-модуля для управління каталогом товарів через месенджер.
- Зручний e-commerce каталог рослин: Створення прозорої структури категорій саджанців з можливістю вибору характеристик.
- Швидкий пошук по сайту: пошук саджанців з автоматичною фільтрацією та доповненням (пропозиціями).
- Мобільна адаптивність та швидкість (Core Web Vitals): Оптимізація роботи каталогу на смартфонах для покупців та замовників.
- Автоматична обробка та оптимізація фото: Налаштування автоматичного стиснення та конвертації фотографій рослин, які завантажуються через Telegram-бот.
Що було зроблено:
- Кастомна розробка Telegram-бота для адміністрування
Щоб власники розсадника не витрачали час на складну адмін-панель WordPress під час роботи на ділянці, ми розробили спеціального Telegram-бота:
- Додавання товару в пару кліків: Адміністратор відправляє боту фотографію рослини, вказує назву, ціну, категорію, характеристики та опис прямо в чаті.
- Синхронізація з бекендом: Бот через захищений WordPress REST API автоматично створює новий товар у магазині або оновлює ціни та наявність вже існуючих позицій.
- Оптимізація “на льоту”: Фотографії, надіслані через Telegram, перед публікацією на сайті автоматично обрізаються, стискаються та конвертуються у надлегкий формат WebP, щоб не перевантажувати сервер.
- Верстка та продуктивність фронтенду
- Чистий код без зайвого бруду: Інтерфейс каталогу реалізовано з використанням нативного Vanilla JS для обробки відкриття фотогалерей, фільтрів, щоб мінімізувати залежності.
- Автоматизація замовлень
Налаштовано двостороннє сповіщення: при оформленні замовлення клієнтом на сайті, сповіщення з повним переліком обраних саджанців та контактами покупця миттєво приходить адміністраторам та клієнтам.
Інтеграції та технологічний стек:
- Платформа:
WordPress(кастомізоване ядро). - Бекенд/Автоматизація:
Python/PHP(Telegram Bot API + WordPress REST API). - Фронтенд:
HTML5,CSS3(Flexbox/Grid), VanillaJavaScript(ES6+). - Медіа-обробка: Автоматичне збереження у
WebP, Lazy Loading для галерей.
Результат
Для Розсадника Вільчинських було створено не просто інтернет-магазин, а повноцінну екосистему для ведення бізнесу. Завдяки Telegram-боту процес наповнення сайту новими саджанцями прискорився в рази, а покупці отримали швидкий, сучасний та зручний сайт з завжди актуальними цінами та наявністю товарів.
