Зібрати сайт на WordPress без коду, завдання цілком реальне. Але стандартний редактор зустрічає порожнечею: заголовок, абзац, і все. А вам потрібні колонки, кнопки, галереї, drag-and-drop. Саме під цей запит і заточений WPBakery Page Builder, найпоширеніший page builder для WordPress із довічною ліцензією.

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

Нижче, повний розбір WPBakery зразка 2026 року: встановлення, налаштування, редактори, елементи, AI-інструменти, тарифи та сумісність. Без води, з прив'язкою до практики.

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

• Встановлення через пряму покупку на CodeCanyon (€69, довічна ліцензія) або у складі преміум-теми
• Перший запуск: General Settings, Role Manager, активація ліцензії
• 50+ вбудованих елементів: текст, медіа, графіки, сітки, віджети
• Два режими збирання: бекенд-редактор для каркаса, фронтенд для візуального доведення
• Ряди та колонки: drag-and-drop, клонування, гнучке налаштування фону та відступів
• WPBakery AI генерує текст і код прямо в інтерфейсі редактора
• Сумісність із WooCommerce, WPML, Yoast SEO, Slider Revolution, Contact Form 7

Що таке WPBakery і чим він відрізняється від старого Visual Composer

До 2017 року плагін називався Visual Composer. Потім розробник розділив продукт: WPBakery Page Builder залишився page builder'ом для WordPress, а Visual Composer Website Builder перетворився на окремий standalone-продукт з іншим інтерфейсом. Якщо в старих статтях бачите «Visual Composer guide», ідеться саме про WPBakery. Інтерфейс, логіка, набір елементів, усе те саме, змінилася лише назва та branding.

Плагін працює з будь-якою правильно написаною темою WordPress. Неважливо, безкоштовна вона з репозиторію чи преміум-шаблон із ThemeForest. WPBakery адаптується під структуру теми та не ламає верстку. На практиці це означає, що ви не прив'язані до конкретного шаблону: переїхали на іншу тему, сторінки залишаються робочими.

З коробки доступно понад 50 елементів контенту. Плюс інтеграція з WooCommerce додає ще 17 елементів, а сторонні розширення, ще сотні. Офіційна сумісність із Contact Form 7, Slider Revolution, LayerSlider, WPML, Polylang та Yoast SEO закриває практично будь-який сценарій.

Встановлення WPBakery: два шляхи

Шлях 1: купівля власної ліцензії

Ліцензія на 1 сайт коштує €69 згідно з даними офіційного тарифного плану. Це довічна модель: заплатили раз, користуєтеся безстроково. У ціну включено рік підтримки, доступ до бібліотеки шаблонів, WPBakery AI та автооновлення.

Купуєте на CodeCanyon. Після оплати переходите в розділ Downloads, натискаєте зелену кнопку Download і вибираєте «Installable WordPress file only».

Завантажений zip-файл завантажуєте через «Плагіни → Додати новий → Завантажити плагін» в адмінці WordPress.

Після активації система запропонує прив'язати ліцензію. Натискаєте посилання вгорі екрана, а потім велику синю кнопку активації.

Відкриється портал WPBakery для підтвердження покупки через Envato-акаунт. Натискаєте зелену Approve, плагін перевіряє, що email справді прив’язаний до придбаної ліцензії.

Готово. WPBakery активовано та готовий до роботи. Тепер у будь-якому редакторі сторінок і постів з’явиться кнопка перемикання в режим WPBakery.

Шлях 2: плагін у складі преміум-теми

Багато преміум-тем містять WPBakery в комплекті. Це той самий плагін, але без прямого доступу до автооновлень, оновлення надходять через автора теми.

Встановлюєте тему через «Зовнішній вигляд → Теми → Додати нову → Завантажити тему». У комплекті з темою йде zip-архів, всередині якого лежить інсталяційний файл теми.

Після активації тема пропонує встановити рекомендовані плагіни, серед них буде WPBakery Page Builder.

Вибираєте «Install» у випадному списку, позначаєте потрібні плагіни та натискаєте Apply.

Активувати ліцензію через Envato в цьому випадку не потрібно, власного ліцензійного коду у вас немає. Функціонал плагіна повний, але оновлень доведеться чекати від автора теми.

Перший запуск і налаштування

Після встановлення в бічному меню адмінки з’являється пункт «WPBakery Page Builder». Відкриваємо налаштування.

