Інтернет-магазин · WooCommerce · 2026

ПроПідлога — інтернет-магазин ламінату й вінілу на WooCommerce

Магазин підлогового покриття за SEO-структурою замовниці: власна тема WooCommerce, каталог з фільтрами й ціною за м², калькулятор упаковок, Нова Пошта й monobank.

WooCommerce

Хочу такий самий проект Відкрити сайт

ПроПідлога (propidloga.com.ua) — київський магазин підлогового покриття: ламінат 32 і 33 класу, водостійкий ламінат, вінілова підлога та SPC з доставкою по Україні. Замовниця прийшла з готовою SEO-структурою: список сторінок, заголовки, тексти й правила, які товари показувати на кожній. Ми зробили під неї інтернет-магазин на WooCommerce у стилі старого сайту, але яскравіший і в зеленому кольорі нового логотипа, наповнили каталог, підключили оплату monobank і Нову Пошту та запустили сайт на хостингу замовниці.

Технічний стек

WordPress + WooCommerce із власною темою без конструкторів. Для кожної сторінки в адмінці є поля з ТЗ: H1, вступ перед товарами, SEO-текст після них, FAQ, зображення з ALT і правило вибірки товарів за категорією, класом, характеристикою чи брендом. Доставка — наш плагін Нової Пошти, онлайн-оплата — monobank, селекти — Tom Select.

Головна propidloga.com.ua — «Купити ламінат, вініл SPC у магазині підлогового покриття ПроПідлога» — Перший екран: заголовок, консультація в Telegram, перехід у каталог. У шапці — перемикач міст, клікабельний телефон, Telegram і кошик.

Каталог одразу на головній

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

Каталог ламінату з фільтрами на головній — Каталог: фільтри зліва, картки з брендом, класом, товщиною й ціною за м².

Каталог з увімкненим фільтром «33 клас» — Фільтр «33 клас»: 33 товари з 130.

Блок «Оберіть підлогове покриття» — Типи покриття: ламінат, вінілова підлога, SPC.

Блок «Оберіть ламінат за класом і характеристиками» — Добірки за класом і характеристиками з переходом на окремі SEO-сторінки.

Блок «Популярні бренди ламінату» — Популярні бренди з кількістю товарів.

SEO-сторінки за структурою замовниці

Кожна сторінка з SEO-структури — ламінат 32 і 33 класу, водостійкий ламінат, вінілова підлога, SPC, бренди — має свій перший екран, власну вибірку товарів, текст про ціну, FAQ і SEO-текст. Сторінки працюють на одному шаблоні, тож замовниця може додавати нові під інші запити, просто задавши правило вибірки.

SEO-сторінка «Купити ламінат 32 та 33 класу з доставкою по Україні» — Сторінка «Ламінат 32 та 33 класу» з власним першим екраном і вкладками.

Блоки «Магазин підлогового покриття з доставкою по Україні» і «Як вибрати ламінат» — Етапи покупки й текст «Як вибрати ламінат».

Блок «Поширені запитання» — FAQ, які замовниця редагує в адмінці.

Сторінка «Бренди ламінату та підлогового покриття» — Сторінка брендів з каталогом за країною виробника й ціновою категорією.

Картка товару й калькулятор

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

Калькулятор кількості упаковок на картці товару — Площа 18 м² із запасом 10% — 17 упаковок, 20,043 м² і підсумкова сума.

Картка товару «Ламінат Classen Ville WR 4V Herringbone Дуб Перельо» — Картка: ціна за м², характеристики, ціна упаковки, калькулятор, доставка й повернення.

Кошик і оформлення

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

Кошик ПроПідлоги з площею замовлення — Кошик з площею в м².

Оформлення замовлення ПроПідлога — Оформлення: Нова Пошта, адресна доставка й самовивіз.

Наповнення й запуск

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

Сторінка «Контакти» — Контакти з картою проїзду до шоуруму.

Мобільна версія

На телефоні в шапці лишаються телефон, Telegram, кошик і перемикач міст, як вимагало ТЗ, меню ховається в бургер, а фільтри каталогу відкриваються окремою панеллю.

Підсумок

За нами дизайн і верстка в стилі бренду, власна тема WooCommerce з полями під SEO-структуру, каталог із фільтрами й ціною за м², калькулятор упаковок, Нова Пошта й monobank, перенесення 130 товарів зі старого магазину і запуск на хостингу замовниці.