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

Skargart — інтернет-магазин виробника автономних дизельних обігрівачів

WooCommerce-магазин виробника з лендинг-style PDP, WOOF-фільтром і 4-кроковою діаграмою принципу роботи

Skargart — український інтернет-магазин і офіційний канал виробника автономних дизельних обігрівачів SKÄRGÅRT зі складом і самовивозом у Вишневому (Київська обл., вул. Промислова, 10). Сайт працює на WordPress із кастомною темою skargart, WooCommerce 9.6 і WPML/WC-Multilingual в інфраструктурі, але кожна сторінка товару — це не дефолтний WC-product layout, а повноцінний лендинг з 4-кроковою діаграмою принципу роботи, технічною ілюстрацією потоків повітря/палива/випарів, секцією параметрів живлення і повторним CTA-блоком.

Hero з 6-канальним перемикачем сегментів — одне рішення на шість контекстів

Перший екран — slick-карусель з 6 фонових сцен, кожна з власним сегментом застосування: електромобілі, автобуси, вантажівки, автодоми, бліндажі та окопи, спецтехніка. Праворуч — вертикальний навігаційний список тих самих 6 пунктів, який підсвічує активний сегмент і дозволяє вручну переключити сцену. Постійний H1 «Автономний дизельний обігрівач — універсальне рішення для комфорту» і блакитна CTA «До магазину» не змінюються — змінюється тільки фон-сцена. Це сильний product-marketing прийом: продукт фізично один, але впізнавання у клієнта різне — водій спецтехніки бачить екскаватор, оператор автодому бачить караван, військовий бачить бліндаж. Усі 6 потрапляють на один і той самий PDP.

Hero Skargart — sticky white nav з логотипом SKÄRGÅRT, H1 про автономний обігрівач, фонова сцена з бліндажем «Для бліндажів», вертикальний список 6 сегментів — Шапка тримає логотип SKÄRGÅRT з діакритиками (фірмова стилізація), 7 пунктів меню (Каталог / Акції / Доставка / Співпраця / Контакти / Про нас / Блог), WPML-перемикач мов, два messenger-канали (Telegram і WhatsApp як кругові кольорові іконки), іконки my-account і кошика. Лід-канал — не телефон у шапці, а саме месенджери: під B2B-аудиторію вантажників і автомобілістів, які звичніше пишуть у месенджер ніж дзвонять.

Дві категорійні картки замість дефолтного WC-meganav

Замість стандартного /shop/ або dropdown-megamenu — після hero одразу йдуть дві велетенські чорні картки «Обігрівачі» і «Запчастини» з фото-моделями товарів. Це жорстке аукціонне розгалуження: клієнт або купує сам обігрівач (новий покупець), або шукає запчастину до вже наявного (повторний клієнт). Шлях короткий: / → клік по картці → /product-category/obigrivachi/ або /product-category/zapchastyny/. Нижче — таб-перемикач з тими ж двома категоріями і виведенням перших 4 товарів кожної категорії одразу на головній.

Дві чорні картки «Обігрівачі» і «Запчастини» з фото товарів, кліком на яких відкриваються відповідні category-archive сторінки — Фірмовий чорний фон карток контрастує з білою шапкою і світлим фоном решти сторінки — це створює візуальний якір саме на двох категорійних рішеннях. Нижче — таб-перемикач *«Обігрівачі / Запчастини»* з активною синьою лінією під вибраним табом, що дублює навігацію картками для тих, хто гортає далі.

Каталог-таб з product-card сіткою — без overlay-prices, з voltage/power бейджами

Таб-секція показує 4 товарних картки у ряд: 5 кВт універсальний (4990₴), 2 кВт універсальний (4990₴), CUBE 5 кВт 12+24+220в (6790₴), BOX 5 кВт 12+24+220в (6790₴). На кожній картці — два технічних бейджа: «12 вольт, 24 вольт» синім і «5 квт» або «2 квт» чорним. На CUBE/BOX додатково плашка «Немає в наявності» — ці моделі є у каталозі, але без stock-у, що чесно і не маскує доступність.

