Skip to content
🥇 5 Najlepszych wtyczek akordeonowych dla WordPress 2026: bezpłatne i płatne

🥇 5 Najlepszych wtyczek akordeonowych dla WordPress 2026: bezpłatne i płatne

Akordeon w interfejsie robi dokładnie to, czego się Pan/Pani po nim spodziewa: ukrywa drugorzędną treść, dopóki nie będzie potrzebna. Użytkownik widzi nagłówki, klika wybrany i otrzymuje odpowiedź bez przewijania trzech ekranów. Dla FAQ, opisów taryf i długich list jest to standard.

Ale WordPress od razu po instalacji nie daje konfigurowalnego bloku akordeonu z animacją, ikonami i stylami. Tak, od wersji 6.7 pojawił się blok Details/Summary, ale jest minimalny: bez personalizacji, bez znaczników Schema i bez shortcode'u do wstawienia w szablonie. Do systematycznej pracy potrzebna jest wtyczka.

Wybraliśmy pięć rozwiązań: od prostego shortcode'u po kreator z generowaniem FAQ przez AI. Każde sprawdziliśmy pod kątem aktualności (wszystkie były aktualizowane w 2026), kompatybilności z Gutenbergiem i Elementorem, uczciwie porównaliśmy cenniki w praktyce. Bez reklamowych sformułowań i „rewolucyjnych" epitetów.

💡 Szybki przegląd:

  • Proszę rozwinąć akordeon przez blok Gutenberga lub shortcode, każda wtyczka dodaje własny sposób wstawiania.
  • Proszę skonfigurować wygląd myszą: kolory, ikony, czcionki i animację, wszystkie pięć daje wizualny konfigurator.
  • Proszę dodać znaczniki Schema FAQ, Accordions i Easy Accordion generują je automatycznie dla snippetów Google.
  • Proszę osadzić akordeon przez shortcode, widget lub szablon PHP, każda wtyczka obsługuje co najmniej dwa sposoby.

Tabela porównawcza

Accordions

Accordion FAQ

Easy Accordion

Accordion Slider

Elementor Widget

Aktywnych instalacji

20 000+

30 000+

80 000+

2 000+

10M+ (Elementor)

Darmowa wersja

✅ (Elementor Free)

Blok Gutenberga

Shortcode

Zagnieżdżone sekcje

Generowanie FAQ przez AI

Tryb poziomy

Schema FAQ

Cena Pro

$15 (dożywotnio)

od $9

$29/rok

bezpłatnie

$59/rok (Elementor Pro)

1. Accordions

Konstruktor akordeonów wtyczki Accordions

Kombajn od PickPlugins z kreatorem React w środku. Tworzy akordeony, zakładki, FAQ i bazy wiedzy bez powiązania z konkretnym edytorem. Tworzy się konfigurację raz, a wstawia gdziekolwiek: do posta shortcodem, na pasek boczny widgetem, do szablonu wywołaniem PHP.

W praktyce ratuje to strony ze starym stosem technologicznym: wtyczka działa w Classic Editor na równi z Gutenbergiem. Generator AI pisze pytania i odpowiedzi na zadany temat i od razu opakowuje je w znaczniki Schema. Leniwe ładowanie (lazy load) nie pozwala, by ukryta treść spowalniała stronę, przeglądarka ładuje tekst dopiero przy rozwijaniu sekcji.

Plusy:

  • Generowanie FAQ przez AI z automatycznymi znacznikami Schema, zadaje się temat, po minucie strona jest gotowa
  • Leniwe ładowanie treści wewnątrz sekcji, strona nie staje się cięższa od ukrytego tekstu
  • Import danych akordeonów z CSV i zewnętrznych źródeł

Minusy:

  • Darmowa wersja nie pozwala zmienić czasu animacji rozwijania
  • Interfejs kreatora wymaga przyzwyczajenia, krzywa uczenia się jest wyższa niż u konkurencji

Cena: Lite bezpłatnie, Pro $15 (licencja dożywotnia na 1 stronę).

🔗 Accordions na WordPress.org🔗 Pobrać Pro

2. Accordion FAQ

Lista pytań we wtyczce Accordion FAQ

Najłatwiejsze wejście, jeśli potrzebny jest konkretnie blok FAQ, a nie uniwersalny kreator. Accordion FAQ od Wpshopmart jest stworzony pod jeden scenariusz, stronę pytań i odpowiedzi, i realizuje go czysto, bez zbędnych ustawień.

Wtyczka jest zbudowana na Bootstrapie, dlatego akordeon poprawnie wyświetla się z każdym motywem i nie psuje układu mobilnego. Kolejność pytań zmienia się metodą „przeciągnij i upuść" bezpośrednio w panelu administracyjnym. Tryb przełączania (toggle) utrzymuje kilka sekcji otwartych jednocześnie, zwijanie (collapse) pozostawia tylko jedną. Przełączanie między trybami jednym zaznaczeniem.

