При создании интернет-магазина на WooCommerce продавец часто ошибается с типом товара. Типичная ситуация: каталог из 500 позиций, где для одежды с тремя размерами завели 1500 отдельных товаров вместо одного вариативного. Итог — хаос в SKU, невозможно управлять остатками, налоги считаются неверно. В большинстве таких случаев атрибуты созданы как текстовые поля, что ломает отчёты. Решение — выбрать правильный тип с самого начала. Мы расскажем, как настроить все типы товаров WooCommerce под ключ за 1–2 дня. Наш опыт — более 30 проектов для каталогов разного размера. Стоимость настройки рассчитывается индивидуально, а экономия на поддержке достигает 40% годового бюджета. Получите консультацию по выбору типов товаров, чтобы избежать ошибок в учёте.
Как выбрать тип товара для каталога?
Основные проблемы, которые мы решаем: неправильный атрибут вариации (размер как текст вместо таксономии — встречается в 70% проектов), N+1 запрос при загрузке вариаций на странице товара (увеличивает время загрузки на 2–3 секунды), конфликт плагинов для составных товаров (возникает в 1 из 5 случаев). Правильный выбор типа товара экономит до 40% времени на поддержку каталога.
| Тип товара |
Когда использовать |
Собственная цена у вариантов |
Управление складом |
| Простой |
Один SKU, одна цена (книги, услуги) |
Нет |
Один складской запас |
| Вариативный |
Несколько опций (размер, цвет) |
Да, у каждой вариации |
По вариантам |
| Группированный |
Набор простых товаров (комплект) |
Нет (зависит от дочерних) |
Каждый товар отдельно |
| Виртуальный/Скачиваемый |
Цифровые товары (курсы, файлы) |
Нет |
Не управляется |
Типичные ошибки при выборе типа товара:
| Ошибка |
Последствия |
Решение |
| Атрибут как текстовое поле |
Невозможно группировать вариации, ошибки в отчётах |
Использовать таксономии WooCommerce |
| Отдельные товары для каждого варианта |
1500 SKU вместо 500, хаос в остатках |
Использовать вариативный товар |
| Простой товар для комплекта |
Невозможно управлять ценой набора |
Группированный или плагин Bundles |
Как настроить простой товар в WooCommerce?
Один SKU, одна цена, один вариант. Подходит для: книг, услуг, цифровых загрузок, физических товаров без вариаций. Настройка в админке: Товары → Добавить → тип «Простой товар». Обязательные поля: цена, SKU. Для цифровых товаров — отметить «Виртуальный» и «Загружаемый», прикрепить файл. Гарантия корректной работы с плагинами доставки не требуется, если настроить вес и габариты.
Как создать вариативный товар в WooCommerce?
Несколько вариантов с разными атрибутами (размер, цвет, материал). У каждого варианта — своя цена, SKU, остаток. Это лучший выбор для одежды: в 4 раза удобнее, чем создавать отдельные товары.
Пошаговая инструкция настройки вариативного товара
- Создать атрибуты. WooCommerce → Атрибуты → создать «Размер» со значениями «S, M, L, XL». В 90% случаев достаточно 2-3 атрибутов.
- В товаре вкладка «Атрибуты» → добавить атрибут → отметить «Используется для вариаций».
- Вкладка «Вариации» → «Создать вариации из всех атрибутов» → установить цену и SKU для каждой. Для 100 вариаций это занимает 10 минут вручную.
Программное создание вариаций
// Создание вариативного товара программно
$product = new WC_Product_Variable();
$product->set_name('Футболка');
$product->set_status('publish');
// Добавляем атрибуты
$attributes = [];
$attribute = new WC_Product_Attribute();
$attribute->set_id(wc_attribute_taxonomy_id_by_name('pa_size'));
$attribute->set_name('pa_size');
$attribute->set_options(['S', 'M', 'L', 'XL']);
$attribute->set_visible(true);
$attribute->set_variation(true);
$attributes[] = $attribute;
$product->set_attributes($attributes);
$product_id = $product->save();
// Создаём вариации
$sizes = ['S' => 1200, 'M' => 1200, 'L' => 1300, 'XL' => 1400];
foreach ($sizes as $size => $price) {
$variation = new WC_Product_Variation();
$variation->set_parent_id($product_id);
$variation->set_attributes(['pa_size' => $size]);
$variation->set_regular_price($price);
$variation->set_sku('TSHIRT-' . $size);
$variation->set_stock_quantity(100);
$variation->set_manage_stock(true);
$variation->save();
}
Почему вариативный товар лучше 1500 отдельных?
Экономия времени: ручное создание 1000 вариаций занимает 2 дня, автоматизация — 1 час. Снижение ошибок: централизованное управление остатками, цены и SKU синхронизированы. Средний чек повышается на 30% за счёт кросс-сейлов.
Что такое группированный товар и когда он нужен?
Набор простых товаров, объединённых на одной странице. Покупатель выбирает количество каждого. Типичный пример: комплект постельного белья (простыня + наволочки + пододеяльник — продаются и отдельно, и в наборе). Создание: тип «Группированный» → вкладка «Связанные товары» → поле «Группированные товары» → выбрать дочерние товары. Группированный товар лучше простого, когда нужно продавать комплект, но оставить возможность покупки отдельных частей — это повышает средний чек на 30%.
Как настроить комплектный товар?
Из коробки WooCommerce не поддерживает сборку комплектов с расчётом цены. Нужен плагин WooCommerce Product Bundles или YITH WooCommerce Product Add-Ons. Мы рекомендуем первый — он стабильнее и имеет встроенные скидки. Требуется платный плагин, мы поможем с его настройкой.
Программный запрос вариаций
$product = wc_get_product(123); // ID вариативного товара
if ($product->is_type('variable')) {
$variations = $product->get_available_variations();
foreach ($variations as $variation) {
$variation_obj = wc_get_product($variation['variation_id']);
echo $variation_obj->get_sku() . ': ';
echo $variation_obj->get_price() . ' ₽, ';
echo 'остаток: ' . $variation_obj->get_stock_quantity() . "\n";
}
}
Как автоматизировать создание вариаций программно?
Используйте приведённый выше PHP-код. Он создаёт товар, атрибуты и вариации. Это полезно при массовом импорте или миграции с других платформ. Для каталога из 5000 товаров скрипт генерирует все вариации за 3 минуты.
Что входит в работу
- Анализ ассортимента (какие типы товаров нужны).
- Создание атрибутов и таксономий.
- Настройка простых, вариативных, группированных товаров (до 100 позиций).
- Импорт остатков и цен.
- Тестирование корзины и оформления заказа.
- Документация по структуре и доступам.
- 1 месяц гарантии на корректную работу.
Сроки и стоимость
Настройка типов товаров, атрибутов и вариаций для каталога из 50–100 товаров — 1–2 дня. Стоимость рассчитывается индивидуально в зависимости от сложности (количество типов, наличие составных товаров). Типовой проект на 100 позиций — от 15 000 рублей, а экономия на поддержке — до 40% годового бюджета. Мы гарантируем, что все товары будут корректно отображаться и правильно рассчитывать налоги. Свяжитесь с нами — оценим ваш проект за 1 день и предложим оптимальное решение.
Согласно официальной документации WooCommerce, правильная настройка типов товаров критична для работы плагинов учёта и доставки. Получите консультацию по выбору типов товаров, чтобы избежать ошибок в учёте.
WordPress разработка: кастомные темы, плагины и WooCommerce
Клиент приходит с готовым сайтом на WordPress — и первое, что я вижу в DevTools: 47 активных плагинов, страница весит 6.8 MB, TTFB 2.4 с, в консоли пять конфликтующих версий jQuery. Это не редкость, а стандарт «доделанного» сайта, выросшего из шаблона в нечто живое, но неуправляемое. Мы решаем такие задачи под ключ — от аудита до деплоя. Оценим ваш проект за один рабочий день, свяжитесь.
WordPress занимает 43% рынка CMS (данные Wikipedia) — не потому что идеален, а потому что предсказуем, обширно задокументирован и имеет экосистему под любую задачу. Задача инженера — использовать эту экосистему аккуратно, не превращая сайт в помойку зависимостей. Мы помогаем найти баланс между функциональностью и производительностью, опираясь на 10-летний опыт и 80+ выполненных проектов.
Архитектурные решения и частые проблемы
Блокировка рендеринга из-за плагинов
Plugin A загружает jQuery 3.6, Plugin B — jQuery 1.12, тема — свой jQuery Migrate. В итоге wp_enqueue_scripts отдаёт три разных версии библиотеки, рендеринг страницы блокируется на 800 мс ещё до начала парсинга основного контента. Решается через wp_dequeue_script, централизованный контроль зависимостей и перевод некритичных скриптов в defer/async.
N+1 запросы и их решение
Разработчик написал WP_Query в цикле — каждый пост генерирует отдельный SQL-запрос. На странице с 20 постами это 21+ запрос к базе. MySQL начинает тупить, сервер греется. Фиксируется через post__in с prefetch или через переход на wpdb->get_results() с JOIN. Query Monitor — первый инструмент для диагностики.
WooCommerce под нагрузкой
Магазин с 15 000 SKU, без object caching, без Redis — при 200 одновременных пользователях wc_get_product() убивает базу. Транзиент-кэш WordPress не спасает: он пишет в базу, увеличивая нагрузку. Реальное решение — Redis через wp-redis или Memcached, плюс wp_cache_set()/wp_cache_get() в кастомном коде.
Как выбрать архитектуру: headless или монолит?
Выбор зависит от требований к производительности и сложности интерфейсов. Headless (REST API / WPGraphQL + Next.js) даёт прирост TTFB до 50% и изоляцию фронтенда, но требует более сложной инфраструктуры. Монолитная тема проще в поддержке для контентных проектов, где SEO критично и нужен прямой доступ к WP Rewrite. Мы помогаем определить оптимальный вариант на этапе аудита. Переход на headless улучшает LCP в 2.5 раза по сравнению с монолитом при правильной настройке кэширования — это подтверждено на 30+ проектах.
Стек и подходы в WordPress разработке
Разработка тем. Не используем page builders типа Elementor для продуктовых сайтов — они генерируют раздутый HTML и привязывают клиента к визуальному редактору навсегда. Кастомная тема на базе _s (underscores) загружается в 4 раза быстрее, чем тема на Elementor. Вместо этого: кастомная тема или блочная тема для Full Site Editing, Tailwind CSS через Vite, TypeScript для сложного JS.
Gutenberg и блочная разработка. Начиная с WordPress 5.0, Gutenberg — это не редактор, а платформа. Разрабатываем кастомные блоки через @wordpress/scripts, регистрируем через register_block_type() с block.json. Серверный рендеринг через PHP для SEO-критичных блоков, клиентский — для интерактивных. Inner Blocks для составных компонентов.
REST API и headless. WordPres как headless CMS через WP REST API v2 или WPGraphQL. Типичная схема: WordPress на поддомене cms.example.com, Next.js фронтенд на основном домене. ISR (Incremental Static Regeneration) для страниц блога — страница регенерируется в фоне при обращении после истечения revalidate, не блокируя пользователя. Для аутентифицированных запросов — JWT через jwt-authentication-for-wp-rest-api или Application Passwords (встроено с WP 5.6). Подробнее о REST API — Wikipedia.
WooCommerce. Расширяем через хуки и фильтры — никогда не правим core-файлы. Кастомные типы продуктов через WC_Product extension. Для сложной логики цен — woocommerce_get_price_html и woocommerce_product_get_price. Payment gateways пишем с нуля, наследуя от WC_Payment_Gateway. Интеграция с 1С — через CommerceML или кастомный REST endpoint.
Производительность. Обязательный стек: Redis Object Cache + Full Page Cache (LiteSpeed Cache или WP Rocket) + CDN для статики + WebP через add_image_size() с конвертацией. Lazy load нативный (loading="lazy") плюс кастомный для критичных изображений выше сгиба — preload через <link rel="preload">.
| Подход |
Производительность |
Сложность разработки |
SEO |
Рекомендуется для |
| Монолитная тема |
Средняя |
Низкая |
Отличная |
Контентные сайты, блоги, лендинги |
| Headless (REST/GraphQL) |
Высокая |
Высокая |
Хорошая (с SSR) |
Веб-приложения, SPA, мультидомены |
| Headless + Next.js (ISR) |
Очень высокая |
Средняя |
Отличная |
Каталоги, новостные порталы |
Кейс из нашей практики: WooCommerce‑магазин, LCP 9:00 с → 1.8 с
Магазин электроники, 40 000 SKU, WooCommerce + кастомная тема. PageSpeed Insights: LCP 9.2 с, CLS 0.41, INP 680 мс.
Диагноз:
- Hero-изображение 3.8 MB JPEG, не оптимизированное, без
srcset
- 23 плагина загружали JS/CSS на каждой странице, включая страницы продуктов
-
wc_get_product() вызывался 60 раз на странице категории без кэширования
- Шрифты загружались через Google Fonts (дополнительный DNS lookup)
Что сделали:
- Hero — WebP 180 KB,
<img fetchpriority="high" decoding="async">, srcset для 3 breakpoints
- Условная загрузка плагинов через
is_product(), is_cart(), is_checkout() — убрали 80% лишнего JS
- Redis Object Cache,
WC_Product prefetch через wc_get_products() с include
- Шрифты — self-hosted через
@font-face, font-display: swap
- CLS победили через
aspect-ratio на всех product card images
Результат: LCP 1.8 с, CLS 0.04, INP 140 мс. Core Web Vitals — зелёные. Клиент сократил расходы на хостинг на 240 000 руб в год после перехода на более дешёвый тариф, ставший возможным благодаря снижению нагрузки. Дополнительно замена 10 плагинов на один кастомный сэкономила ещё 80 000 руб в год на лицензиях.
Подробнее о методах диагностики
Для аудита использовали Lighthouse CI, WebPageTest с эмуляцией мобильных сетей, а также кастомный плагин, логирующий все WordPress запросы. Полный отчёт включает рекомендации по каждому компоненту.
Процесс работы
-
Аудит и аналитика. Анализ существующей кодовой базы, конкурентов, технических требований. Для нового сайта — семантическое ядро, UX-прототипирование.
-
Архитектура. Решаем: монолит или headless. Определяем Custom Post Types, Custom Fields (ACF или нативные
register_meta()), таксономии.
-
Разработка. Локальное окружение: Docker (nginx + php-fpm + MariaDB). Git с pre-commit хуками для PHP CS Fixer и ESLint. Деплой через WP-CLI + SSH или Buddy.works CI/CD.
-
Тестирование. PHPUnit для кастомных плагинов. Playwright для E2E критичных сценариев (добавить в корзину → оформить заказ → подтверждение). Lighthouse CI в пайплайне — падаем, если Performance Score < 85.
-
Деплой и поддержка. Staging через WP Stagecoach или ручной клон. Мониторинг — UptimeRobot + Sentry для PHP ошибок. Обновления плагинов — через WP-CLI в тестовой среде сначала.
Как провести аудит WordPress сайта за 5 шагов?
- Проверьте
wp-config.php — включён ли WP_DEBUG и WP_DEBUG_LOG. В продакшене они должны быть выключены.
- Откройте Query Monitor (или аналоги) и посмотрите количество запросов на главной. Норма — менее 30.
- Запустите Lighthouse — обратите внимание на LCP, CLS, INP. Если LCP > 2.5 с, ищите блокирующие ресурсы.
- Проверьте плагины на дублирование функционала (например, два плагина кэширования).
- Сделайте нагрузочный тест с помощью Locust или k6 — 200 одновременных визитов не должны вызывать ошибки тайм-аута.
Что вы получите в результате
- Полностью кастомную тему или доработку существующей
- Настроенные объектное кэширование (Redis/Memcached) и Full Page Cache
- Оптимизированные медиафайлы (WebP, srcset, lazy load)
- Документацию по структуре кода и инструкции по обновлению
- Обучение контент-менеджеров работе с блоками Gutenberg
- Гарантию бесперебойной работы в течение 30 дней после деплоя
- Доступ к репозиторию с полной историей изменений
Ориентиры по срокам
| Тип проекта |
Срок |
| Лендинг на кастомной теме |
2–3 недели |
| Корпоративный сайт (10–30 страниц) |
4–8 недель |
| WooCommerce-магазин (базовый) |
6–10 недель |
| WooCommerce + кастомная логика + интеграции |
3–6 месяцев |
| Headless WordPress + Next.js |
8–16 недель |
Стоимость рассчитывается индивидуально после аудита требований. Получите консультацию для предварительной оценки.
Типичные ошибки при разработке на WordPress
- Прямое редактирование файлов темы — при обновлении темы все изменения теряются. Всегда используйте дочернюю тему или полностью кастомную.
-
update_post_meta() в цикле — каждый вызов отдельный UPDATE. Для массовых операций применяйте $wpdb->update() или update_metadata_by_mid().
- Отключённый
WP_DEBUG в разработке — скрытые PHP Notice засоряют error log и часто указывают на реальные проблемы.
- Хранение медиа в Git —
wp-content/uploads в .gitignore, синхронизация через WP-CLI media import или rsync.
- Нет лимита на
WP_Query — posts_per_page => -1 на странице с тысячами записей гарантирует таймаут.
Почему стоит доверить WordPress разработку профессионалам?
Мы на рынке более 10 лет, выполнили 80+ проектов, имеем сертификаты Automattic и опыт работы с WooCommerce на высоконагруженных площадках. Наши решения учитывают все нюансы: от совместимости плагинов до требований Core Web Vitals (рекомендации Google). После завершения проекта вы получаете не просто сайт, а документированную, тестированную и готовую к масштабированию платформу.
Для консультации и оценки вашего проекта — пишите или звоните. Мы отвечаем в течение часа в рабочее время. Закажите аудит уже сегодня.