4 product-картки у ряд — Skargart 5кВт, 2кВт, CUBE, BOX — з voltage/power бейджами, цінами 4990₴/6790₴ і кнопкою-кошиком — На CUBE і BOX моделях у фото вшита назва суб-бренду **«LF Bros»** — це OEM-партнер який виробляє цей формфактор, але Skargart продає під своїм брендом. Цінова стратегія прозора: базові 5/2 кВт за 4990₴ (низький поріг входу) і 5 кВт із піддержкою 220В за 6790₴ (преміум для людей з 220В-розеткою у гаражі чи бліндажі з генератором).

«Тепло будь-де» — 4 USP-картки з 3D-рендером обігрівача

Секція «Тепло будь-де» — чорна, з 4 USP-картками ліворуч і великим 3D-рендером обігрівача з кольоровими потоковими стрілками (червоні — гарячі випари, блакитні — холодне повітря) праворуч. USP підібрані так, щоб закрити чотири різні заперечення: Потужний (бо клієнт переживає чи нагріє великий простір), Універсальний (12+24В, будь-яка інфраструктура), Температура під контролем (електронне керування, не аналог), Надійний (дизель vs газ — найбезпечніше пальне).

Секція «Тепло будь-де» — H2, лід, 4 USP-картки з іконками, і 3D-рендер обігрівача з кольоровими стрілками потоків повітря і випарів — 3D-рендер з кольоровими стрілками — це не стокова промо-картинка, а зроблена технічна ілюстрація що показує куди вхідне повітря, куди вихлоп і де теплообмінник. Цей самий стиль ілюстрацій повторюється на single-product сторінках у блоці «Як працює обігрівач», що формує впізнавану візуальну мову бренду.

«Підходить для будь-яких потреб» — 6-карткова фото-сітка сегментів

Та ж 6-сегментна логіка hero повторюється тут у форматі повноцінного грід-блоку 3×2 з реальними фото кожного сценарію: електромобіль на зарядній станції, ряд жовтих автобусів у депо, Volvo-вантажівка на гірській дорозі, мікроавтобус-кампер у полі, бліндаж із укриттям, екскаватор на кар’єрі. Кожна картка містить заголовок сегмента і 2-3 рядки специфічного value-proposition саме для цього контексту (наприклад, для електромобіля — «зберігає запас ходу батареї», для бліндажів — «обігрів в умовах відсутності електромережі, підвищуючи комфорт та бойову готовність особового складу»).

6-карткова сітка use-cases — Електромобіль / Автобуси / Вантажівки / Автодом / Бліндажі та окопи / Спецтехніка — з реальними фото і коротким описом — Цей блок дублює hero не випадково: користувач який скролить мимо першого екрану хоче побачити деталізацію того, що hero лише натякнув. Hero — кінематографічна сцена з одною підписом, тут — каталог сегментів з конкретним value-proposition. Це той самий патерн «teaser → proof», що добре працює у B2C-нішах з широкою аплікабельністю продукту.

Single-product як повноцінний лендинг з 4-кроковою діаграмою принципу роботи

Сторінка одного товару (наприклад /product/skargart-universalniy/) — це не дефолтний WC PDP. Це 8-секційний лендинг: sticky top-bar з anchor-навігацією (Про товар / Характеристики / Відгуки) + ціна + «Купити»; вертикальний slick-гайлер з 7 фото у Fancybox-лайтбоксі; основний блок з H1, ціною, наявністю, двома CTA («Купити» і «Купити в 1 клік») і селектором кількості; 4 USP-плашки; інфо про доставку (Самовивіз / Нова пошта); артикул (SK_5.0); далі — секція «Як працює обігрівач» з 4-кроковим вертикальним процесом (01 Подача палива → 02 Змішування з повітрям → 03 Згоряння → 04 Передача тепла) і технічною ілюстрацією потоків.

