🥇 5 Bästa accordion-plugins för WordPress 2026: gratis och betalda

Ett dragspel i gränssnittet gör precis vad du förväntar dig: det döljer sekundärt innehåll tills det behövs. Användare ser rubriker, klickar på den de behöver och får svaret utan att scrolla genom tre skärmar. För FAQ, prisbeskrivningar och långa listor är det standard.

Men WordPress erbjuder inget anpassningsbart dragspelsblock med animationer, ikoner och stilar direkt ur lådan. Ja, sedan version 6.7 finns ett block för Detaljer/Sammanfattning, men det är minimalt: ingen anpassning, ingen Schema-märkning och ingen shortcode för mallinfogning. För systematiskt arbete behöver du ett plugin.

Vi valde ut fem lösningar, från en enkel shortcode till en builder med AI-genererade FAQ. Vi testade var och en för livskraft (alla uppdaterades 2026), kompatibilitet med Gutenberg och Elementor, och jämförde ärligt prissättning i praktiken. Inget marknadsföringsspråk eller "revolutionerande" adjektiv.

💡 Snabb överblick:

• Infoga ett dragspel via Gutenberg-block eller shortcode, varje plugin lägger till sin egen infogningsmetod.
• Konfigurera utseendet med musen: färger, ikoner, typsnitt och animationer, alla fem erbjuder en visuell anpassare.
• Lägg till Schema FAQ-märkning, Accordions och Easy Accordion genererar det automatiskt för Google-utdrag.
• Bädda in ett dragspel via shortcode, widget eller PHP-mall, varje plugin stöder minst två metoder.

Jämförelsetabell

1. Accordions

En schweizisk armékniv från PickPlugins med en React-builder inuti. Den sätter ihop dragspel, flikar, FAQ och kunskapsbaser utan att vara bunden till en specifik editor. Du skapar en konfiguration en gång och infogar den var som helst: i ett inlägg med en shortcode, i ett sidofält med en widget, i en mall med ett PHP-anrop.

I praktiken räddar detta sajter med äldre teknikstackar: pluginet fungerar i Klassisk editor lika bra som i Gutenberg. AI-generatorn skriver frågor och svar om ett ämne du anger och slår omedelbart in dem i Schema-märkning. Lazy loading förhindrar att dolt innehåll saktar ner sidan, webbläsaren laddar text först när en sektion expanderas.

Fördelar:

• AI-genererad FAQ med automatisk Schema-märkning, ange ett ämne så är en sida klar på en minut
• Lazy loading av innehåll inuti sektioner, sidan blir inte tung av dold text
• Importera dragspelsdata från CSV och externa källor

Nackdelar:

• Gratisversionen låter dig inte ändra animationens expansionstid
• Builder-gränssnittet kräver tillvänjning, inlärningskurvan är brantare än hos konkurrenter

Pris: Lite gratis, Pro $15 (livstidslicens för 1 sajt).

🔗 Accordions på WordPress.org🔗 Ladda ner Pro

2. Accordion FAQ

Det enklaste insteget om du specifikt behöver ett FAQ-block, inte en universell builder. Accordion FAQ från Wpshopmart är skräddarsytt för ett scenario, en frågor-och-svar-sida, och gör det rent utan extra inställningar.

Pluginet är byggt på Bootstrap, så dragspelet visas korrekt med vilket tema som helst och förstör inte mobillayouten. Frågeordningen ändras med dra-och-släpp direkt i adminpanelen. Växlingsläge håller flera sektioner öppna samtidigt, kollapsläge lämnar bara en. Växla mellan lägen med en kryssruta.

Fördelar:

• Obegränsat antal dragspel och färgscheman
• 500+ Google Fonts i Pro-versionen, rubrikstyling utan CSS
• 30 inbyggda expansionsanimationer, från enkel fade till fjädereffekt

Nackdelar:

• Endast shortcode och widget, inget inbyggt Gutenberg-block
• Pro-version för $9 är billig, men supporten är begränsad till 6 månader

Pris: Lite gratis, Premium Personal $9 (6 månaders support), Premium Business $27 (livstid).

🔗 Accordion FAQ på WordPress.org🔗 Ladda ner Pro

3. Easy Accordion

Den mest populära accordion-plugin i sammanställningen: 80 000+ aktiva installationer och version 3.1.4-uppdatering från juni 2026. ShapedPlugin lade till en AI FAQ-generator direkt i Gutenberg-blockgränssnittet, och nu skapas accordion-innehåll på en minut utan att lämna redigeraren.

Fungerar på tre sätt: inbyggt Gutenberg-block, shortcode och Elementor-widget. Horisontellt expansionsläge, en ovanlig funktion, de flesta accordion-plugins klarar bara vertikalt. Användbart för portföljer, gallerier och landningssidor. WYSIWYG-redigerare för sektionsinnehåll tar bort hopp mellan plugin-admin och inläggsredigerare. Nästlade accordions byggs genom att dra barnsektioner in i en förälder.

Fördelar:

• 16+ premiumteman i Pro med individuella inställningar för varje
• Schema FAQ direkt ur lådan, fråga-svar-par får automatiskt mikrodatamärkning
• Inbyggt stöd för bilder inuti sektioner och en separat "Image Accordion"-typ

Nackdelar:

• Inkompatibel med AMP-plugins, accordion expanderar inte på AMP-sidor
• Vissa avancerade teman och animationer endast i Pro för $29

Pris: Lite gratis, Pro $29 (årlig licens för 1 webbplats).

🔗 Easy Accordion på WordPress.org🔗 Ladda ner Pro

4. Accordion Slider

Ett okonventionellt verktyg från bqworks: det korsar en slider med en accordion. Paneler glider isär vid klick och visar den valda sektionens innehåll. Ser mer imponerande ut än en klassisk accordion och drar uppmärksamhet till visuellt innehåll.

