7+ Bästa WordPress-dragspelsplugins (2025)

En av de vanligaste funktionerna vi använder i våra WordPress-webbdesign är ett dragspel. Detta hjälpsamma webbdesignelement låter dig visa innehåll i ett kollapsbart flikformat, så att du kan visa ofta ställda frågor eller produktinformation utan att ta upp så mycket plats.

Personligen gillar vi att använda dragspelsblocket från SeedProd, vår favorit sidbyggarplugin. Med det sagt har varje användare sina egna preferenser, och kanske letar du efter ett dedikerat dragspelsplugin istället för en sidbyggarlösning.

Om det låter rimligt, då är du på rätt plats. I den här artikeln kommer vi att dela de bästa WordPress-plugins för dragspel som du kan använda på din webbplats.

Våra val för de bästa WordPress-dragspelspluginsen

	Namn	Pro	Nackdel
🥇	Heroic FAQs	Lättanpassade dragspelsmenyer för FAQ-innehåll	Måste köpas tillsammans med Heroic KB
🥈	SeedProd	Omfattande anpassningsalternativ för dragspelsdesign	Dragspelsblock inte tillgängligt i gratisversionen
🥉	PickPlugins dragspel	Lazy loading-funktion för att optimera dragspel	Gränssnittet är inte det mest användarvänliga
4	Thrive Architect	Avancerade inställningar för dragspelsanimation	Ingen gratisversion tillgänglig
5	Ultimate Blocks	SEO-vänlig med anpassningsbara rubrik-taggar	Begränsade alternativ för dragspelsikoner
6	Easy Accordion	Inbyggt stöd för WooCommerce-produktsidor	Bästa funktionerna låsta i Pro-versionen
7	Dragspels-FAQ	Användarvänlig dra-och-släpp-dragspelsredigerare	Gratisversionen visar flera annonser

Hur vi testade de bästa dragspelspluginsen för WordPress

För att hitta de bästa WordPress-plugins för dragspelsblock installerade vi helt enkelt vart och ett på vår demonstrationssida och utvärderade hur de stod sig mot varandra.

Men det är inte allt. Vi fokuserade också på hur lätt pluginet är att använda. Du vill inte fastna med ett dragspelsplugin som inte kan konfigureras enkelt så fort du installerar det.

Vi tittade också på anpassningsfunktioner. Alla dragspelsplugins är inte skapade lika. Men helst vill du ha en som gör det enkelt för dig att ändra hur dragspelsfunktionen ser ut, oavsett om du skapar en FAQ-sektion eller något annat.

Förutom det försökte vi prestandatesta plugins. Plugins kan ta upp en del utrymme på din WordPress-hosting, och en dragspelsfunktion är vanligtvis inte så tung att börja med. Ändå är det bra att se till att plugin du använder inte saktar ner din webbplats.

Slutligen tittade vi på dess pris och prisvärdhet. Vissa plugins på listan är betalda, så vi vill vara tydliga med vilka förmåner du kan få (eller inte få) för priset.

Låt oss titta på några av de bästa WordPress-ackordion-plugins som du kan använda på din WordPress-webbplats.

1. Heroic FAQs

Om du vill använda ett dragspelsplugin specifikt för vanliga frågor, kolla in Heroic FAQs. Det låter dig enkelt generera kollapsbart flikformat innehåll och lägga till det var som helst på din WordPress-blogg eller webbplats.

När vi testade pluginet fann vi att dra-och-släpp-redigeraren var ganska lätt att använda. Du kan skapa frågor och svar, gruppera FAQ:er och enkelt ordna om objekt. Det finns 5 fördefinierade dragspelsstilar och många anpassningsalternativ för att perfekt matcha din webbplatsdesign.

Du kan till exempel lägga till rikt innehåll i dina dragspelsmenyer, inklusive bilder, blockcitat, videor, listor och så vidare.

Heroic FAQs erbjuder också 15 FAQ-ikonval, ackordion- eller växlingsstilalternativ, CSS3-animationer och mer för att göra dina FAQ mer personliga.