Plusy:

  • Nieograniczona liczba akordeonów i schematów kolorystycznych
  • 500+ Google Fonts w wersji Pro, stylizacja nagłówków bez CSS
  • 30 wbudowanych animacji rozwijania, od prostego fade po sprężynę

Minusy:

  • Tylko shortcode i widget, nie ma natywnego bloku Gutenberga
  • Wersja Pro za $9 jest tania, ale wsparcie techniczne ograniczone do 6 miesięcy

Cena: Lite bezpłatnie, Premium Personal $9 (6 miesięcy wsparcia), Premium Business $27 (dożywotnio).

🔗 Accordion FAQ na WordPress.org🔗 Pobierz Pro

3. Easy Accordion

Ustawienia wyświetlania wtyczki Easy Accordion

Najpopularniejsza wtyczka akordeonowa w zestawieniu: 80 000+ aktywnych instalacji i aktualizacja 3.1.4 z czerwca 2026. ShapedPlugin dodał generator FAQ oparty na AI bezpośrednio do interfejsu bloku Gutenberg, dzięki czemu treść akordeonu powstaje w minutę bez opuszczania edytora.

Działa na trzy sposoby: natywny blok Gutenberg, shortcode i widżet Elementor. Poziomy tryb rozwijania to rzadka funkcja, większość wtyczek akordeonowych obsługuje tylko tryb pionowy. Przyda się w portfolio, galeriach i na landing page'ach. Edytor WYSIWYG treści sekcji eliminuje przeskakiwanie między panelem administracyjnym wtyczki a edytorem wpisu. Zagnieżdżone akordeony tworzy się przez przeciąganie sekcji podrzędnych do sekcji nadrzędnej.

Zalety:

  • 16+ motywów premium w Pro z indywidualnymi ustawieniami dla każdego
  • Schema FAQ od razu po instalacji, pary pytań i odpowiedzi automatycznie otrzymują mikrodane
  • Wbudowana obsługa obrazów wewnątrz sekcji oraz osobny typ „Image Accordion"

Wady:

  • Niekompatybilny z wtyczkami AMP, na stronach AMP akordeon się nie rozwinie
  • Część zaawansowanych motywów i animacji dostępna tylko w Pro za 29 USD

Cena: Lite za darmo, Pro 29 USD (licencja roczna na 1 stronę).

🔗 Easy Accordion na WordPress.org🔗 Pobierz Pro

4. Accordion Slider

Interfejs wtyczki Accordion Slider

Niestandardowe narzędzie od bqworks: łączy slider i akordeon. Panele rozsuwają się na boki po kliknięciu, odsłaniając treść wybranej sekcji. Wygląda efektowniej niż klasyczny akordeon i przyciąga uwagę do treści wizualnych.

Wtyczka jest całkowicie darmowa. Żadnej wersji Pro, żadnych okrojonych funkcji. Wszystko, co potrafi, oddaje w rdzeniu. Tryb poziomy i pionowy, dotykowe przesuwanie na urządzeniach mobilnych, nawigacja kółkiem myszy. Wewnątrz panelu można umieścić tekst, obraz lub dowolny HTML, w tym shortcode'y innych wtyczek. Warstwy wewnątrz panelu konfiguruje się osobno, co jest bliższe kreatorowi sliderów niż akordeonowi.

Zalety:

  • W pełni darmowa funkcjonalność, bez premiumowych atrap
  • Wsparcie Retina i leniwe ładowanie obrazów
  • Sortowanie paneli metodą przeciągnij i upuść w panelu administracyjnym z podglądem na żywo

Wady:

  • Niewielka baza instalacji, 2 000+, niszowe narzędzie
  • Nie nadaje się do tekstowych FAQ, jest stworzona pod treści wizualne i galerie

Cena: całkowicie za darmo.

🔗 Accordion Slider na WordPress.org

5. Accordion Widget (Elementor)

Widżet akordeonu w Elementorze

Wbudowany widżet akordeonowy wewnątrz Elementora. Rozwiązanie dla tych, którzy już pracują na tym kreatorze i nie chcą instalować osobnej wtyczki dla jednego bloku. Jest częścią rdzenia Elementor Free, nie wymaga instalacji.

Działa jak typowy widżet Elementora: przeciąga się go na obszar roboczy, wypełnia nagłówki i treść sekcji, wybiera ikonę rozwijania z biblioteki. Gotowe. Wszystkie style (odstępy, obramowania, cienie, typografię) konfiguruje się myszą w edytorze wizualnym. Znaczniki HTML nagłówków od H1 do H6 wybiera się z listy rozwijanej.

Podczas ładowania strony pierwsza sekcja jest rozwinięta, pozostałe są zwinięte. Kliknięcie innej sekcji zamyka poprzednią, zwalniając miejsce na ekranie. Klasyczne zachowanie, bez niespodzianek.

