Skip to content

Все для WordPress, веб-розробки — і не тільки

🥇 6 Плагінів sticky-меню, хедера та футера для WordPress 2026 (безкоштовні та Pro)

🥇 6 Плагінів sticky-меню, хедера та футера для WordPress 2026 (безкоштовні та Pro)

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

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

У цій добірці, 6 плагінів sticky-меню та хедера для WordPress, які ми перевірили на сумісність з актуальною версією CMS і сучасними темами. Без води, тільки робочі інструменти.

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

  • Порівняльна таблиця всіх 6 плагінів: активні встановлення, ціна, підтримка Elementor, sticky-ефекти
  • Детальний розбір кожного інструмента: плюси, мінуси, для яких сценаріїв підходить
  • Який плагін обрати під вашу задачу: конкретні рекомендації в підсумковій матриці
  • Відповіді на часті питання: sticky-меню та SEO, конфлікти з темами, вплив на швидкість

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

Плагін

Активні встановлення

Ціна

Мобільна версія

Sticky-ефекти

Власний віджет Elementor

Sticky Menu & Sticky Header

200 000+

Безплатно / Pro $39

Sticky Header Effects for Elementor

60 000+

Безплатно

10+ ефектів

❌ (add-on до Elementor)

My Sticky Bar

100 000+

Безплатно / Pro від $25

Базові

Catch Sticky Menu

2 000+

Безплатно

All-in-One Sticky Anything

10 000+

Безплатно

F12 Floating Menu

300+

Безплатно

1. Sticky Menu & Sticky Header

Сторінка налаштувань плагіна Sticky Menu and Sticky Header

Найпопулярніший плагін категорії: 200 000+ активних встановлень і рейтинг 4.9 на WordPress.org. Розроблений командою WebFactory та оновлений до версії 2.35 у квітні 2026.

Головна фішка: робить sticky будь-який елемент сторінки, не лише меню чи хедер. Достатньо вказати CSS-селектор, і віджет, кнопка, банер або сайдбар фіксуються під час скролу. Візуальний пікер елементів доступний у Pro-версії.

На практиці це означає, що плагін не прив'язаний до конкретної теми. Працює з класичними темами, блочними (FSE) і будь-яким сторінковим конструктором.

Плюси:

  • Універсальність: фіксує будь-який елемент за селектором, а не лише меню
  • Не залежить від теми чи конструктора сторінок
  • Враховує адмін-бар WordPress під час розрахунку відступу
  • Налагоджувальний режим для діагностики конфліктів CSS

Мінуси:

  • Потребує розуміння CSS-селекторів, новачкові потрібен візуальний пікер (тільки в Pro)
  • Відомий баг: елемент не змінює розмір при зміні ширини вікна браузера
  • Один sticky-елемент у безплатній версії, кілька, тільки в Pro

Ціна: безплатна Lite-версія на WordPress.org, Pro, $39 (одноразово) на wpsticky.com.

🔗 Sticky Menu & Sticky Header на WordPress.org🔗 Pro-версія на WP Sticky

2. Sticky Header Effects for Elementor

Налаштування ефектів sticky-хедера для Elementor

Плагін від POSIMYTH Innovations (придбав проєкт у оригінального розробника) з 60 000+ активних встановлень. Заточений виключно під Elementor, працює і з безплатною, і з Pro-версією конструктора.

10+ скрол-ефектів для хедера: прозоре тло при накладанні на hero-секцію, стискання логотипа, зміна кольору під час скролу, blur-ефект, автоприховування при скролі вниз і показ при скролі вгору. 50+ готових шаблонів хедерів із передналаштованою sticky-логікою.

Плюси:

  • Не потребує Elementor Pro, працює з безплатною версією
  • 10+ ефектів скролу в одному плагіні
  • Повний адаптивний контроль: окремі налаштування для десктопа та мобільних

Мінуси:

  • З версії 2.1.0 (після зміни власника) з'явився upsell інших продуктів в адмінці
  • Не контролює саме sticky-позиціювання, його потрібно ввімкнути у вкладці Motion Effects Elementor
  • Незначне роздування адмін-панелі промо-банерами

Ціна: безплатно. Pro-функціоналу немає, монетизація через крос-промо інших продуктів POSIMYTH.

🔗 Sticky Header Effects for Elementor на WordPress.org

3. My Sticky Bar

Дашборд керування sticky-меню та welcome-баром My Sticky Bar

Плагін від команди Premio, раніше відомий як myStickymenu. 100 000+ активних встановлень. Окрім sticky-меню та хедера, додає floating-бар сповіщень у верхній частині сторінки, welcome bar з анонсами, промо-пропозиціями та лічильником зворотного відліку.

У безплатній версії меню фіксується через клас .navbar, для більшості тем достатньо активувати плагін і ввімкнути sticky-функцію. Підтримуються ефекти появи: fade і slide.

Плюси:

  • Два інструменти в одному: sticky-меню та плавучий бар сповіщень
  • Контактна форма прямо в нотифікаційній панелі (збір лідів)
  • Лічильник зворотного відліку в Pro, корисний для акцій та обмежених пропозицій
  • Працює «з коробки» з більшістю тем

Мінуси:

  • Тільки базові sticky-ефекти (fade/slide), без blur і shrink
  • Pro-версія з безліччю доповнень, але безплатна функціонально скромніша
  • Welcome bar може конфліктувати з іншими плагінами фіксованих панелей

Ціна: безплатна Lite-версія, Pro, від $25/рік на premio.io.

🔗 My Sticky Bar на WordPress.org🔗 Pro-версія на Premio

4. Catch Sticky Menu

Сторінка налаштувань плагіна Catch Sticky Menu

