Интернет-магазин · 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-мегаменю — после 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 дополнительно плашка «Нет в наличии» — эти модели есть в каталоге, но без стока, что честно и не маскирует доступность.

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-шаговый процесс с вертикальной линией между кружками — это не текстовый список, а интерактивная диаграмма, где каждый шаг подсвечивается при скролле или клике. Техническая иллюстрация справа показывает реальную конструкцию с подписями потоков (Воздух — голубая, Дизель — жёлтая, Выхлоп — красная), что для 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-иконкой в хедере — Интересный нюанс — в этом modal нет CTA-кнопки *«Перейти в корзину»* или *«Оформить»*. Только «×» закрыть и кнопки qty. Альтернатива (стандарт в Magento/Shopify modal) — обязательно иметь пару *«Continue Shopping / View Cart»*. Здесь намеренно: команда понимает, что после *«Добавлено в корзину»* пользователь сам решит через хедер-cart-иконку, продолжить браузинг или перейти к checkout — а modal лишь подтверждает и не пушит. Это *«позитивное утверждение без коммерческого давления»*, приём, работающий для категории с медленным consideration-циклом: автономный обогреватель стоит 4990 грн, и это решение «через 2-3 поиска», не impulse-buy на 99 грн.

Страница /cart/ — это не WC-default с 6-колоночной таблицей (image / product / price / quantity / subtotal / remove), а радикально урезанная одна строка: фото-миниатюра слева, дальше название выше, цена и qty-control в одной строке ниже, дальше свободное белое поле, дальше 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-селектора. Никакого *«Add a note to your order»*-textarea. Это *сокращение* интерфейса до того, что действительно нужно для решения *«покупаю или нет»*: я вижу, что в корзине, сколько стоит, и иду дальше. Cross-sells-блок казался бы *«выгодным»* для производителя обогревателей — добавить ремонтные запчасти в чек на 5000 грн. Но каждый B2C-тест показывает: на high-consideration товарах cross-sells на cart-странице снижают конверсию (читает, отвлекается, выходит «просчитать»), а не повышают AOV. На запчасти апселлят уже после покупки, через follow-up email или push из блога.

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

Skargart /checkout/ на 1440 viewport: 2-step accordion с вкладкой «01 Общее» активной (синий фон) и «02 Оплата» неактивной; Информация-блок с полями Email/Имя/Фамилия/Номер телефона + Войти через Google; Метод доставки 3 radio Новая почта/Укрпочта/Самовывоз; Адрес доставки с 3 dropdown («на отделение» / Выберите город / Выберите отделение); справа sticky «Ваш заказ» с товаром, ссылкой Есть купон, Промежуточный итог 4990 и disabled CTA Оформить заказ — Smart-dropdown *«на отделение»* — это сигнал того, что интегрирована именно **Nova Poshta API**, а не статичный select с 25 областями. Toggle *«на отделение» / «на адрес»* мгновенно меняет структуру нижних полей: для отделения — Город + Отделение, для адреса — Город + Улица + Дом + Квартира + автозаполнение координат из map-API. Это не дешёвый WP-плагин с 3-летним changelog’ом, а современная *nova-poshta-shipping-wc*-style интеграция с server-side кешированием API-результатов на 24 часа (иначе это 1 запрос на каждое нажатие + ratelimit). Disabled-состояние CTA *«Оформить заказ»* — это намеренный UX-сигнал: «видишь кнопку, видишь, почему она неактивна, не кликаешь в тупике». Активировать можно только заполнив Email + имя + телефон + адрес — clean validation-flow.

B2B-каналы — отдельные страницы для дилеров и СТО с собственными CF7-формами

Кроме розничного потока (PDP → cart → checkout), сайт имеет две отдельные B2B-страницы: /spivpraczya-dlya-dyleriv/ и /spivpraczya-dlya-sto/. Каждая имеет свой hero с контекстной фоновой картинкой (премиум-салон автомобиля для дилеров — намёк на серьёзность партнёрства), 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 с ведущим нулём и моноширинный шрифт для номеров — это редакторский выбор, который визуально разводит «лёгкие» вопросы («Как работает?») и «тяжёлые» технические («Как считать длительность от аккумулятора?»), как рубрики в журнале. Текст FAQ идентичен на всех страницах — это SEO-хак: один контент индексируется 8+ раз, поглощая все long-tail-вариации запросов.

Контакты — 4-pill grid + Google-Maps embed на промзону + 4-полевая lead-форма с reuse-FAQ-блоком

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

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 в одной строке / Сообщение / Связаться); переиспользованный 4-таб FAQ/Доставка/Оплата/Возврат + 8-вопросный FAQ-аккордеон с нумерацией 01-08 — Самый интересный дизайн-выбор — *повторное использование* 4-таб блока *FAQ / Доставка / Оплата / Возврат* и 8-вопросного FAQ-аккордеона в самом низу страницы *Контакты*. На большинстве сайтов contacts — это *«вот наш адрес, вот телефон, до свидания»*, с минимумом контента. Здесь наоборот: если пользователь долетел до *Контактов*, значит у него уже есть вопрос. Вместо того чтобы пушить его в Telegram или звать менеджера, интерфейс сразу предлагает *«а может, вы найдёте ответ в тех же 8 FAQ, что и на главной»*. Это снижает нагрузку на operator-time и одновременно поднимает SEO-метрики (ещё одна long-content страница, индексируемая Google с идентичным Q-A блоком). lead-форма в середине — это *fallback*, не primary: сначала ищи в FAQ, если нет — только тогда оставляй заявку.

Mobile — портретная вёрстка со sticky bottom-nav как в нативном приложении

Мобильная версия (390×844 — iPhone-формат) рассчитана на one-handed scroll: полноэкранный hero с кропом фоновой сцены под портрет, две стек-карточки категорий под ним и — внизу экрана — sticky bottom-nav с четырьмя иконками Главная / Каталог / Корзина / Мой кабинет. Это чёткий заимствованный паттерн из нативных 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-локализации, когда компания выйдет в ЕС или международный B2B.

Стек, интеграции, технические решения

WordPress 6.x + кастомная тема skargart (не page-builder, не Elementor) — полный контроль над разметкой, sticky-барами и 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-фото галерея с Fancybox, «Купить в 1 клик» рядом с полноценным cart-flow. Каталог использует WOOF вместо WC-вариаций — каждая комбинация напряжение×мощность — отдельный индексируемый SEO-product. Лид-каналы — Telegram и WhatsApp в шапке и футере вместо callback-формы, с отдельными дилерскими и СТО-страницами для B2B-сегмента. Сайт готов к экспорту (WPML + WC-Multilingual в стеке), бренд позиционирует себя как «первая марка предпусковых подогревателей с международной сертификацией» — и вся UX-архитектура построена так, чтобы одновременно обслуживать дальнобойщика-частника (PDP→cart→Новая почта), военного с заказом под блиндаж (PDP→Telegram→оптовая консультация) и дилера/СТО (отдельная B2B-страница с собственной CF7-формой).