Картка товару в WooCommerce виглядає як список тексту? Стандартний редактор дає лише шорткоди та HTML, без нормальної сітки, каруселі й фільтрів. Покупець заходить і йде, бо оку нема за що зачепитися.

Блоки Gutenberg вирішують цю проблему: збираєте вітрину з готових модулів, сітка товарів, слайдер, кнопка в кошик, відгуки, порівняння. Без коду. Але стандартних блоків WooCommerce вистачає не завжди, для кастомізації потрібні спеціалізовані плагіни.

Нижче 12 інструментів, які додають просунуті блоки для WooCommerce у редактор Gutenberg. Від безплатних стартерів до плагінів із конструктором магазину під ключ.

💡 Швидкий огляд:

• Порівняйте плагіни за таблицею на початку, оберіть 2-3 під ваше завдання
• У кожного плагіна в списку є чесні мінуси та реальний скриншот інтерфейсу
• Якщо магазин невеликий, вистачить вбудованих блоків WooCommerce плюс одного безплатного плагіна з каталогу
• Для кастомних карток товару та сіток дивіться WowStore, Stackable або Kadence Blocks

Коротке відео від офіційного каналу WordPress вище показує, як кастомізувати сторінки WooCommerce через редактор Gutenberg і Full Site Editor.

Порівняльна таблиця: топ-6 плагінів для WooCommerce-блоків

1. Вбудовані блоки WooCommerce

Окремий плагін WooCommerce Blocks закрито в лютому 2024 року, функціональність перенесено в ядро WooCommerce. Тепер блоки для товарів, кошика та оформлення замовлення доступні одразу після встановлення WooCommerce, без додаткових плагінів.

У редакторі Gutenberg з’являється вкладка WooCommerce з блоками: вітрина товарів, фільтр за ціною та рейтингом, пошук товарів, кошик, оформлення замовлення. На практиці для стандартного магазину цього достатньо. Блок Товари виводить сітку з категоріями та сортуванням, а блок Фільтри дає покупцеві відсіяти за ціною, рейтингом і атрибутами.

Вбудовані блоки не дають гнучкої кастомізації дизайну. Сітку товарів можна вивести, але змінити кількість колонок на мобільній версії або стилізувати картку вже не можна. Для цього потрібні плагіни зі списку нижче.

• Плюси: не потребує встановлення (частина WooCommerce), не конфліктує з темами, активно оновлюється командою Automattic
• Мінуси: мінімум налаштувань зовнішнього вигляду, не можна кастомізувати картку товару
• Ціна: безплатно (у складі WooCommerce)
• Завантажити: 🔗 WooCommerce на WordPress.org

2. Ultimate Blocks

Безплатний набір із 36 блоків для Gutenberg, заточений під блогерів і контент-маркетологів. Серед них є блоки, корисні власникам WooCommerce-магазинів: HowTo Schema (інструкції до товарів), Review із зірками та мікророзміткою (огляди продуктів), Content Filter (фільтрація контенту відвідувачем).

Плагін активно оновлюється, останнє оновлення датоване червнем 2026 року, 50 000 плюс активних установок. Окремий плюс: блок Review підтримує schema-розмітку, тобто зірки рейтингу потрапляють у видачу Google. Для магазину, який веде блог з оглядами товарів — це прямий плюс до CTR.

Ultimate Blocks не спеціалізований під WooCommerce. Блоків для картки товару, сітки продуктів або кошика тут немає. Це інструмент для контенту навколо магазину, а не для самої вітрини.

• Плюси: повністю безплатний, schema-розмітка для оглядів та інструкцій, зміст і вкладки з коробки
• Мінуси: немає WooCommerce-специфічних блоків (сітка товарів, кошик), частина блоків перетинається з іншими плагінами
• Ціна: безплатно
• Завантажити: 🔗 Ultimate Blocks на WordPress.org

3. WowStore (раніше ProductX)

ProductX перейменовано на WowStore, і він виріс у повноцінний конструктор WooCommerce-магазину на Gutenberg. Це не просто набір блоків — це білдер вітрини з готовими шаблонами для головної, картки товару, кошика, оформлення замовлення та навіть сторінки «дякуємо за покупку».

У плагіна 53 блоки: сітки товарів, слайдери, списки, пошук, фільтри. Окремо вражає набір інструментів для збільшення продажів: таймер зворотного відліку в кошику, sticky-кнопка в кошик, сповіщення про нещодавні покупки, вішліст, порівняння товарів, часткова оплата та передзамовлення. На практиці це означає, що WowStore закриває і дизайн вітрини, і конверсійні механіки.

За даними розробника WPXPO, плагін обслуговує понад 60 000 бізнесів, рейтинг на Trustpilot 4.9 з 5. Безкоштовна версія містить основні блоки та шаблони. Pro-версія відкриває варіативні смарт-сітки, динамічний контент і розширені фільтри.