Легкий безплатний плагін від Catch Themes. 2 000+ активних встановлень, рейтинг 5 зірок. Оновлений до версії 2.0 наприкінці травня 2026 з повним рефакторингом коду та сумісністю з WordPress 7.0.

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

Плюси:

  • Гранично простий, без роздування інтерфейсу
  • Окремі селектори для десктопа та мобільних
  • Повний рефакторинг 2026 року: прибрано витоки nonce, виправлено вивід у <head>, префіксація функцій
  • Не додає промобанерів і реклами

Мінуси:

  • Один sticky-елемент, кілька не підтримуються
  • Немає візуальних ефектів скролу (shrink, blur, hide on scroll)
  • Мала спільнота, лише 15 відгуків

Ціна: повністю безплатно, Pro-версії немає.

🔗 Catch Sticky Menu на WordPress.org

5. All-in-One Sticky Anything

Інтерфейс налаштувань All-in-One Sticky Anything

Універсальний плагін від Monzur Alam з 10 000+ активних встановлень. Закриває одразу кілька задач: sticky-хедер і меню, фіксовані віджети та сайдбар, плаваючі соціальні іконки, кнопка «Зателефонувати» (click to call), cookie-повідомлення та автоматичний зміст.

Вбудована підтримка Elementor: у панелі Advanced будь-якого контейнера з'являється секція Sticky Anything з окремим перемикачем. Не потрібен Elementor Pro. Для класичних тем працює через клас .sticky у розмітці.

Плюси:

  • 6 функцій в одному плагіні: sticky, click to call, cookie consent, зміст, соціальні іконки, фіксований сайдбар
  • Нативна інтеграція з Elementor Free, без Pro
  • Спеціальні гайди під Astra, Neve, Kadence, GeneratePress
  • Останнє оновлення та відгуки: червень 2026

Мінуси:

  • Cookie consent не запам'ятовує вибір користувача, потрібен окремий cookie для зберігання згоди
  • Налаштування сайдбара потребує знання CSS-селекторів теми
  • Менше sticky-ефектів порівняно з Elementor-спеціалізованим плагіном

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

🔗 All-in-One Sticky Anything на WordPress.org

6. F12 Floating Menu

Меню налаштування плавучих панелей F12 Floating Menu

Плагін від німецької студії Forge12 Interactive GmbH. 300+ активних встановлень, рейтинг 5 зірок. Оновлено два тижні тому (червень 2026): версія 1.4.2 із сучасним React-дашбордом і REST API.

На відміну від решти плагінів добірки, F12 Floating Menu створює власні меню, а не фіксує наявне. Це плавучі панелі з іконками: 8 позицій на екрані, необмежена кількість меню, сортування drag-and-drop, підтримка кастомних іконок.

Плюси:

  • Створює окремі floating-меню, не прив’язані до теми
  • Сучасний React-інтерфейс адміністратора з REST API
  • 8 позицій розміщення: ліворуч, праворуч, зверху, знизу та чотири кути
  • WPML-сумісність: переклад пунктів меню через рядки перекладу

Мінуси:

  • Не фіксує наявний хедер або меню теми — це інший тип інструмента
  • Мало встановлень (300+), скромна спільнота
  • Потребує PHP 8.0+, не кожен майданчик підтримує

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

🔗 F12 Floating Menu на WordPress.org

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

Чи впливає sticky-меню на SEO?

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

Sticky-меню сповільнює сайт?

Добре написаний плагін додає 2-5 КБ CSS і 1-3 КБ JavaScript до завантаження сторінки. На практиці це 20-40 мс, непомітно. Проблеми виникають, якщо плагін підвантажує власні шрифти, іконки або зовнішні CDN. Усі 6 плагінів у добірці використовують нативні ресурси WordPress і не додають зовнішніх залежностей (крім Font Awesome у F12).

Чи конфліктує sticky-хедер із темами на FSE (Full Site Editing)?

Залежить від плагіна. Sticky Menu & Sticky Header, Catch Sticky Menu та All-in-One Sticky Anything працюють через CSS-селектори й не залежать від архітектури теми, із FSE-темами сумісні. Sticky Header Effects for Elementor працює лише з Elementor-хедерами. Перед встановленням перевірте вкладку Compatibility на сторінці плагіна.

Чи можна зробити sticky окремий блок у тілі поста?

Так, якщо ви використовуєте Sticky Menu & Sticky Header або All-in-One Sticky Anything. Вкажіть унікальний CSS-клас або ID блока в налаштуваннях плагіна. Цей прийом часто застосовують для фіксації CTA-кнопки, форми підписки або рекламного банера.

Як перевірити, що sticky-меню працює на мобільних?

Відкрийте сайт у Chrome, натисніть F12, перемкніться в режим Device Toolbar (Ctrl+Shift+M) і скрольте. Більшість sticky-плагінів мають опцію «Disable on small screens» або окремі налаштування для мобільних. У My Sticky Bar та Catch Sticky Menu роздільні селектори для десктопа й мобільних.

Який sticky-плагін ставити у 2026 році

Вибір зводиться до трьох сценаріїв.

Якщо у вас Elementor і потрібен візуальний конструктор хедера, беріть Sticky Header Effects for Elementor. 10+ ефектів скролу, 50+ готових шаблонів, працює з безплатною версією Elementor.

Якщо потрібна максимальна гнучкість і sticky для будь-яких елементів, Sticky Menu & Sticky Header. 200 000+ користувачів не помиляються: плагін фіксує що завгодно за одним селектором.

Якщо ви хочете один легкий плагін, який закриє sticky-меню, кнопку «Зателефонувати», cookie-повідомлення та зміст, All-in-One Sticky Anything. Шість функцій без додаткових плагінів, економія на адмінці.

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