Fördelar med Heroic FAQs:

• Lättanpassade dragspel för FAQ-innehåll.
• Användarvänlig dra-och-släpp-redigerare för att bygga dina dragspel.
• Erbjuder rika innehållselement att infoga i dina dragspel så att du kan göra dem mycket mer engagerande.
• Har inbyggt stöd för FAQ-schema så att ditt FAQ-innehåll kan visas i sökmotorer.

Nackdelar med Heroic FAQs:

• Ingen gratisplugin är tillgänglig.
• Måste köpas tillsammans med Heroic KB, där priset börjar på 149,50 USD per år. Så detta plugin är lite som ett tillägg.

Varför vi valde Heroic FAQs: Det är perfekt om du letar efter ett lättanvänt dragspelsplugin som är specifikt utformat för FAQ-innehåll. Vi rekommenderar det också om du vill bygga en kunskapsbas, eftersom du måste köpa det tillsammans med Heroic KB.

2. SeedProd

Som den bästa dra-och-släpp WordPress-sidbyggaren på marknaden, erbjuder SeedProd olika block för att skapa en användarvänlig webbplats. Dessa inkluderar ett dragspelsblock, som låter dig lägga till textavsnitt som expanderar och kollapsar på dina sidor.

Vi använder faktiskt SeedProd för några av våra varumärkessidor och anpassade sidor här på WPBeginner. Vi förklarar mer om pluginets funktioner och fördelar i vår fullständiga SeedProd-recension.

Med SeedProd behöver du bara dra och släppa ackordionsblocket på din sida och börja anpassa det. Du kan skapa så många textavsnitt som du behöver och till och med använda en unik nedåtpil-ikon från Font Awesome för en personlig touch.

Anpassa gärna blockets typografi, färger, animerade effekter och mer för att göra dragspelen mer interaktiva.

Det som är bra med SeedProd är att det gör det enkelt att skapa ett responsivt dragspel. Du kan justera blockets avstånd för stationära och mobila enheter, och till och med välja att dölja dragspelsfunktionen om sidan visas på en viss enhet.

Fördelar med SeedProd:

• Lättanvänd dra-och-släpp-redigerare för användare på alla nivåer.
• Anpassningsalternativen ger fullständig kontroll över dragspelsdesignen, från rubrik- och nedrutekonen till skuggorna i textavsnittet.
• Ger inställningar för att justera dragspelens avstånd och synlighet på mobilen, vilket är bra för att förbättra användarupplevelsen.
• Erbjuder olika färdiga FAQ-sektionslayouter för att snabba upp din process.
• Tillåter anpassad CSS för att göra din dragspelsdesign mer personlig.

Nackdelar med SeedProd:

• Blocket för dragspel är inte tillgängligt i gratisversionen.

Varför vi valde SeedProd: Även om blocket för dragspelsblock endast är tillgängligt i Pro-versionen, tycker vi fortfarande att SeedProd är värt att rekommendera. Förutom ett anpassningsbart dragspelsblock får du också tillgång till en användarvänlig sidbyggare som gör det enkelt att skapa en unik webbplats.

3. Ackordioner

Av alla plugins vi testade är Accordions ett något mer avancerat alternativ för dragspel, men det är också ett ganska kraftfullt sådant.

Till skillnad från de tidigare plugins har den ingen WYSIWYG eller dra-och-släpp-redigerare. Gränssnittet är mycket enklare, utan förhandsgranskning i realtid, men du kan se många inställningar för att lägga till och anpassa obegränsade dragspel.

En av de mest anmärkningsvärda funktionerna i detta plugin är dess inställning för lat laddning. Detta fördröjer laddningen av dragspelsfunktionen tills användarens skärm når den på sidan. På så sätt kan du upprätthålla en snabb webbplatsprestanda.

Dessutom, om du skaffar Pro-versionen, kan du skapa nästlade dragspel. Den här funktionen är användbar om du har mycket information att förklara och vill göra den mer organiserad.

Fördelar med dragspel:

• Har en lazy loading-funktion för att optimera ackordionerna.
• Erbjuder en importfunktion för att importera dragspel från andra plugins.

• Erbjuder två typer av dragspel att välja mellan: det traditionella dragspel eller vertikala flikar.
• Erbjuder integration med Font Awesome-ikoner för att anpassa ikonerna för att expandera eller kollapsa dragspelen.
• Pro-planen inkluderar avancerade funktioner som kapslade ackordioner och en inbyggd sökfunktion.

Nackdelar med dragspelsfunktioner:

• Gränssnittet är inte det mest användarvänliga.
• Du kan bara visa dragspelsfunktionen med kortkoder (det finns ingen inbyggd block för det).

Varför vi valde dragspel: Trots sin lilla brist på användarvänlighet är Accordions ett kraftfullt plugin för att skapa vackra dragspel. Dess Pro-plan inkluderar även funktioner som du kanske inte hittar i andra plugins, som nästlade dragspel. Se vår recension av Accordions för mer information.

4. Thrive Architect

Thrive Architect är en annan utmärkt sidbyggare med en dragspels-/växlingsblock. Den har en dra-och-släpp-redigerare, så att designa en FAQ- eller produktinformationssektion med detta plugin är enkelt. Om du vill lära dig mer, kolla in vår fullständiga Thrive Architect-recension.

Vad som sticker ut för oss med Thrive Architect är att du kan anpassa växlingsblockets animationsstil och hastighet. Detta ger dig mer kontroll över hur ackordionen beter sig.

Förutom det kan du skapa kolumner i växlingsblocket, vilket kan vara fördelaktigt om du har mycket dragspelsinnehåll. Dessutom kan du anpassa växlingsblockets bakgrundsfärg, typografi, skuggor och så vidare.

Om du vill att växlingsknappen ska vara expanderad som standard för att fånga besökarnas uppmärksamhet, kan du göra det också. Du behöver inte oroa dig för att utrymmet blir begränsat på grund av expansionen, eftersom endast innehållet i det första dragspelsavsnittet kommer att visas.

Fördelar med Thrive Architect:

• Växlingsblocket kommer med alla Thrive Architect och Thrive Suite-planer.
• Användarvänlig dra-och-släpp-redigerare.
• Massor av sätt att anpassa hur dragspelsblocket ser ut.
• Avancerade inställningar för att konfigurera dragspelsblockets animation för att styra hur det beter sig när det klickas på.
• Inställningar för att göra växlingsknappen synlig eller osynlig på dator, mobil och surfplatta för att göra webbplatsen mer responsiv.

Nackdelar med Thrive Architect:

• Ingen gratisversion finns tillgänglig.
• Ingen autosparfunktion, så du måste manuellt spara ditt arbete.

Varför vi valde Thrive Architect: Om du letar efter en sidbyggare med en växlingsfunktion, prova då Thrive Architect. Anpassningsinställningarna för att skapa dragspel är omfattande, och du kan enkelt bygga en unik webbdesign och attraktiva landningssidor med pluginet.

5. Ultimate Blocks

Ultimate Blocks är ett av de bästa Gutenberg-blockplugins vi har provat som kommer med en dragspelsfunktion. Vi går in mer i detalj med verktyget i vår Ultimate Blocks-recension.

Med det kan du lägga till ett innehållsväxlingsblock direkt i blockredigeraren istället för i ett separat gränssnitt. På så sätt kan du skapa en FAQ-sektion och enkelt placera den var du vill på din sida eller ditt inlägg.

Det coola med Ultimate Blocks är att du kan välja rubrik-taggen för dragspelstiteln. Som ett resultat kan du göra ditt dragspelsinnehåll SEO-vänligt och anpassa det till sidans eller inläggets logiska struktur.

Om du uppgraderar till Pro-versionen kan du även lägga till ett sökfält ovanpå dragspelsmenyn så att användarna snabbt kan söka efter svar.

Fördelar med Ultimate Blocks:

• Erbjuder responsiva designkontroller för att dölja dragspelen på datorer, surfplattor eller mobila enheter.
• SEO-vänligt, med stöd för FAQ-schema och anpassningsbara rubrik-taggar.
• Lätt att använda eftersom du kan lägga till innehållsväxlingsblocket direkt i dra-och-släpp Gutenberg-blockredigeraren.
• Tillhandahåller andra block för att presentera information samtidigt som utrymmet minimeras, som flikade och utdragbara innehållsblock.

Nackdelar med Ultimate Blocks:

• Begränsade alternativ för ackordionikoner jämfört med de andra pluginsen på listan.

Varför vi valde Ultimate Blocks: De flesta WordPress-användare är redan ganska bekanta med blockredigeraren, så Ultimate Blocks är utmärkt för att lägga till ett dragspel direkt i redigeraren. Innehållsväxlingsblocket finns också tillgängligt i den kostnadsfria plugin-versionen.

6. Easy Accordion

Om du letar efter ett plugin för dragspelsmenyer för dina WooCommerce-produktsidor, rekommenderar vi att du tittar på Easy Accordion. Vi älskar särskilt Pro-versionen, som inkluderar stöd för att skapa detaljerade FAQ-sektioner för produktsidor.

Om du har samma FAQ för flera produktkategorier kan du enkelt implementera dem med detta plugin. Som ett resultat behöver du inte skapa olika FAQ för olika sidor.

Easy Accordion är också redo för översättning, eftersom det är kompatibelt med flerspråkiga plugins som WPML och PolyLang. Detta är utmärkt om du driver ett flerspråkigt företag.

En annan bra funktion är den anpassade kortkodgeneratorn. Detta gör att du enkelt kan skilja dina dragspelskortkoder åt när du behöver bädda in dem senare.

Fördelar med Easy Accordion Pro:

• Stöder Gutenberg och de flesta stora WordPress-sidbyggarplugins.
• Du kan skapa dragspelsblock från befintliga sidor, inlägg, anpassade inläggstyper och till och med taxonomier för att spara tid på att infoga innehållet i dragspelsblocket.
• Flera layouter för dragspelsmenyer, från vertikala flikar och sektioner i flera kolumner till horisontella växlingsknappar.
• Inkluderar SEO-funktioner som schema markup och nofollow-länkar.

Nackdelar med Easy Accordion Pro:

• Tillägget kommer med en gratisversion, men de flesta funktioner som gör det bra är låsta i Pro-versionen.

Varför vi valde Easy Accordion: Det inbyggda stödet för WooCommerce-produktsidor och översättningsplugins gör Easy Accordion utmärkt för onlineföretag.

7. Accordion FAQ

Om du letar efter ett enkelt dragspelsplugin med en dra-och-släpp-byggare, leta inte längre än Accordion FAQ. Med det kan du enkelt skapa flera utfällbara innehållssektioner och flytta dem hur du vill från backend.

Gratispluginet Accordion FAQ har bara en mall, men vi fann att den var ganska användarvänlig och mångsidig. För fler designval kan du uppgradera till Pro-versionen och få 18+ mallar.

Pluginet erbjuder också många sätt att anpassa ackordionen. Använd gärna dess 30+ animationsstilar, dussintals Font Awesome-ikoner och 500+ Google Fonts för att göra ackordionen mer unik.

Fördelar med Accordion FAQ:

• Användarvänlig dra-och-släpp-redigerare för dragspel.
• Många anpassningsalternativ med obegränsade färgalternativ och massor av animationsstilar, ikoner och Google Fonts.
• Prissättningen för Pro-planerna är ganska prisvärd, från $9 för 6 månader.
• Baserat på Bootstrap-ramverket, vilket skapar en responsiv design för dragspelen.

Nackdelar med Accordion FAQ:

• Gratisversionen av pluginet visar flera annonser som kan ge en dålig användarupplevelse.

Varför vi valde Accordion FAQ: Om du letar efter ett enkelt plugin för dragspelsblock med dra-och-släpp-funktionalitet, då är Accordion FAQ ett utmärkt alternativ, så länge du inte har något emot annonserna på plugin-sidan.