Sticky top product-bar з anchor-навігацією і CTA, вертикальний gallery slick-слайдер, головна product-картка з H1, ціною, 4 USP і delivery info — Sticky top-bar (Про товар / Характеристики / Відгуки + ціна + «Купити») — рідкісне для WP/WC рішення, частіше зустрічається у нативних e-comm SPA. Тут реалізовано на чистому JS+CSS поверх стандартної WC structure. Кнопка «Купити в 1 клік» — це окремий патерн short-checkout (модалка з одним полем телефон), що обходить багатокроковий WC checkout flow для імпульсних покупок.

4-крокова вертикальна діаграма «Як працює обігрівач» з нумерованими кружками 01-04 і технічна ілюстрація потоків Повітря/Дизель → камера згоряння → Випари — 4-кроковий процес з вертикальною лінією між кружками — це не текстовий список, а інтерактивна діаграма де кожен step підсвічується при scroll або клацанні. Технічна ілюстрація праворуч показує реальну конструкцію з підписами потоків (Повітря — блакитна, Дизель — жовта, Випари — червона), що для B2B-аудиторії значно цінніше ніж лайфстайл-фото з затишним інтер’єром.

Каталог /shop/ з WOOF-фільтром — 4 атрибутні групи замість «варіацій»

Каталог /shop/ — це WooCommerce archive з sidebar-фільтром на базі WOOF (WooCommerce Products Filter / Husky). Чотири атрибутні групи: Категорії товарів (Запчастини / Обігрівачі), Потужність (2 квт / 5 квт), Напруга (12 / 220 / 24 вольт), Переності (Ні / Так). Каталог містить 3 сторінки товарів — окрім обігрівачів є мережа запчастин: глушники, головні джгути, дистанційні пульти, керамічні свічки розжарювання Kyocera, паливопроводи, прокладки, двигуни-компресори різної потужності і напруги.

Каталог /shop/ з sidebar WOOF-фільтром (Категорії/Потужність/Напруга/Переності) і 4-колонковою product-сіткою з voltage/power бейджами — WOOF замість WC-стандартних варіацій — стратегічне рішення: при стандартних variations товар «Двигун-компресор Skargart» мав би 4 варіації (12В×2кВт, 12В×5кВт, 24В×2кВт, 24В×5кВт), що ховається у dropdown і не індексується окремо. Тут кожна комбінація — окремий product з власним URL і власним заголовком, що дає 4× більше SEO-сторінок під long-tail запити («двигун 12в 5квт skargart»).

Cart-flow — modal-підтвердження → skinny /cart/ → 2-step /checkout/ з 3 перевізниками і NP-branch-picker

Після натискання «Купити» на product-page не відбувається ні редіректу на cart, ні появи зверху товстої woocommerce-message з посиланням «Переглянути кошик» (дефолтний WC). Замість цього посеред екрану з’являється центральний modal зі статус-аватаром-чекмарком, заголовком «Додано до кошика», поточним товаром (фото-тумбнейл + назва + ціна + qty з ±-кнопками) і close-кнопкою ×. Це навмисний UX-вибір: підтвердити дію, дати ще одну точку взаємодії з товаром (можна змінити qty прямо в модалі), але не переривати поточний контекст браузингу. Користувач, який додав 5кВт-обігрівач і збирається додати свічку розжарювання, не змушений робити «Назад / далі / повернутися до каталогу» для другого додавання.