General Settings, базові опції. Тут вмикаєте та вимикаєте адаптивне згортання колонок на мобільних: три колонки перетворюються на три вертикальні ряди, а не стискаються в нечитабельні смужки. Тут же вибираєте підмножину Google Fonts і скидаєте навчальні тури плагіна.

Role Manager контролює доступ до функцій WPBakery за ролями користувачів. Адміністратору, все, редактору, тільки сторінки та пости, контриб’ютору, нічого. На практиці це рятує від ситуації, коли клієнт або молодший співробітник випадково змінює дизайн-налаштування ряду та ламає верстку на всій сторінці. Налаштування доступу, страховка від людського фактора.

Product License, вкладка для власників прямої ліцензії. Якщо плагін надійшов у складі теми, цей розділ можна пропустити.

50+ Вбудованих елементів контенту

WPBakery з коробки дає понад 50 елементів. Ось повна карта того, що доступно одразу після встановлення.

У кожного елемента дві вкладки: загальні налаштування (General) і дизайн-опції (Design Options). Можна задати колір, рамку, відступи, анімацію, кастомний CSS. Цього набору вистачає для більшості типових сторінок: лендинг, портфоліо, корпоративний сайт збираються зі стандартних елементів без жодного аддону. Специфічні сценарії на кшталт динамічних таблиць або кастомних сіток закриваються розширеннями, про них далі.

Розширення: вбудовані та сторонні

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

Розширення через тему. Деякі теми додають власні елементи. Наприклад, тема Total додає 39 елементів: кастомні типи постів (відгуки, співробітники, портфоліо), галереї, слайдери. Працюють лише з активною темою Total.

Сторонні плагіни-розширення. На CodeCanyon сотні аддонів. Ultimate Addons for WPBakery, один із флагманських: додає десятки елементів, від ціноутворювальних таблиць до просунутих кнопок. Templatera (офіційний аддон, €12), менеджер шаблонів. Easy Tables (€12), конструктор таблиць.

Офіційний список сумісних аддонів, у розділі Addons на сайті WPBakery.

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

Бекенд-редактор vs фронтенд-редактор

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

Бекенд-редактор показує елементи як прямокутні блоки з підписами. Швидше на слабкому хостингу: немає рендерингу прев’ю. Зручно для складання дротяного каркаса: накидали ряди, колонки, заглушки, а візуальне доведення пізніше.

Натискаєте бірюзову кнопку «+ Add Element» і вибираєте потрібний елемент зі спливного вікна.

Елементи вставляються один за одним, порядок змінюється перетягуванням.

Фронтенд-редактор, повноцінний візуальний режим. Сторінка виглядає як у відвідувача: реальні розміри зображень і точні кольори кнопок.

У верхній панелі, прев’ю для десктопа, планшета й телефона. Одним кліком бачите, як сторінка виглядає на кожному пристрої.

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

Робота з рядами, колонками й елементами

Ряди (Rows)

Ряд, базова одиниця верстки у WPBakery. Без ряду не можна вставити жоден елемент. При наведенні з’являються сині іконки керування.

• Іконка ряду, перетягування для зміни позиції на сторінці
• Олівець, налаштування ряду: ID для локального скролу, розтягування на всю ширину, повноекранна висота, фон (колір, зображення, відео, паралакс), анімація, типографіка, відступи
• Колонки, вибір кількості (до 6 стандартних, можна задати кастомну)
• Плюс, додати новий ряд нижче
• Дублювання, клонує ряд з усім вмістом
• Кошик, видаляє ряд цілком

Колонки

Жовті іконки керують колонками всередині ряду.

• Олівець колонки, видимість на мобільних, анімація, мінімальна висота, фон, відступи, адаптивні налаштування (ширина, відступи, приховування за пристроями)
• Плюс всередині колонки, додає елемент нагору колонки
• Кошик, видаляє колонку з вмістом. Після видалення ширина решти колонок не перераховується автоматично, перевірте та виправте вручну.

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

Всередині колонок розміщуються елементи. При наведенні на вставлений елемент з’являються помаранчеві іконки.

• Олівець, відкриває налаштування елемента
• Дублювання, клонує елемент з усіма параметрами
• Кошик, видаляє тільки цей елемент

Дизайн-опції: фон, рамки, відступи

Вкладка Design Options є в кожного елемента, ряду та колонки. Це серце візуальної кастомізації WPBakery.

