Кастомний макет сторінки без жодного рядка коду, звучить як мрія. Особливо коли тема WordPress «з коробки» не дає потрібної структури, а верстати руками ніколи. Конструктори сторінок вирішують цю проблему: встановлюєш плагін, перетягуєш блоки мишею й отримуєш лендинг, портфоліо або головну за годину.

WPBakery Page Builder, один із найстаріших і найпоширеніших конструкторів такого типу. За даними каталогу CodeCanyon, плагін має понад 2 мільйони активних користувачів і понад 5 000 оцінок. Він вбудований у сотні преміум-тем на ThemeForest і досі активно оновлюється, актуальна версія 8.7.3 вийшла в травні 2026.

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

• Встановіть WPBakery з каталогу CodeCanyon або з комплекту вашої теми, активуйте й отримайте режим конструктора на будь-якій сторінці
• Зберіть структуру: додайте ряд, розбийте на колонки та наповніть елементами, текст, кнопки, галереї, слайдери
• Відредагуйте візуально: перетягніть блоки в потрібному порядку, налаштуйте відступи та фон через панель ряду
• Збережіть макет як шаблон, використовуйте повторно на інших сторінках одним кліком

Що таке WPBakery Page Builder

WPBakery (раніше відомий як Visual Composer) — це плагін-конструктор сторінок для WordPress, розроблений командою WP Bakery. Він продається на CodeCanyon і постачається у складі багатьох популярних тем. Важливий момент: не плутайте його з окремим продуктом Visual Composer на visualcomposer.com — це два різні плагіни зі схожими назвами.

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

Встановлення та перші кроки

Плагін встановлюється стандартно: завантажте ZIP-архів з особистого кабінету CodeCanyon або з комплекту вашої теми, завантажте через Плагіни → Додати новий → Завантажити плагін та активуйте. Ліцензія Regular коштує $59 за один сайт з довічними оновленнями.

Після активації на сторінці редагування з’являються нові кнопки: перехід між класичним редактором і режимом конструктора, а також кнопка фронтенд-редактора.

Далі, тільки ваша уява. Додавайте рядки, колонки, кнопки, текст, зображення через панель елементів. Готовий макет можна зберегти як шаблон для повторного використання.

Будуємо сторінку: ряди, колонки та елементи

Ряди та колонки

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

Базові розкладки: 1/2+1/2, 1/3+2/3, 1/4+3/4 та їхні дзеркальні варіанти. Комбінуючи ряди з різними макетами, ви збираєте повноцінну сітку сторінки без CSS.

Елементи сторінки

Натисніть кнопку «Додати елемент», відкриється спливне меню з усіма доступними модулями. У стандартному постачанні WPBakery: текстові блоки, заголовки, кнопки, зображення, галереї, акордеони, вкладки, перемикачі, блоки останніх записів і віджети сайдбару.

Кількість елементів залежить від теми та активних плагінів. Багато преміум-тем додають власні модулі, адаптовані під їхній дизайн: каруселі, роздільники, поля іконок, віхи та таймлайни.

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

Конструктор з коробки підтримує чотири популярні сторонні плагіни: Layer Slider, Revolution Slider, Gravity Forms і Contact Form 7. Якщо будь-який із них встановлено, для теми автоматично з’являється елемент сторінки. Під час вставлення WPBakery показує випадний список зі слайдерами або формами, які ви створили раніше. Копіювати шорткоди вручну не потрібно.

Перетягування та шаблони

Будь-який рядок або елемент можна перетягнути в нове місце в будь-який момент. Доступне дублювання рядків та елементів, що зручно для повторюваного контенту: однакових колонок, перемикачів або FAQ-блоків.

Коли макет готовий, збережіть його як шаблон: натисніть кнопку «Шаблони», задайте ім’я та підтвердьте. Під час створення нової сторінки шаблон розгортається з усіма збереженими елементами та налаштуваннями.

Параметри ряду

У лівому куті кожного рядка три іконки для керування: клонування всього рядка з вмістом, додавання нових модулів і редагування колонок.

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