Skargart product-page з центральним modal: круглий синій checkmark, тайтл 'Додано до кошика', товар Автономний дизельний опалювач 5 кВт універсальний (12+24в) з фото-тумбнейлом, ціною 4990₴ і qty -/1/+ inline, close-кнопка ×, на тлі — затемнений PDP з тач-галереєю ліворуч і чорним cart-icon у хедері — Цікавий нюанс — у цьому modal-і немає CTA-кнопки *«Перейти до кошика»* чи *«Оформити»*. Тільки «×» закрити і impl-кнопки qty. Альтернатива (стандарт у Magento/Shopify modal-and) — обов’язково мати *«Continue Shopping / View Cart»*-пару. Тут навмисно: команда розуміє, що після *«Додано до кошика»* користувач сам вирішить через хедер-cart-icon чи продовжити браузинг, чи перейти до checkout — а modal лише підтверджує і не пушить. Це *«позитивне ствердження без коммерційного тиску»*, прийом, який працює для категорії з повільним consideration-циклом: автономний обігрівач коштує 4990 грн і це рішення «через 2-3 пошуки», не impulse-buy на 99 грн.

Сторінка /cart/ — це не WC-default з 6-колонковою table (image / product / price / quantity / subtotal / remove), а radical-skinny одна-рядка: фото-тумбнейл ліворуч, далі назва вище, ціна і qty-control в одному рядку нижче, далі вільне білe поле, далі close-кнопка «×» у правому верхньому куті картки. Жодного «Update cart», жодного coupon-поля у самій корзині (його перенесли на checkout, як collapsed accordion), жодного «Cross-sells»-блоку з пропозиціями «вам може сподобатись». Праворуч — sticky-блок «Ваш кошик» з Проміжний підсумок, Разом до сплати і CTA «Оформити замовлення» + дрібний рядок «приймаю Публічну оферту» з посиланням.

Skargart /cart/ на 1440 viewport: масивний заголовок 'Кошик' у sans serif, нижче — одна біла карточка з фото опалювача-тумбнейлом ліворуч, назвою Автономний дизельний опалювач 5 кВт універсальний (12+24в), ціною 4990₴ і qty -/1/+ у одному рядку нижче, × close-іконка вгорі-праворуч; sticky right-card 'Ваш кошик' з Проміжний підсумок 4990₴, Разом до сплати 4990₴, синя CTA 'Оформити замовлення' і дисклеймер оферти — Те, що тут *відсутнє*, важливіше за те, що присутнє. Жодного *«Cross-sells»*-блоку (типового WC *«додайте вихлопну трубу за 260 грн»*). Жодного *«Estimate shipping»* з полем для індексу або country-selectора. Жодного *«Add a note to your order»*-textarea. Це *скорочення* інтерфейсу до того, що насправді потрібно для рішення *«купую чи ні»*: я бачу що в кошику, скільки коштує, і йду далі. Cross-sells-блок здавалось би *«вигідним»* для виробника обігрівачів — додати ремонтні запчастини у чек на 5000 грн. Але кожен B2C-test показує: на high-consideration товарах cross-sells на cart-сторінці знижують конверсію (читає, відволікається, виходить «прорахувати»), а не підвищують AOV. На запчастини upsell-ить вже після покупки, через follow-up email або push з блогу.

Сторінка /checkout/ — це 2-step accordion (01 Загальне / 02 Оплата) з «Інформація»-блоком на першому кроці: Email*, Ім’я*, Прізвище*, Номер телефону + full-width «Увійти через Google»-кнопка для returning-customers. Далі — Метод доставки з 3 radio: Нова пошта (default), Укрпошта, Самовивіз (вул. Промислова, 10, Вишневе). Під методом — Адреса доставки-блок зі smart-dropdown «на відділення» (toggle для перемикання у режим «на адресу» з курʼєром Нової Пошти), «Оберіть місто» з server-side autocomplete від NP-API, «Оберіть відділення» з підвантаженням списку за обраним містом. Праворуч — sticky «Ваше замовлення» з товаром (фото + назва + ціна + qty), посиланням-розгортанням «Маєте купон? Натисніть щоб скористатися», рядками Проміжний підсумок, Доставка: «По тарифам перевізника», Разом до сплати, і disabled-CTA «Оформити замовлення» (активується після заповнення обов’язкових полів).

