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

Але WordPress з коробки не дає настроюваного блока-акордеона з анімацією, іконками та стилями. Так, з версії 6.7 з’явився блок Details/Summary, але він мінімальний: без кастомізації, без Schema-розмітки та без шорткоду для вставки в шаблон. Для системної роботи потрібен плагін.

Ми відібрали п’ять рішень від простого шорткоду до конструктора з AI-генерацією FAQ. Кожне перевірили на живучість (усі оновлювалися у 2026), сумісність із Gutenberg і Elementor, чесно порівняли тарифи на практиці. Без рекламних формулювань і «революційних» епітетів.

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

• Розгорніть акордеон через Gutenberg-блок або шорткод, кожен плагін додає свій спосіб вставки.
• Налаштуйте зовнішній вигляд мишею: кольори, іконки, шрифти й анімацію, усі п’ять дають візуальний кастомізатор.
• Додайте Schema FAQ-розмітку, Accordions та Easy Accordion генерують її автоматично для Google-сніпетів.
• Вбудуйте акордеон через шорткод, віджет або PHP-шаблон, кожен плагін підтримує щонайменше два способи.

Порівняльна таблиця

1. Accordions

Комбайн від PickPlugins із React-конструктором усередині. Збирає акордеони, таби, FAQ і бази знань без прив’язки до конкретного редактора. Створюєте конфігурацію один раз, а вставляєте куди завгодно: у пост шорткодом, у сайдбар віджетом, у шаблон PHP-викликом.

На практиці це рятує сайти зі старим стеком: плагін працює в Classic Editor нарівні з Gutenberg. AI-генератор пише запитання й відповіді за темою, яку ви задаєте, і відразу обгортає їх у Schema-розмітку. Ліниве завантаження (lazy load) не дає прихованому контенту гальмувати сторінку, браузер підвантажує текст лише під час розкриття секції.

Плюси:

• AI-генерація FAQ з авторозміткою Schema, задали тему, за хвилину готова сторінка
• Ліниве завантаження контенту всередині секцій, сторінка не важчає від прихованого тексту
• Імпорт даних акордеонів із CSV і сторонніх джерел

Мінуси:

• Безплатна версія не дає змінювати час анімації розкриття
• Інтерфейс конструктора потребує звикання, крива навчання вища, ніж у конкурентів

Ціна: Lite безплатно, Pro $15 (довічна ліцензія на 1 сайт).

🔗 Accordions на WordPress.org🔗 Завантажити Pro

2. Accordion FAQ

Найлегший вхід, якщо потрібен саме FAQ-блок, а не універсальний конструктор. Accordion FAQ від Wpshopmart заточений під один сценарій, сторінка запитань і відповідей, і робить його чисто, без зайвих налаштувань.

Плагін побудований на Bootstrap, тому акордеон коректно відображається з будь-якою темою і не ламає мобільну верстку. Порядок запитань змінюється drag-and-drop прямо в адмінці. Toggle-режим тримає кілька секцій відкритими одночасно, collapse залишає лише одну. Перемикання між режимами однією галочкою.

Плюси:

• Необмежена кількість акордеонів і колірних схем
• 500+ Google Fonts у Pro-версії, стилізація заголовків без CSS
• 30 вбудованих анімацій розкриття, від простого fade до пружини

Мінуси:

• Тільки шорткод і віджет, нативного Gutenberg-блока немає
• Pro-версія за $9 дешево, але техпідтримка обмежена 6 місяцями

Ціна: Lite безплатно, Premium Personal $9 (6 місяців підтримки), Premium Business $27 (довічно).

🔗 Accordion FAQ на WordPress.org🔗 Завантажити Pro

3. Easy Accordion

Найпопулярніший плагін-акордеон у добірці: 80 000+ активних встановлень та оновлення 3.1.4 від червня 2026. ShapedPlugin додали AI-генератор FAQ прямо в інтерфейс блоку Gutenberg, і тепер контент для акордеона створюється за хвилину без виходу з редактора.

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

Плюси:

• 16+ преміум-тем у Pro з індивідуальними налаштуваннями під кожну
• Schema FAQ з коробки, пари запитань і відповідей автоматично отримують мікророзмітку
• Вбудована підтримка зображень усередині секцій та окремий тип «Image Accordion»

Мінуси:

• Несумісний з AMP-плагінами, на AMP-сторінках акордеон не розкриється
• Частина розширених тем та анімацій доступна лише у Pro за $29

Ціна: Lite безкоштовно, Pro $29 (річна ліцензія на 1 сайт).

🔗 Easy Accordion на WordPress.org🔗 Завантажити Pro

4. Accordion Slider

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

Плагін повністю безкоштовний. Жодної Pro-версії, жодних урізаних функцій. Усе, що вміє, віддає в ядрі. Горизонтальний і вертикальний режими, сенсорні свайпи на мобільних, навігація коліщатком миші. Всередину панелі поміщається текст, зображення або довільний HTML, включно зі шорткодами інших плагінів. Шари всередині панелі налаштовуються окремо — це ближче до конструктора слайдерів, ніж до акордеона.

