✔ Показати три лінійки кунгів і пояснити, чим вони відрізняються
✔ За три кліки привести власника пікапа до кунга під його машину
✔ Дати всі характеристики й ціну ще до дзвінка
✔ Приймати заявку на купівлю без реєстрації — за ім’ям і телефоном
✔ Підказати, де кунг встановлять
LuxCap продає модульні кунги — знімні дахи-канопі для кузова пікапа. Кожна модель пасує лише до певної машини: марки, моделі, року випуску й довжини кузова. У каталозі 542 позиції, і людина має знайти свою, не перебираючи сотні карток.
Я зібрав магазин на WordPress і WooCommerce на своїй темі burum. Каталог побудований драбинкою: лінійка — марка — модель — конкретний кунг, із хлібними крихтами на кожному кроці. Головна розповідає про бренд і три лінійки, а картка товару відповідає на всі технічні запитання таблицею характеристик.
У підсумку власник пікапа за три кліки доходить до кунга під свою машину, бачить ціну й залишає заявку в короткому спливному вікні — без реєстрації та довгого оформлення замовлення.
Магазин, у якому власник пікапа швидко знаходить кунг під свою машину й одразу залишає заявку.
Три лінійки — Classic, Sport і City — для пікапів 11 марок, із сортуванням і пагінацією
Плитка логотипів марок, далі моделі з фото, далі кунги під рік і довжину кузова
Галерея, артикул, таблиця: авто, серія, рік, довжина кузова, PART NO. — і ціна в гривнях
«Купити зараз» відкриває вікно «Оформлення заявки»: лише ім’я й телефон
Classic, Sport і City — опис, слайдер фото й перехід до каталогу лінійки
Адаптивна верстка: слайдер, переваги, каталог і картки на будь-якому екрані
Кунг не вибирають за картинкою: він має точно стати на кузов. Тому весь сайт побудований навколо підбору за пікапом.
Сайт розв’язує кілька основних завдань:
Відповідь гарантовано протягом 24 годин.
Перша консультація безкоштовна й ні до чого не зобов’язує.
Кунг для пікапа — покупка дорога й дуже «прив’язана»: модель пасує лише до своєї машини, року випуску й довжини кузова. Магазину такого товару мало гарної вітрини — йому потрібен зрозумілий підбір. Розповідаю, як я зробив такий інтернет-магазин для LuxCap.
LuxCap — продавець кунгів (їх ще називають хардтопами або канопі) для пікапів зі Львова. Бренд працює в преміум-сегменті: модульні кунги збираються з кількох частин, замикаються на ключ, а на багато моделей можна поставити намет або експедиційний багажник. Компанія — авторизований дилер і обіцяє встановлення за 2 години.
Асортимент поділено на три лінійки, і в кожної своя логіка:
Кожна лінійка випускається під десятки пікапів, тому в каталозі 542 товари. Головне завдання сайту — щоб власник Ford Ranger чи Chevrolet Colorado не гортав усе підряд, а одразу потрапляв до своєї моделі.
Головну я зверстав як вітрину бренду, що веде до каталогу:
Шапка під час прокручування прилипає до верху екрана, тож меню й телефон завжди під рукою, а на довгих сторінках з’являється кнопка «нагору».
Каталог побудований на WooCommerce, але звичну сітку товарів я замінив покроковим підбором. Спершу покупець відкриває лінійку й бачить плитку логотипів 11 марок: Chevrolet, Dodge/RAM, Ford, GMC, Isuzu, Jeep, Mitsubishi, Nissan, SsangYong, Toyota і Volkswagen. Далі — сторінка марки з фото моделей: у Ford, наприклад, це F-150, F-250, F-350, Ranger і Raptor. І лише на третьому кроці — товари під вибрану модель, розподілені за роками випуску й довжиною кузова.
На кожному рівні є хлібні крихти: з картки кунга можна одним кліком повернутися до моделі, марки чи лінійки. У списках товарів працюють сортування й пагінація. Така структура зрозуміла і покупцеві, і пошуковику: у кожної марки й моделі своя сторінка з власним заголовком.
Покупця кунга насамперед цікавлять технічні деталі — чи підійде він до машини. Тому в картці все зібрано на одному екрані:
Назва товару теж працює на підбір: у ній є лінійка, модель пікапа, роки випуску й довжина кузова — наприклад, «Кунг алюмінієвий LuxCap Sport для Chevrolet Colorado 2015–2022 (довжина 5′ 1″)».
Таку покупку (Sport для Chevrolet Colorado, наприклад, коштує 150 000 гривень) рідко оплачують карткою за хвилину: спершу хочуть поговорити з продавцем. Тому кнопка «Купити зараз» відкриває спливне вікно «Оформлення заявки» — ім’я й телефон, без реєстрації та без багатокрокової форми. Менеджер передзвонює й уточнює деталі.
Для тих, хто ще вибирає, у шапці є «Замовити дзвінок» — теж у спливному вікні. Форми працюють на Contact Form 7. Класичний кошик при цьому збережено: у ньому я вивів блоки «Вас може зацікавити» й «Новинка в магазині», щоб підказати аксесуари й нові моделі. Для полів оформлення під Україну підключено Saphali Lite.
Окрім кунгів, на сайті є розділ аксесуарів — наприклад, стелаж Drop Rack для кузова — із картками в тому самому стилі, що й каталог. Окрема сторінка «Центри встановлення» відповідає на запитання «куди їхати ставити», а «Контакти» й підвал збирають телефон, пошту, адресу та іконки месенджерів і соцмереж.
Магазин працює на WordPress 6.8 і WooCommerce 10.4 з моєю темою burum. Yoast SEO відповідає за заголовки, описи й структуровану розмітку, а багаторівневий каталог дає окремі сторінки під запити на кшталт «кунг на Ford Ranger» чи «канопі для Chevrolet Colorado». Слайдери зібрано на slick, верстка адаптивна: на смартфоні головна, каталог і картка перебудовуються в одну колонку, а кнопки лишаються великими.
Кунги, автобокси, пороги, фаркопи — усі ці товари мають одну особливість: вони пасують до конкретного автомобіля. З досвіду цього проєкту магазину в такій ніші важливо:
Тоді навіть каталог на сотні позицій лишається простим: покупець бачить лише те, що пасує до його машини, і швидко переходить до розмови з продавцем.