Skargart /checkout/ на 1440 viewport: 2-step accordion з вкладкою '01 Загальне' активною (синій background) і '02 Оплата' inactive; Інформація-блок з полями Email/Ім'я/Прізвище/Номер телефону + Увійти через Google; Метод доставки 3 radio Нова пошта чек/Укрпошта/Самовивіз; Адреса доставки з 3 dropdown ('на відділення' / Оберіть місто / Оберіть відділення); справа sticky 'Ваше замовлення' з товаром, посиланням Маєте купон, Проміжний підсумок 4990 і disabled CTA Оформити замовлення — Smart-deepdive у dropdown *«на відділення»* — це сигнал того, що інтегрована саме **Nova Poshta API**, не статичний select з 25 областями. Toggle *«на відділення» / «на адресу»* миттєво змінює структуру нижніх полів: для відділення — Місто + Відділення, для адреси — Місто + Вулиця + Будинок + Квартира + Coords автозаповнення з map-API. Це не дешева WP-плагін з 3-річним changelog’ом, а сучасний *nova-poshta-shipping-wc*-style integration з server-side кешуванням API-results на 24 години (інакше це 1 request на кожен ключ + ratelimit). Disabled-state CTA *«Оформити замовлення»* — це навмисний UX-сигнал: «бачиш кнопку, бачиш чому вона неактивна, не клікаєш у тупіку». Виключити можна тільки заповнивши Email + ім’я + телефон + адресу — clean validation-flow.

B2B-канали — окремі сторінки для дилерів і СТО з власними CF7-формами

Окрім роздрібного потоку (PDP → cart → checkout), сайт має дві окремі B2B-сторінки: /spivpraczya-dlya-dyleriv/ і /spivpraczya-dlya-sto/. Кожна має свій hero з контекстною фоновою картинкою (preмій-салон автомобіля для дилерів — натяк на серйозність партнерства), 4-карткову інфо-секцію (Графік роботи / Телефон / Пошта / Адреса), окрему Contact Form 7 з полями Ім’я / Номер телефону / E-mail / Повідомлення і кнопкою «Звʼязатися» (з jQuery Inputmask для коректного формату телефону).

Hero B2B-сторінки «Співпраця для дилерів» — фонова картинка преміум-салону автомобіля, H1, 4-карткова контактна секція — Розділення на «дилерів» і «СТО» — це не просто два дублі сторінки контактів, а різні B2B-сценарії: дилер закуповує оптом і перепродає під своїм брендом, СТО купує для встановлення клієнтам як частина сервісу. У кожній формі — окремий контекст у meta-полях що дозволяє менеджеру одразу зрозуміти тип ліда.

Доставка, оплата, FAQ — три синхронізовані інтерфейси на всіх сторінках

На кожній сторінці (головна, single-product, дилери, СТО, контакти, про нас) у нижній частині повторюється три стандартних блоки: 4-іконкова навігація FAQ / Доставка / Оплата / Повернення, потім 8-питання FAQ-акордеон (Як працює / Як довго працює / Від акумулятора / При русі / Який розмір / Гарантія / Витрата палива / Комплектація), і 3-карткова секція способів доставки (Нова пошта 1-2 дні / Самовивіз з Вишневого / Кур’єр по Києву).

8-питання FAQ-акордеон з нумерацією 01-08, кожне питання у мінімалістичному рядку з світло-сірим розширенням відповіді — Нумерація 01-08 з провідним нулем і моноширинний шрифт для номерів — це editorial choice, що візуально розводить «легкі» питання («Як працює?») і «важкі» технічні («Як рахувати тривалість від акумулятора?»), як рубрики у журналі. Текст FAQ ідентичний на всіх сторінках — це SEO-хак: один контент індексується 8+ разів, поглинаючи всі long-tail-варіації запитів.

Контакти — 4-pill grid + Google-Maps embed на промзону + 4-поле lead-form з reuse-FAQ-блоком

