Як додати акордеон в текст сторінки

    Оновлено: 07.05.2026

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

    Щоб додати акордеон, перейдіть у поле “Вміст (основний текст)” та на панелі редактора натисніть кнопку додавання акордеону.

    image.png

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

    image.png

    Після вставки блок автоматично містить приклад тексту. Це зроблено для того, щоб користувач розумів, яке поле за що відповідає. Щоб почати роботу з власним контентом, потрібно очистити ці поля. Для цього використовується кнопка очищення (іконка «хрестик»), яка видаляє приклад тексту із заголовка та опису. Після очищення можна одразу вводити власний заголовок і текст.

    image.png

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

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

    image.png

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

    Knowledge Base Help CMS Tatet

    Довідковий центр із короткими інструкціями, FAQ і добірками матеріалів для швидкого самообслуговування.

    © 2026 Help CMS Tatet. Усі права захищено.
    Світла і темна тема, адаптивна навігація та гібридний пошук.