Вкладка General, унікальні налаштування конкретного елемента. Для Message Box: стиль, форма, колір, іконка, текст, анімація. Для Button: текст, URL, стиль, форма, колір, розмір, вирівнювання, іконка. Набір опцій різниться від елемента до елемента.

Шестерня у правому верхньому куті зберігає налаштування як пресет для повторного використання або як значення за замовчуванням.

Вкладка Design Options, універсальні налаштування зовнішнього вигляду:

• Фон: колір або зображення
• Рамка: стиль, колір, товщина, заокруглення
• Відступи: margin (зовнішній) і padding (внутрішній)
• Simplify Controls згортає чотири поля (top/right/bottom/left) в одне універсальне

Нюанс: фон обмежений рамкою. Збільшуєте padding, розширюєте видимий фон. Збільшуєте margin, додаєте порожній простір навколо, крізь який видно фон ряду або сторінки. На практиці це дає тонкий контроль: біла картка на сірому фоні сторінки створюється додаванням фону елементу плюс padding 30px, а відступ між картками, margin-bottom 20px у верхньої.

Для деяких елементів (наприклад, Post Grid) є додаткові вкладки: Data Settings та Item Design. Data Settings задає джерело даних (який тип постів, скільки, сортування, фільтр за категорією), а Item Design налаштовує зовнішній вигляд кожної картки в сітці: чи показувати featured image, excerpt, дату, автора. Розширення тем (такі як Total Staff Grid) додають ще більше опцій: параметри запитів, кастомний кроп зображень, мета-поля, соцмережі, excerpt'и. Це особливо цінно для кастомних типів постів: збираєте сторінку «Наша команда» або «Портфоліо» візуально, без жодного рядка PHP.

Сумісні плагіни

WPBakery працює у зв'язці з десятками плагінів. Ось ключові.

WooCommerce, стандарт інтернет-магазинів на WordPress. Активуєте WooCommerce, і WPBakery отримує 17 нових елементів для сторінок товарів, кошика, оформлення замовлення. Безкоштовно. Елементи WooCommerce вбудовуються через стандартний інтерфейс додавання, жодних додаткових налаштувань не потрібно, просто встановили обидва плагіни і працюєте.

Slider Revolution, преміум-слайдер із drag-and-drop усередині слайда. Текст, кнопки, відео, анімації. Ідеальний для головної сторінки. WPBakery додає спеціальний елемент «Slider Revolution» до загальної панелі, слайдер вставляється одним кліком.

LayerSlider, конкурент Slider Revolution із власним конструктором переходів. Теж преміум, теж товаришує з WPBakery з коробки. Вибір між ними зводиться до вподобань щодо інтерфейсу: Slider Revolution дає більше готових шаблонів, LayerSlider, гнучкіший конструктор анімацій.

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

Yoast SEO, головний SEO-плагін WordPress. Повна сумісність: WPBakery-сторінки індексуються без проблем.

WPML, преміум-переклад для мультимовних сайтів. Перекладає кожен елемент WPBakery-сторінки окремо.

Polylang, безкоштовна альтернатива WPML. Повна сумісність із WPBakery.

Повний список сумісних плагінів регулярно поповнюється в офіційному каталозі WordPress.

WPBakery AI та нові функції 2024-2026

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

SEO Toolkit, вбудований набір для оптимізації: контроль заголовків, мета-описів, Open Graph-тегів. Працює всередині WPBakery, без додаткових плагінів. Перевіряє читабельність, щільність ключових слів і довжину мета-тегів прямо на сторінці редагування.

Grid Builder (оновлений у 2024), конструктор сіток постів і медіа з 40+ попередньо встановленими стилями. Збираєте картки постів, портфоліо, кастомні типи записів візуально, без коду. Налаштування колонок, відступів, типографіки та анімації карток, усе через інтерфейс drag-and-drop.

Template Library поповнюється новими макетами. На червень 2026 доступно понад 80 готових шаблонів сторінок і секцій, від лендингів до портфоліо. Кожен шаблон можна імпортувати за пару кліків і адаптувати під свої кольори та шрифти.

Тарифи WPBakery у 2026 році

Усі ліцензії WPBakery довічні. Платите один раз, користуєтеся безстроково. У ціну включено рік Support Plus (підтримка, автооновлення, бібліотека шаблонів, AI).

Support Plus продовжується за €22,99 на рік. Програма лояльності дає знижку 5% за кожен рік автопродовження, з лімітом у 50%. За даними офіційного тарифного плану, передплатники Support Plus додатково отримують Templatera та Easy Tables безкоштовно (кожен аддон коштує €12).