Bonus: Shortcodes Ultimate

Shortcodes Ultimate är ett WordPress-plugin som kommer med en uppsättning kortkoder för att lägga till olika innehållselement, inklusive dragspel. För mer information, se vår kompletta recension av Shortcodes Ultimate.

Eftersom den använder kortkoder kan du lägga till kortkoden för dragspel till vilken del som helst av din WordPress-webbplats, från sidor och inlägg till widget-redo områden. Du behöver inte heller oroa dig för temakompatibilitet, eftersom den fungerar smidigt med de flesta moderna teman.

Vad vi inte gillar med pluginet är att kortkoden och HTML för dragspelen är ganska långa, och du måste vara försiktig när du infogar ditt innehåll. Det är därför vi inte placerade detta alternativ i samma lista som ovan.

Vilket är det bästa WordPress-pluginet för dragspelsmenyer?

Det bästa WordPress-dragspelspluginet beror på dina behov.

Om du letar efter ett dragspelsplugin för FAQ-innehåll, rekommenderar vi att du väljer Heroic FAQs. Dra-och-släpp-redigeraren är enkel att använda och inkluderar olika anpassningsfunktioner för att skapa dragspel direkt ur lådan.

Om du letar efter en sidbyggare med ett dragspelsblock, då är SeedProd ditt bästa alternativ. SeedProd erbjuder olika kontroller och inställningar för hur dragspelsfunktionen ser ut och beter sig. Dessutom kommer din dragspelsdesign att se bra ut tillsammans med andra element på din sida.

Slutligen, för personer som letar efter ett gratis WordPress-plugin för ackordioner, överväg Accordions. Detta plugin innehåller allt som behövs för att skapa enkla ackordioner eller vertikala flikade innehåll. Dess lat laddning kommer också att säkerställa att ackordionen inte saktar ner din webbplats.

Vanliga frågor om dragspel i WordPress

Låt oss gå igenom några vanliga frågor om att lägga till ackordioner i WordPress.

Hur lägger jag till ett dragspel i WordPress?

Det enklaste sättet att lägga till en ackordion i WordPress är med ett plugin som Heroic FAQs, SeedProd, eller Accordions. Med dessa verktyg kan du infoga en färdig att använda ackordion i dina sidor och inlägg och anpassa den efter eget tycke.

Vilken WordPress-dragspelsplugin erbjuder de bästa anpassningsalternativen?

Heroic FAQs erbjuder de bästa anpassningsalternativen för att skapa dragspel. Det levereras med en dra-och-släpp-redigerare, fördefinierade dragspelsstilar, 15 FAQ-ikonval, CSS3-animationer, växlingsstilalternativ och mer.

SeedProd erbjuder också omfattande anpassningsalternativ för att ändra hur ett dragspel ser ut och beter sig. Förutom att ändra färg och typografi kan du justera dragspelens storlek specifikt för mobila enheter.

Vilket WordPress-plugin för dragspelsblock är bäst för att skapa FAQ-sektioner?

Heroic FAQs är ett utmärkt WordPress-tillägg för att skapa FAQ-sektioner. Med detta tillägg kan du skapa dragspel med olika stilar och infoga olika rikt innehåll för att göra din information lättare att förstå.

Ultimata guider för att förbättra din WordPress-webbplats

• Hur man skapar staplar och diagram i WordPress med Visualizer
• Bästa Google Maps-pluginsen för WordPress (de flesta är gratis)
• Hur man lägger till webb push-notiser på din WordPress-webbplats
• Bästa Quiz Plugins för WordPress
• Hur man skapar en träningsmätare i WordPress (med diagram)
• Hur man lägger till en widget för ljudmusikspelare i WordPress
• Hur man visar slumpmässiga citat i din WordPress-sidofält

Vi hoppas att den här artikeln hjälpte dig att hitta de bästa WordPress-plugins för dragspel. Du kanske också vill se våra val av de roligaste WordPress-plugins du missar och vår guide om hur man skapar automatiserade arbetsflöden i WordPress.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.