Сторінка /kontakty/ побудована як один екран — одна дія: масивний H1 «Контакти», нижче — горизонтальний grid з 4 жовто-кольорових pill-карток (Графік роботи: Пн-Пт 9:00-21:00, Телефон: +38 093 802 7133, Пошта: support@skargart.com.ua, Адреса: Україна, Київська обл, м. Вишневе, вул. Промислова, 10), на тлі — затемнене фото нерозкомпонованого обігрівача-в-розрізі. Нижче — повноширинний Google-Maps embed з пристопканим маркером на промзоні Вишневого, де поряд видно Київ-ЕВО (бул. Padlon Group), Кросна для одягу, ТОВ Т. Вишневе — це не cosmetic-map, а сигнал про фізично існуючий виробничий цех у промисловому кластері, а не coworking-офіс з brand-board.

Skargart /kontakty/ full-page: H1 Контакти, далі 4 жовто-pill картки в одному рядку (Графік роботи Пн-Пт 9:00-21:00 / Телефон +38 093 802 7133 / Пошта support@skargart.com.ua / Адреса Україна Київська обл місто Вишневе вул Промислова 10) на тлі затемненого фото обігрівача-в-розрізі; нижче — Google-Maps embed з маркером на промзоні Вишневого; далі темно-синя секція 'Залиште заявку для зв'язку' з 4-поле формою (Ім'я / Номер телефону + E-mail в одному рядку / Повідомлення / Зв'язатися); reused 4-таб FAQ/Доставка/Оплата/Повернення + 8-питання FAQ-акордеон з нумерацією 01-08 — Найцікавіший дизайн-вибір — *повторне використання* 4-таб блоку *FAQ / Доставка / Оплата / Повернення* і 8-питання FAQ-акордеону у самому низу сторінки *Контакти*. На більшості сайтів contacts — це *«ось наша адреса, ось телефон, до побачення»*, з мінімумом контенту. Тут навпаки: якщо користувач долетів до *Контактів*, значить у нього вже є питання. Замість пушити його у Telegram або кликати менеджера, інтерфейс відразу пропонує *«а може ви знайдете відповідь у тих самих 8 FAQ, що і на головній»*. Це знижує load на operator-time і одночасно піднімає SEO-метрики (one more long-content page indexed by Google з identicalQ-A блоком). lead-form у середині — це *fallback*, не primary: спочатку шукай у FAQ, якщо нема — лиш тоді залишай заявку.

Mobile — портретна верстка зі sticky bottom-nav як у нативному застосунку

Мобільна версія (390×844 — iPhone-формат) розрахована на one-handed scroll: повноекранний hero з кропом фонової сцени під портрет, дві стек-картки категорій під ним і — внизу екрану — sticky bottom-nav з чотирма іконками Головна / Каталог / Кошик / Мій кабінет. Це чіткий запозичений патерн з native iOS/Android e-comm застосунків (Rozetka, Prom, OLX-mobile), що значно знижує scroll-час до checkout. Шапка на mobile стиснута до логотипа + двох messenger-іконок + бургер-меню.

«Про нас» — позиціонування виробника з міжнародною сертифікацією

Сторінка /pro-nas/ побудована як корпоративний positioning-меседж: логотип SKÄRGÅRT з фірмовим діакритичним написанням, слоган «WHERE COMFORT BEGINS», фоновий приглушений indoor-сюжет (склад), параграф про прямий канал від заводу, 3 USP-іконки (Сертифікована продукція / Максимальна безпека / Довговічність і надійність), і ключовий H1 «Skargart — це перша марка в галузі передпускових підігрівачів, яка має Міжнародну сертифікацію». Далі — H2 «Технології змінюють майбутнє, а інновації спонукають іти вперед» з абзацом про патентовані технології (подвійний терморегулятор, отримання електроенергії через поділ електричних набоїв у потоці води).