Є Agency Program для оптових ліцензій (від 20 сайтів). Безкоштовна демо-пісочниця доступна на сайті WPBakery, можна протестувати без реєстрації. 15-денне повернення коштів у разі прямої покупки. Для тих, хто будує сайти на замовлення, Regular-ліцензія на кожен проєкт окупається з першого клієнта і не потребує щорічних продовжень — це ключова перевага перед конкурентами з передплатою.

Відео: WPBakery з нуля за 20 хвилин

Офіційний відеоурок WPBakery для початківців: встановлення, інтерфейс, базові елементи за 18 хвилин. Англійською, але інтерфейс інтуїтивно зрозумілий.

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

WPBakery — це Visual Composer чи ні?

До 2017 року WPBakery називався Visual Composer. Потім розробник розділив бренд: WPBakery Page Builder залишився page builder'ом для WordPress, а Visual Composer Website Builder став окремим продуктом. Якщо в старій статті пишуть «Visual Composer guide», ідеться про WPBakery. З практичного погляду різниці немає: інтерфейс, логіка роботи, набір елементів, усе те саме. Змінилася лише назва та branding.

Чи можна використовувати WPBakery з будь-якою темою?

WPBakery працює з будь-якою правильно закодованою темою WordPress. Плагін адаптується під структуру теми.

Але зовнішній вигляд сторінок залежить від стилів теми: кольори, шрифти, ширина контентної області успадковуються з активної теми. На практиці найкраща сумісність із темами, які явно заявляють підтримку WPBakery: Total, Jupiter, The7, Bridge. На таких темах ви отримуєте додаткові елементи та попередньо встановлені макети.

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

Обидва, візуальні page builder'и. Ключові відмінності: WPBakery дає бекенд-редактор (модульний вигляд), у Elementor його немає. WPBakery продається за довічною ліцензією від €69, Elementor Pro, за річною передплатою (від $59/рік за 1 сайт за даними elementor.com). У WPBakery ширша сумісність із темами та плагінами завдяки віку (на ринку з 2011 року). У Elementor сучасніший інтерфейс і більше безкоштовних елементів.

Вибір зводиться до пріоритетів: потрібна довічна ліцензія та бекенд-редактор, WPBakery. Потрібен сучасніший інтерфейс і регулярні оновлення за передплатою, Elementor.

Чи потрібно знати код для роботи з WPBakery?

Ні. Базові сторінки збираються повністю візуально, drag-and-drop. Але для тонкого кастомізування (свій CSS, кастомні запити в Post Grid) знадобляться базові знання. Вкладка Custom CSS є в кожного елемента, ряду та колонки.

На практиці більшість завдань розв'язуються без рядка коду. Кастомні стилі та специфічні сітки потребують базового CSS, але це радше виняток, ніж правило.

Що з продуктивністю сайту на WPBakery?

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

Оптимізація: кешуйте сторінки через WP Rocket або хостинг-кеш, мінімізуйте кількість увімкнених аддонів, стискайте зображення. На практиці грамотно налаштований WPBakery-сайт завантажується за 1,5-2 секунди на хорошому хостингу.

Як оновлювати WPBakery після завершення року підтримки?

Ліцензія довічна, оновлення доступні завжди. Але автооновлення працюють лише за активного Support Plus. Без нього завантажуєте нову версію з акаунта на CodeCanyon вручну та завантажуєте через FTP або «Плагіни → Додати новий → Завантажити плагін».

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

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

WPBakery, правильний вибір, коли потрібен надійний, передбачуваний page builder без щорічних платежів. Довічна ліцензія від €69 окупається на першому ж проєкті.

Беріть WPBakery, якщо: бюджетуєте разову покупку, а не передплату; збираєте сайт на преміум-темі з bundled-версією; потрібен бекенд-редактор для швидкого складання скелета; працюєте з WooCommerce і мультимовністю.

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

Спробуйте безкоштовну демо-пісочницю на wpbakery.com. За 20 хвилин зберете тестову сторінку і зрозумієте, ваш це інструмент чи ні. 15-денне повернення коштів у разі прямої покупки дає додатковий простір для тесту без фінансового ризику. Якщо вже працюєте з WPBakery, напишіть у коментарях, які розширення використовуєте, живі кейси завжди корисніші за чужі рейтинги.