• Плюси: конструктор вітрини під ключ, вбудовані інструменти зростання продажів (вішліст, порівняння, таймери), швидка техпідтримка
• Мінуси: частина ключових функцій лише в Pro, щільний інтерфейс налаштувань (новачкові знадобиться година-дві на освоєння)
• Ціна: Free / Pro від $49 на рік
• Завантажити: 🔗 WowStore на WordPress.org | 🔗 Pro-версія на WPXPO

4. Storefront Blocks

Плагін від PootlePress для тих, хто будує магазин на темі Storefront і хоче кастомізувати сторінки магазину без коду. Він додає в Gutenberg блоки, орієнтовані саме на WooCommerce: сітки товарів, слайдери, каруселі, блоки розпродажів із таймером зворотного відліку.

Плагін дає змогу зібрати головну сторінку магазину та картку товару на Gutenberg, з фоном, шрифтами, відступами й кольорами кнопок. Можна додати як один товар із ціною та описом, так і сітку з десятків. Для розробників є доступ до хуків і фільтрів WooCommerce через блоки.

Важливий нюанс: Storefront Blocks заточений під тему Storefront. З іншими темами блоки працюють, але стилі можуть потребувати ручного допасовування. Ціна 49 доларів за річну ліцензію з підтримкою та оновленнями.

• Плюси: глибока інтеграція зі Storefront, таймер розпродажів, хуки для розробників
• Мінуси: орієнтований на одну тему, немає безкоштовної версії для тесту, ціна вища за середню для ніші
• Ціна: $49 на рік
• Завантажити: 🔗 Storefront Blocks на PootlePress

5. Product Blocks for WooCommerce

Легковагий плагін від Get Bowtied із шістьма спеціалізованими WooCommerce-блоками. Серед них ефектний Lookbook Shop by Outfit (товари на фотографії з мітками), Product Reveal (прев’ю товару при наведенні), Vertical Product Slider, Scattered Product List і Product Carousel.

Фішка плагіна у візуально нестандартних розкладках. Блок Product Reveal показує велике фото товару при наведенні курсора, для fashion-магазинів і каталогів це працює краще за стандартну сітку. Карусель і Scattered List дають варіанти відображення, яких немає в базовому WooCommerce.

Плагін оновлювався до WordPress 6.7.5 і WooCommerce 9.7.0, але з жовтня 2023 не було значних релізів, понад 4 000 активних встановлень. Для невеликого магазину з потребою в гарній розкладці товарів підходить, але якщо потрібна активна підтримка й часті оновлення, дивіться WowStore або Kadence Blocks.

• Плюси: унікальні розкладки (Lookbook, Product Reveal), легкий, не вантажить зайвого CSS і JS
• Мінуси: оновлення рідкісні, всього 6 блоків, техпідтримка повільна
• Ціна: безкоштовно
• Завантажити: 🔗 Product Blocks for WooCommerce на WordPress.org

6. Stackable

Один із найпотужніших плагінів блоків для Gutenberg: понад 75 блоків, глобальна система дизайну, бібліотека з понад 375 готових макетів і підтримка theme.json. Для WooCommerce це означає, що будь-який блок можна стилізувати під дизайн магазину глобально: шрифти, кольори, відступи застосовуються до всього сайту одночасно.

У безплатній версії доступні ключові блоки: контейнери на Flexbox, каруселі, акордеони, вкладки, таблиці цін, картки, форми підписки. Pro-версія додає динамічний контент (підтягує дані з кастомних полів WooCommerce), інтеграцію з ACF і Toolset, анімацію під час скролу та Role Manager для агенцій.

Stackable завантажує мінімальний CSS і JS, близько 7,8 КБ на сторінку, без jQuery. Для магазину з високою відвідуваністю це важливо: зайва вага блоків не ріже швидкість завантаження. Понад 60 000 активних установок, активна розробка.

• Плюси: глобальні стилі, легкий код (близько 7,8 КБ), понад 375 готових макетів, чуйна підтримка
• Мінуси: динамічний контент та WooCommerce-інтеграція лише в Pro, новачкові потрібен день на освоєння
• Ціна: Free / Pro $49 на рік
• Завантажити: 🔗 Stackable на WordPress.org | 🔗 Pro-версія

7. WooCommerce Cart & Checkout Blocks

Офіційний плагін від команди WooCommerce для заміни стандартних сторінок кошика та чекауту на блокові версії. На відміну від класичного шорткоду woocommerce_cart, блокові версії редагуються візуально в Gutenberg: можна змінювати поля, порядок кроків, кольори та шрифти без коду.

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

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

• Плюси: офіційний продукт WooCommerce, візуальне редагування чекауту, миттєва валідація полів
• Мінуси: ціна за запитом на WooCommerce.com, лише кошик і чекаут (не вітрина)
• Ціна: за запитом на WooCommerce.com
• Завантажити: 🔗 Cart & Checkout Blocks на WooCommerce.com