Hero сторінки «Про нас» — логотип SKÄRGÅRT з діакритиками і слоган WHERE COMFORT BEGINS на фоновому indoor-сюжеті, 3 USP-іконки нижче — Слоган *«WHERE COMFORT BEGINS»* — англійською попри український ринок: це позиціонує бренд як «глобальний», що готовий до експортних ринків (WPML інфраструктура поставлена, але переклади поки не активовані). Це підготовка під майбутню EN/PL-локалізацію, коли компанія вийде у EU або міжнародний B2B.

Стек, інтеграції, технічні рішення

WordPress 6.x + кастомна тема skargart (не page-builder, не Elementor) — повний контроль над розміткою, sticky-bar-ами і product-лендингом без надбудов.
WooCommerce 9.6.4 — основний e-comm двигун, з кастомним single-product.php переписаним під лендинг-формат.
WOOF (WooCommerce Products Filter) 1.3.6.5 — sidebar-фільтр на shop archive з категоріями, потужністю, напругою, переносністю.
WPML 4.x + WooCommerce Multilingual 5.3.9 — мультимовна інфраструктура поставлена (sitepress, language-cookie), наразі активна лише українська; готовність до EN/PL/RU без міграції на інший плагін.
Contact Form 7 6.0.4 — три інстанції форм: footer-newsletter (одне поле e-mail), dealer-leads на /spivpraczya-dlya-dyleriv/ (4 поля), СТО-leads на /spivpraczya-dlya-sto/.
Slick 1.8.1 — slick-карусель для hero (6 фонових сцен з autoplay), product-gallery (7 фото з вертикальними thumbs), related-products на PDP, таб-перемикач категорій.
Fancybox 3.5.7 — лайтбокс для product-зображень (клік по головному фото відкриває повноекранний переглядач з навігацією по 7 кадрах).
jQuery 3.7.1 + jQuery Migrate 3.4.1 + jQuery BlockUI — стандартний WC-стек для DOM-маніпуляцій (cart fragments, AJAX add-to-cart).
jQuery Inputmask 5.0.7 — phone-маска для CF7-форм (формат +38 (___) ___-__-__).
Seraphinite Accelerator — page caching + CSS/JS minification (інлайнить usage-CSS у <style> першим payload-ом, лазі-вантажить решту); видно по префіксу cache/seraphinite-accelerator/s/m/d/css/... у CSS-URL-ах.
Cookie Notice + Google Analytics 4 (G-M0CNJR82K2 через MonsterInsights Premium 10.0.3) — GDPR-консент і трекінг подій кошика.
Telegram + WhatsApp deep-links (#tg, #whatsapp у шапці й футері) — основний лід-канал, без класичної «зворотного дзвінка» форми. Налаштування — у JS, click-handler підмінює href на tg://resolve?domain=... і wa.me/....

Підсумок

Skargart — це WooCommerce-магазин, який візуально і функціонально працює як 8-секційний лендинг на кожному PDP, а не як стандартний WC-product. Тема skargart переписала single-product до невпізнавання: sticky anchor-bar, 4-крокова діаграма принципу роботи з технічною ілюстрацією, 7-фото gallery з Fancybox, «Купити в 1 клік» поряд з повноцінним cart-flow. Каталог використовує WOOF замість WC-варіацій — кожна комбінація напруга×потужність — окремий індексований SEO-product. Лід-канали — Telegram і WhatsApp у шапці й футері замість callback-форми, з окремими дилерськими і СТО-сторінками для B2B-сегмента. Сайт готовий до експорту (WPML + WC-Multilingual в стеку), бренд позиціонує себе як «перша марка передпускових підігрівачів з міжнародною сертифікацією» — і вся UX-архітектура побудована так, щоб одночасно обслуговувати дальнобійника-приватника (PDP→cart→Нова пошта), військового з замовленням під бліндаж (PDP→Telegram→оптова консультація) і дилера/СТО (окрема B2B-сторінка з власною CF7-формою).