Фронтенд-редактор

WPBakery містить живий фронтенд-редактор: ви бачите сторінку очима відвідувача й правите текст, зображення та відступи прямо на місці. Клік по елементу відкриває панель налаштувань, а результат видно одразу.

Не всі теми підтримують фронтенд-редактор. Перевірте список функцій теми або зв’яжіться з розробником, щоб дізнатися про сумісність. Теми, створені з розрахунком на WPBakery, зазвичай мають повну підтримку обох режимів: і бекенду, і фронтенду.

Розширення та шорткоди

WPBakery підтримує інтеграцію сторонніх шорткодів. На сторінці налаштувань плагіна перейдіть на вкладку «Мої шорткоди» та натисніть «Зіставити шорткоди». Система підтягне всі зареєстровані шорткоди з сайту та додасть їх до меню елементів конструктора.

Якщо ви розробник, API плагіна дає змогу додати власні модулі до інтерфейсу конструктора. Для звичайних користувачів на CodeCanyon є десятки аддонів, які розширюють стандартний набір елементів: сітки постів, картки товарів, розширені галереї та слайдери.

Налаштування плагіна

WPBakery працює не лише зі сторінками, а й із записами та довільними типами контенту. Перейдіть у Налаштування → WPBakery Page Builder і позначте галочками типи контенту, де потрібен конструктор.

Плагін автоматично відображає всі типи контенту, зареєстровані в темі: сторінки, записи, портфоліо, відгуки, продукти WooCommerce, форуми bbPress. Позначте потрібні та збережіть.

Де взяти WPBakery

WPBakery Page Builder продається на CodeCanyon за $59, ліцензія Regular для одного сайту з довічними оновленнями. Розширена ліцензія для включення в тему або плагін коштує дорожче.

Багато преміум-тем включають WPBakery у вартість: купуючи тему, ви отримуєте ліцензію на конструктор без окремої оплати. Якщо обираєте тему для нового проєкту, наявність вбудованого WPBakery економить $59 і години на перевірку сумісності.

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

Visual Composer і WPBakery — це одне й те саме?

Так. У 2017 році плагін Visual Composer змінив назву на WPBakery Page Builder, щоб уникнути плутанини з продуктом Visual Composer Website Builder (visualcomposer.com). Код і функціональність залишилися ті самі, змінилася лише назва.

Чи потрібно вміти програмувати?

Ні. Конструктор розрахований на повну відсутність коду. Ви збираєте сторінку з готових блоків через drag-and-drop. Знадобляться лише базові навички роботи з адмінкою WordPress: встановити плагін, створити сторінку, натиснути «Зберегти».

Чи працює WPBakery з будь-якою темою?

З більшістю, так. Але глибина інтеграції різна. Одні теми просто не заважають конструктору, інші додають власні модулі, стилі та сітки. Перед купівлею теми перевірте в описі рядок «Compatible with WPBakery Page Builder».

Чи можна використовувати WPBakery на кількох сайтах?

Стандартна ліцензія Regular, $59 для одного проєкту. Для двох і більше проєктів купуйте окремі ліцензії або розгляньте розширену, якщо плануєте включати плагін до складу свого продукту.

Чим WPBakery відрізняється від Elementor?

Elementor — це новіший конструктор із великою безплатною версією та сучасним інтерфейсом. WPBakery, перевірений ветеран, глибоко інтегрований в екосистему ThemeForest: сотні тем постачаються саме з ним. Вибір між ними — це питання вподобань щодо інтерфейсу та конкретної теми.

Чи варто брати WPBakery у 2026

Якщо ваша тема вже містить WPBakery, користуйтеся — це зрілий інструмент із регулярними оновленнями та величезною базою аддонів. Якщо обираєте тему з нуля, дивіться на конструктор, який вам зручніший у повсякденній роботі, а не на гучні порівняння. І WPBakery, і Elementor здатні зібрати професійний сайт. Вирішальний фактор, у якому інтерфейсі вам комфортніше працювати, тому що сторінки будете правити саме ви.