8. PublishPress Blocks

Вирізняється серед конкурентів системою керування блоками: права доступу за ролями, розклад показу блоку, видимість за типом пристрою, браузером або днем тижня. Це не просто «ще один набір блоків» — це контроль над тим, хто, де і коли бачить кожен блок.

Для WooCommerce це корисно в кількох сценаріях: показувати блок з акцією лише власникам ролі оптовий покупець, приховувати кнопку купівлі на мобільних, запускати святковий банер за розкладом. В арсеналі понад 20 блоків, зокрема WooCommerce Products (сітка та слайдер товарів), Contact Form, акордеони, вкладки, карти Google.

З мінусів: ціна Pro-версії 129 доларів на рік, одна з найвищих у добірці. Безплатна версія містить основні блоки, але просунуті функції видимості в Pro.

• Плюси: керування видимістю блоків (ролі, пристрої, розклад), WooCommerce-блок з коробки, сканування використання блоків на сайті
• Мінуси: Pro-версія дорога (129 доларів), інтерфейс permissions потребує часу на налаштування
• Ціна: Free / Pro $129 на рік
• Завантажити: 🔗 PublishPress Blocks на WordPress.org | 🔗 Pro-версія

9. PostX

Конструктор блогів і новинних сайтів на Gutenberg від WPXPO, але з корисним бонусом для WooCommerce-магазинів. Плагін дає понад 45 блоків і понад 250 готових патернів для побудови сіток контенту, а через Query Builder можна виводити товари WooCommerce в будь-якому форматі: сітка, список, слайдер, Masonry-розкладка.

Для магазину з активним блогом PostX закриває задачу красиво показати товари всередині статей. Підтримуються Ajax-пагінація та фільтрація без перезавантаження сторінки, фронтенд-надсилання постів (корисно для guest-авторів), вбудований AI-асистент ChatGPT для генерації контенту. Понад 65 000 активних установок.

Плагін не замінює вітрину WooCommerce, для цього потрібен WowStore (теж від WPXPO). Але для контентної частини магазину (огляди, добірки, новини з товарними вставками) інструмент чудовий.

• Плюси: 250 плюс патернів, Ajax-фільтрація без перезавантаження, фронтенд-сабміт постів, безкоштовна версія щедра
• Мінуси: не для вітрини магазину (тільки для контенту), налаштування Query Builder займає час
• Ціна: Free / Pro $49 на рік
• Завантажити: 🔗 PostX на WordPress.org | 🔗 Pro-версія

10. WooBuilder Blocks

Ще один плагін від PootlePress, що спеціалізується на кастомізації картки товару WooCommerce. На відміну від Storefront Blocks (номер 4 у списку), WooBuilder сфокусований саме на сторінці товару: дає 20 плюс eCommerce-блоків для складання унікального шаблону картки з нуля.

Можна побудувати шаблон для простого товару, варіативного, групового, віртуального або завантажуваного, і призначити різним категоріям товарів різні шаблони. Блоки дозволяють змінювати фон, приховувати або показувати сайдбар, хедер і футер на сторінці товару.

У комплекті готові шаблони для швидкого старту і можливість зберігати власні. Ліцензія 49 доларів включає довічні оновлення та 12 місяців підтримки.

• Плюси: фокус на картці товару (не розпорошується), різні шаблони для різних типів товарів, довічні оновлення
• Мінуси: тільки картка товару (не вітрина і не каталог), немає безкоштовної версії
• Ціна: $49 (довічні оновлення)
• Завантажити: 🔗 WooBuilder Blocks на PootlePress

11. Kadence Blocks

Kadence Blocks від команди Kadence WP (тепер частина Nexcess), один із найпопулярніших плагінів блоків із 500 000 плюс активних установок. Для WooCommerce пропонує просунуті блоки: форма замовлення, галерея товарів, сітка постів (можна виводити товари як пости), акордеони з описом характеристик, таби для деталей товару.

Сильна сторона в дизайн-контролі: 900 плюс Google-шрифтів, градієнти, parallax-фони, анімація при скролі (Pro). Блоки інтелектуально підвантажують CSS і JS тільки коли використовуються на конкретній сторінці, швидкість не просідає. Kadence Blocks чудово товаришує з темою Kadence (безкоштовною), але працює з будь-якою сучасною темою.

Pro-версія 89 доларів додає продуктову карусель, модальні вікна, Image Overlay, Split Content і динамічний контент із кастомних полів.

• Плюси: 500K плюс установок, інтелектуальне завантаження CSS і JS, 900 плюс шрифтів, сумісність із будь-якою темою
• Мінуси: WooCommerce-специфічні блоки тільки в Pro, налаштування типографіки надлишкові для простих задач
• Ціна: Free / Pro $89 на рік
• Завантажити: 🔗 Kadence Blocks на WordPress.org | 🔗 Pro-версія