Plusy:

  • Zerowe dodatkowe obciążenie, widżet jest wbudowany w Elementora, który jest już zainstalowany na stronie
  • Pełna kontrola wizualna: znaczniki HTML nagłówków, ikony, obramowania, cienie
  • Kompatybilny z innymi widżetami Elementora wewnątrz sekcji

Minusy:

  • Działa tylko wewnątrz Elementora, niekompatybilny z Gutenbergiem i Edytorem klasycznym
  • Brak Schema FAQ, mikroznaczniki trzeba będzie dodać osobną wtyczką

Cena: bezpłatnie w ramach Elementor Free. Dodatkowe ikony i style przez Elementor Pro (59 USD/rok).

🔗 Dokumentacja Accordion Widget

⁉️🤔 Często zadawane pytania

Czym akordeon różni się od widżetu zakładek (tabs)?

Akordeon rozwija sekcje pionowo, jedna pod drugą. Nowa sekcja zazwyczaj zamyka poprzednią. Zakładki utrzymują nagłówki w jednym rzędzie i przełączają treść poziomo. Akordeon sprawdza się lepiej w FAQ i długich listach, zakładki, przy równoległym porównywaniu 3-5 bloków. Na stronie z ponad 10 pytaniami zakładki na urządzeniach mobilnych zamieniają się w nieczytelny chaos, sprawdziliśmy to na rzeczywistych makietach.

Którą wtyczkę wybrać do Gutenberga?

Easy Accordion oraz Accordions. Obie dodają natywny blok w edytorze, obie obsługują zagnieżdżone sekcje i Schema FAQ. Easy Accordion wygrywa liczbą aktywnych instalacji i zestawem motywów wizualnych w wersji Pro. Accordions wyróżnia się generowaniem treści przez AI i lazy loadem. Jeśli strona działa na Gutenbergu i kluczowa jest szybkość działania od razu po instalacji, Easy Accordion. Jeśli priorytetem jest automatyzacja FAQ, Accordions.

Czy można w ogóle obejść się bez wtyczki?

Od WordPress 6.7 w Gutenbergu pojawił się natywny blok Details/Summary. Jest on jednak okrojony: brakuje stylizacji, animacji rozwijania, Schema FAQ i shortcode’u do szablonu. Blok nada się do jednej lub dwóch ukrytych sekcji w treści wpisu. Do systemowego FAQ lub strony z 15 pytaniami należy zainstalować wtyczkę, w przeciwnym razie straci Pan czas na prowizorki zamiast na pracę.

Accordion Slider jest darmowy, gdzie tkwi haczyk?

Nie ma haczyka. Wtyczka jest w pełni darmowa i ma otwarty kod źródłowy. Twórca, bqworks, zarabia na dodatkach premium: Custom CSS & JavaScript oraz Revisions. Jednak rdzeń z poziomym akordeonem, warstwami, leniwym ładowaniem i obsługą gestów dotykowych jest udostępniany bezpłatnie. To doskonały wybór do portfolio i galerii z efektem „wow" przy zerowym budżecie.

Co zainstalować na stronie z Elementorem?

Wbudowany Accordion Widget, jeśli jego funkcjonalność jest wystarczająca. Gdy potrzebuje Pan Schema FAQ, generowania pytań przez AI lub działania poza Elementorem, proszę dodać Easy Accordion: współpracuje on z Elementorem poprzez osobny widżet i nie koliduje z wbudowanym akordeonem. W przypadku sklepu na Elementorze + WooCommerce Easy Accordion udostępnia blok Product FAQ z automatycznym znacznikowaniem.

Co wybrać w 2026 roku

Wybór sprowadza się do tego, na czym zbudowana jest strona i jakie zadanie ma Pan do rozwiązania.

Pracuje Pan w Gutenbergu i potrzebuje maksimum funkcji od razu po instalacji, Easy Accordion. 80 000+ instalacji i aktualizacja z czerwca 2026 mówią same za siebie. Schema FAQ, tryb poziomy, generator AI i 16 motywów w wersji Pro pokrywają praktycznie każdy scenariusz.

Strona na Elementorze i akordeon jest potrzebny do kilku sekcji, proszę skorzystać z wbudowanego Accordion Widget. Nie należy instalować osobnej wtyczki dla jednego bloku.

Tworzy Pan galerię wizualną lub portfolio z poziomym rozwijaniem, Accordion Slider. Darmowy, z obsługą gestów dotykowych i wsparciem dla Retina.

Budżet jest minimalny, a potrzebuje Pan wielu funkcji: połączenie Accordions (darmowy rdzeń) do treści AI + Accordion FAQ do szybkich stron FAQ. Pokryje to potrzeby małej firmy bez żadnych inwestycji.

Proszę wybierać pod swoje zadanie, a nie pod cudzy ranking. Każda wtyczka z tego zestawienia rozwiązuje konkretny scenariusz lepiej niż „uniwersalny" akordeon, który próbuje zadowolić wszystkich.