Pluginet är helt gratis. Ingen Pro-version, inga begränsade funktioner. Allt det kan görs tillgängligt i grundversionen. Horisontellt och vertikalt läge, touch-svep på mobil, mushjulsnavigering. Inuti en panel ryms text, en bild eller godtycklig HTML, inklusive shortcodes från andra plugins. Lager inuti en panel konfigureras separat, detta ligger närmare en slider-byggare än en accordion.

Fördelar:

• Helt gratis funktionalitet, inga premium-stubbar
• Retina-stöd och lazy loading av bilder
• Dra-och-släpp-sortering av paneler i admin med live-förhandsvisning

Nackdelar:

• Liten installationsbas, 2 000+, nischverktyg
• Inte lämpligt för text-FAQ, skräddarsytt för visuellt innehåll och gallerier

Pris: helt gratis.

🔗 Accordion Slider på WordPress.org

5. Accordion Widget (Elementor)

Inbyggd accordion-widget inuti Elementor. En lösning för de som redan använder denna builder och inte vill hänga på ett separat plugin för ett block. Ingår i Elementor Free core, ingen installation krävs.

Fungerar som en typisk Elementor-widget: dra till canvasen, fyll i rubriker och innehåll för sektionerna, välj expanderingsikon från biblioteket. Klart. Alla stilar (mellanrum, ramar, skuggor, typografi) konfigureras med musen i den visuella redigeraren. HTML-rubrikstaggar från H1 till H6 väljs från en rullgardinslista.

När sidan laddas är den första sektionen expanderad, resten är hopfällda. Att klicka på en annan sektion stänger den föregående, vilket frigör skärmutrymme. Klassiskt beteende utan överraskningar.

Fördelar:

• Ingen extra belastning, widgeten är inbyggd i Elementor som redan finns på sajten
• Full visuell kontroll: HTML-rubrikstaggar, ikoner, ramar, skuggor
• Kompatibel med andra Elementor-widgetar inuti sektioner

Nackdelar:

• Fungerar bara i Elementor, inkompatibel med Gutenberg och Classic Editor
• Ingen Schema FAQ, mikromärkning måste läggas till med ett separat tillägg

Pris: gratis som en del av Elementor Free. Ytterligare ikoner och stilar via Elementor Pro ($59/år).

🔗 Dokumentation för Accordion Widget

⁉️🤔 Vanliga frågor

Hur skiljer sig ett dragspel från en flik-widget?

Ett dragspel expanderar sektioner vertikalt, en under den andra. En ny sektion stänger oftast den föregående. Flikar håller rubrikerna på en rad och växlar innehåll horisontellt. Ett dragspel passar bättre för FAQ och långa listor, flikar för parallell jämförelse av 3-5 block. På en sida med 10+ frågor blir flikar på mobil en oläslig röra, vi har testat på riktiga layouter.

Vilket plugin ska man använda för Gutenberg?

Easy Accordion och Accordions. Båda lägger till ett native block i editorn, båda stöder nästlade sektioner och Schema FAQ. Easy Accordion vinner på antal aktiva installationer och utbud av visuella teman i Pro. Accordions är starkt på AI-innehållsgenerering och lazy load. Om sajten är på Gutenberg och snabbhet direkt ur lådan är viktigast, Easy Accordion. Om prioriteten är FAQ-automatisering, Accordions.

Kan man klara sig helt utan plugin?

Sedan WordPress 6.7 finns ett native Details/Summary-block i Gutenberg. Men det är begränsat: ingen styling, expansionsanimationer, Schema FAQ eller shortcode för mall. Blocket är bra för en eller två dolda sektioner i ett inlägg. För en systematisk FAQ eller en sida med 15 frågor, installera ett plugin, annars lägger du tid på workarounds istället för arbete.

Accordion Slider är gratis, vad är haken?

Det finns ingen hake. Pluginet är helt gratis och open source. Utvecklaren bqworks tjänar pengar på premiumtillägg: Custom CSS & JavaScript och Revisions. Men kärnan med horisontellt dragspel, lager, lazy loading och touch-swipe ges bort gratis. Ett utmärkt val för portföljer och gallerier med visuell "wow"-effekt utan budget.

Vad ska man installera på en sajt med Elementor?

Inbyggd Accordion Widget, om dess funktionalitet räcker. Behöver du Schema FAQ, AI-frågegenerering eller arbete utanför Elementor, lägg till Easy Accordion: det fungerar bra med Elementor via en separat widget och krockar inte med det inbyggda dragspelet. För en butik på Elementor + WooCommerce erbjuder Easy Accordion ett Product FAQ-block med automatisk märkning.

Vad du ska installera 2026

Valet kokar ner till vad sajten är byggd på och vilken uppgift du löser.

Arbetar du i Gutenberg och behöver maximalt direkt ur lådan, Easy Accordion. 80 000+ installationer och en uppdatering från juni 2026 talar för sig själva. Schema FAQ, horisontellt läge, AI-generator och 16 teman i Pro täcker nästan alla scenarier.

Sajt på Elementor och dragspel behövs för ett par sektioner, använd inbyggd Accordion Widget. Installera inte ett separat plugin för ett block.

Bygger du ett visuellt galleri eller en portfölj med horisontell expansion, Accordion Slider. Gratis, med touch-swipe och Retina-stöd.

Budgeten är minimal och mycket funktionalitet behövs: kombinera Accordions (gratis kärna) för AI-innehåll + Accordion FAQ för snabba FAQ-sidor. Täcker småföretags behov utan investering.

Välj för din uppgift, inte någon annans betyg. Varje plugin i sammanställningen löser ett specifikt scenario bättre än ett "universellt" dragspel som försöker göra alla nöjda.