Кейс: Розробка інтернет-магазину «Розсадник Вільчинських» з автоматизацією каталогу через Telegram-бота (vilsady.com.ua)

Про проєкт

vilsady.com.ua – це офіційний онлайн-каталог та інтернет-магазин сімейного розсадника декоративних і плодово-ягідних рослин «Розсадник Вільчинських». Специфіка бізнесу вимагає постійного оновлення асортименту, наявності саджанців, їх розмірів та актуальних фотографій безпосередньо з поля чи теплиці.

Головна мета проєкту від SebWeo – створити швидкий, зручний інтернет-магазин на базі WordPress, але з основною вимогою – можливістю управління каталогом товарів просто з смартфона. Для чого потрібно розробити кастомний інструмент автоматизації, який дозволяє адміністраторам додавати та редагувати товари на сайті безпосередньо через Telegram-бот.

Завдання, які стояли перед SebWeo:

1. Інтеграція Telegram-бота з WordPress REST API: Розробка кастомного бекенд-модуля для управління каталогом товарів через месенджер.
2. Зручний e-commerce каталог рослин: Створення прозорої структури категорій саджанців з можливістю вибору характеристик.
3. Швидкий пошук по сайту: пошук саджанців з автоматичною фільтрацією та доповненням (пропозиціями).
4. Мобільна адаптивність та швидкість (Core Web Vitals): Оптимізація роботи каталогу на смартфонах для покупців та замовників.
5. Автоматична обробка та оптимізація фото: Налаштування автоматичного стиснення та конвертації фотографій рослин, які завантажуються через Telegram-бот.

Що було зроблено:

1. Кастомна розробка Telegram-бота для адміністрування

Щоб власники розсадника не витрачали час на складну адмін-панель WordPress під час роботи на ділянці, ми розробили спеціального Telegram-бота:

• Додавання товару в пару кліків: Адміністратор відправляє боту фотографію рослини, вказує назву, ціну, категорію, характеристики та опис прямо в чаті.
• Синхронізація з бекендом: Бот через захищений WordPress REST API автоматично створює новий товар у магазині або оновлює ціни та наявність вже існуючих позицій.
• Оптимізація “на льоту”: Фотографії, надіслані через Telegram, перед публікацією на сайті автоматично обрізаються, стискаються та конвертуються у надлегкий формат WebP, щоб не перевантажувати сервер.

2. Верстка та продуктивність фронтенду

• Чистий код без зайвого бруду: Інтерфейс каталогу реалізовано з використанням нативного Vanilla JS для обробки відкриття фотогалерей, фільтрів, щоб мінімізувати залежності.

3. Автоматизація замовлень

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

Інтеграції та технологічний стек:

• Платформа: WordPress (кастомізоване ядро).
• Бекенд/Автоматизація: Python / PHP (Telegram Bot API + WordPress REST API).
• Фронтенд: HTML5, CSS3 (Flexbox/Grid), Vanilla JavaScript (ES6+).
• Медіа-обробка: Автоматичне збереження у WebP, Lazy Loading для галерей.

Результат

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