Аккордеон в интерфейсе делает ровно то, чего ждёшь: прячет второстепенный контент, пока он не понадобится. Пользователь видит заголовки, кликает по нужному и получает ответ без прокрутки трёх экранов. Для 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-страниц. Закроет потребности малого бизнеса без вложений.

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