Плюси:

• Повністю безкоштовний функціонал, без преміум-заглушок
• Retina-підтримка та ліниве завантаження зображень
• Drag-and-drop сортування панелей в адмінці з живим попереднім переглядом

Мінуси:

• Невелика база встановлень, 2 000+, нішевий інструмент
• Не підходить для текстових FAQ, заточений під візуальний контент і галереї

Ціна: повністю безкоштовно.

🔗 Accordion Slider на WordPress.org

5. Accordion Widget (Elementor)

Вбудований віджет-акордеон усередині Elementor. Рішення для тих, хто вже працює на цьому конструкторі та не хоче вішати окремий плагін заради одного блоку. Йде в ядрі Elementor Free, встановлення не потрібне.

Працює як типовий віджет Elementor: перетягнули на полотно, заповнили заголовки та контент секцій, вибрали іконку розкриття з бібліотеки. Готово. Усі стилі (відступи, рамки, тіні, типографіка) налаштовуються мишею у візуальному редакторі. HTML-теги заголовків від H1 до H6 вибираються з випадаючого списку.

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

Плюси:

• Нульове додаткове навантаження, віджет вбудовано в Elementor, який уже стоїть на сайті
• Повний візуальний контроль: HTML-теги заголовків, іконки, рамки, тіні
• Сумісний з іншими віджетами Elementor усередині секцій

Мінуси:

• Працює тільки всередині Elementor, несумісний із Gutenberg та Classic Editor
• Немає Schema FAQ, мікророзмітку доведеться додавати окремим плагіном

Ціна: безплатно у складі Elementor Free. Додаткові іконки та стилі через Elementor Pro ($59/рік).

🔗 Документація Accordion Widget

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

Чим акордеон відрізняється від tabs-віджета?

Акордеон розкриває секції вертикально, одну під одною. Нова секція зазвичай закриває попередню. Таби тримають заголовки в рядок і перемикають контент горизонтально. Акордеон краще для FAQ і довгих списків, таби, для паралельного порівняння 3-5 блоків. На сторінці з 10+ запитаннями таби на мобільному перетворюються на нечитабельну кашу, перевіряли на реальних макетах.

Який плагін брати для Gutenberg?

Easy Accordion та Accordions. Обидва додають нативний блок у редактор, обидва підтримують вкладені секції та Schema FAQ. Easy Accordion виграє за кількістю активних встановлень і набором візуальних тем у Pro. Accordions сильний AI-генерацією контенту та lazy load. Якщо сайт на Gutenberg і важлива швидкість роботи з коробки, Easy Accordion. Якщо пріоритет, автоматизація FAQ, Accordions.

Чи можна обійтися взагалі без плагіна?

З WordPress 6.7 з’явився нативний блок Details/Summary у Gutenberg. Але він урізаний: немає стилізації, анімацій розкриття, Schema FAQ і шорткоду для шаблону. Блок згодиться для однієї-двох прихованих секцій у тілі посту. Для системного FAQ або сторінки з 15 запитаннями ставте плагін, інакше витратите час на милиці замість роботи.

Accordion Slider безплатний, у чому каверза?

Каверзи немає. Плагін повністю безплатний і з відкритим кодом. Розробник bqworks заробляє на преміум-аддонах: Custom CSS & JavaScript і Revisions. Але ядро з горизонтальним акордеоном, шарами, лінивим завантаженням і сенсорними свайпами віддається безплатно. Чудовий вибір для портфоліо та галерей із візуальним «вау» без бюджету.

Що ставити на сайт з Elementor?

Вбудований Accordion Widget, якщо його функціоналу достатньо. Потрібна Schema FAQ, AI-генерація запитань або робота поза Elementor, додайте Easy Accordion: він товаришує з Elementor через окремий віджет і не конфліктує зі вбудованим акордеоном. Для магазину на Elementor + WooCommerce Easy Accordion дає блок Product FAQ з авторозміткою.

Що ставити у 2026 році

Вибір зводиться до того, на чому побудований сайт і яку задачу закриваєте.

Працюєте в Gutenberg і потрібен максимум з коробки, Easy Accordion. 80 000+ встановлень і оновлення від червня 2026 говорять самі за себе. Schema FAQ, горизонтальний режим, AI-генератор і 16 тем у Pro закривають практично будь-який сценарій.

Сайт на Elementor і акордеон потрібен для пари секцій, беріть вбудований Accordion Widget. Не ставте окремий плагін заради одного блоку.

Збираєте візуальну галерею або портфоліо з горизонтальним розкриттям, Accordion Slider. Безплатний, із сенсорними свайпами та Retina-підтримкою.

Бюджет мінімальний, а функціоналу потрібно багато: зв’язка Accordions (безплатне ядро) для AI-контенту + Accordion FAQ для швидких FAQ-сторінок. Закриє потреби малого бізнесу без вкладень.

Вибирайте під свою задачу, не під чужий рейтинг. Будь-який плагін із добірки вирішує конкретний сценарій краще, ніж «універсальний» акордеон, який намагається догодити всім.