12. Qubely

Ветеран серед Gutenberg-плагінів від Themeum із 39 контент-блоками та 161 готовою секцією. Для WooCommerce пропонує блоки Woo Products і Woo Carousel, можна виводити товари сіткою або каруселлю прямо в Gutenberg.

Серед унікальних блоків: Table Builder (конструктор таблиць, корисно для порівняння товарів), Image Comparison (слайдер до і після), Video Popup, Pie Progress (кругові діаграми). Система рядків і колонок дає змогу збирати складні розкладки з 6 колонками в ряду, більше ніж у більшості конкурентів.

Плагін має попередження «не тестувався з останніми 3 релізами WordPress», але стабільно працює у 30 000 плюс користувачів. Якщо потрібне порівняння товарів через таблиці та ефектні візуальні блоки, Qubely закриває цю нішу. Для активної розробки та частих оновлень краще дивитися Kadence Blocks або Stackable.

• Плюси: конструктор таблиць для порівняння товарів, 161 готова секція, Image Comparison до і після
• Мінуси: рідко тестується з новими версіями WP, інтерфейс блочний (не інтуїтивний), підтримка повільна
• Ціна: безплатно в каталозі WordPress.org
• Завантажити: 🔗 Qubely на WordPress.org

⁉️🤔 Часті запитання

Чи потрібен узагалі окремий плагін блоків для WooCommerce у 2026 році?

Якщо магазин невеликий, скоріше ні. Базові блоки WooCommerce (вбудовані в ядро) закривають 80 відсотків потреб: виведення товарів, фільтри, кошик, чекаут. Плагін потрібен, коли вимагається нестандартна розкладка картки товару, кастомна сітка каталогу, Ajax-фільтрація або конверсійні механіки (вішліст, таймери, порівняння).

Який плагін взяти, якщо бюджет нульовий?

Беріть зв'язку з трьох безплатних: вбудовані блоки WooCommerce (вітрина), Ultimate Blocks (огляди товарів зі schema-розміткою) і Kadence Blocks (дизайн і типографіка). Усі три безплатні й не конфліктують між собою.

Плагіни блоків уповільнюють сайт магазину?

Хороші ні. Stackable вантажить близько 7.8 КБ, Kadence Blocks підвантажує CSS тільки для використовуваних блоків. Проблеми виникають, якщо поставити 3-4 плагіни блоків одночасно й увімкнути всі блоки, тоді дублюються стилі та скрипти. Правило: один основний плагін блоків, решта тільки під конкретне завдання.

Чим WowStore відрізняється від Kadence Blocks для WooCommerce?

WowStore — це спеціалізований WooCommerce-конструктор із вітриною, кошиком і конверсійними інструментами з коробки. Kadence Blocks — це універсальний дизайн-інструмент із потужною типографікою та анімацією, але WooCommerce-блоки тільки в Pro. Якщо магазин є ядром бізнесу, беріть WowStore. Якщо робите сайт із магазином як частиною, Kadence.

Чи можна використовувати два плагіни блоків одночасно?

Можна, але обережно. Однакові блоки (наприклад, два слайдери) можуть конфліктувати через різні версії бібліотек (Swiper.js, Slick). Вимикайте непотрібні блоки в налаштуваннях кожного плагіна й тестуйте на копії сайту перед викочуванням.

Що ставити у 2026 році: підсумковий розклад

Вибір плагіна впирається в масштаб магазину та завдання. Якщо у вас 20-30 товарів і стандартна тема, вбудованих блоків WooCommerce вистачить із запасом. Додайте Kadence Blocks для гарного оформлення описів товарів, і магазин виглядає професійно без платних плагінів.

Коли асортимент зростає і стандартної сітки не вистачає, підключайте WowStore. Він закриває вітрину, кошик і конверсію одним плагіном. Для контентної частини (огляди, добірки, блог) PostX дає сітки постів із товарними вставками.

Агентствам і дизайнерам, які збирають магазини під замовника, варто подивитися на Stackable плюс глобальну систему стилів: один раз налаштували, застосувалося на всьому сайті. Плюс Role Manager у Pro-версії захищає дизайн від випадкового редагування клієнтом.

• Якщо магазин до 50 товарів і потрібно просто красиво, Kadence Blocks (Free)
• Якщо інтернет-магазин є основним бізнесом і потрібна конверсія, WowStore
• Якщо робите магазини на потік (агентство), Stackable Pro
• Якщо потрібна блогова частина з товарними вставками, PostX плюс Ultimate Blocks

Який плагін блоків для WooCommerce використовуєте ви? Напишіть у коментарях, особливо якщо пробували зв'язку з кількох інструментів.