Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

7+ Bästa tillägg för dragspel i WordPress (2024)

En av de vanligaste funktionerna som vi använder på våra WordPress-webbplatser är ett dragspel. Med detta användbara webbdesignelement kan du visa innehåll i en hopfällbar fliklayout, så att du kan visa vanliga frågor eller produktinformation utan att ta upp så mycket utrymme.

Personligen gillar vi att använda dragspelsblocket från SeedProd, vårt go-to-sidbyggarplugin. Som sagt, varje användare har sina egna preferenser, och kanske letar du efter ett dedikerat dragspelsplugin istället för en sidbyggar-lösning.

Om det låter ungefär rätt, då är du på rätt plats. I den här artikeln kommer vi att dela med oss av de bästa dragspelspluginsen för WordPress som du kan använda på din webbplats.

Best WordPress Accordion Plugins

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

NameProCon
🥇Heroic FAQsEasy-to-customize accordions for FAQ contentMust be purchased with Heroic KB
🥈SeedProdComprehensive customization options for accordion designAccordion block not available in free version
🥉PickPlugins’ AccordionsLazy loading feature to optimize accordionsInterface is not the most user-friendly
4Thrive ArchitectAdvanced settings for accordion animationNo free version available
5Ultimate BlocksSEO-friendly with customizable heading tagsLimited accordion icon options
6Easy AccordionBuilt-in support for WooCommerce product pagesBest features locked in Pro version
7Accordion FAQUser-friendly drag-and-drop accordion editorFree version displays multiple ads

Så testade vi de bästa dragspelspluginsen för WordPress

För att hitta de bästa dragspelspluginsen för WordPress installerade vi helt enkelt var och en på vår demosajt och utvärderade hur de står 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å snart du installerar det.

Vi tittade också på anpassningsfunktioner. Inte alla dragspelsplugins är skapade lika. Men helst vill du ha ett som gör det enkelt för dig att ändra hur dragspelet ser ut, oavsett om du skapar ett FAQ-avsnitt eller något annat.

An example of a FAQ section using an accordion

Utöver det försökte vi sätta plugins på ett prestandatest. Plugins kan ta upp en del utrymme på din WordPress-hosting, och en dragspelsfunktion är vanligtvis inte så tung till att börja med. Det är ändå bra att se till att det plugin du använder inte kommer att sakta ner din webbplats.

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

Låt oss ta en titt på några av de bästa WordPress tillägg för dragspel som du kan använda på din WordPress website.

Varför lita på WPBeginner?

Vårt team har över ett decennium av erfarenhet av WordPress och webbutveckling, så vi vet vad som är viktigt för dig när du bygger din egen webbplats. Vi testar varje verktyg, plugin, programvara och tema för att hitta och rekommendera det bästa av det bästa för våra läsare.

Om du vill veta mer kan du läsa mer om vår redaktionella process.

1. Vanliga frågor om heroiska

Om du vill använda ett plugin för dragspel specifikt för vanliga frågor, kontrollera då Heroic Vanliga frågor. Det låter dig enkelt generera minimerbart innehåll med tabs och add to det var som helst på din WordPress blogg eller site.

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

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

Heroic FAQs erbjuder också 15 Vanliga frågor icon val, dragspel eller toggle stil alternativ, CSS3 animationer, och mer för att göra din Vanliga frågor mer personlig.

Proffs av heroiska vanliga frågor:

  • Lättanpassade dragspel för FAQ-innehåll.
  • Användarvänlig drag and drop editor för att bygga your accordions.
  • Erbjuder rich content-element som kan infogas i dina dragspel så att du kan göra dem mycket mer engagerande.
  • Har built-in schema support för Vanliga frågor så att your Vanliga frågor content kan dyka upp på search engines.

Nackdelar med heroiska vanliga frågor:

  • Inget gratis plugin är available.
  • Måste köpas med Heroic KB, där priset börjar på $ 149,50 per år. Så, detta plugin är typ av gillar en addon.

Varför vi valde Heroic Vanliga frågor: Det är perfekt om du letar efter ett användarvänligt plugin för dragspel som är särskilt utformat för content i Vanliga frågor. Vi rekommenderar det också om du vill bygga en kunskapsbas, eftersom du måste köpa det med Heroic KB.

2. SeedProd

SeedProd Website and Theme Builder

Som den bästa drag-and-drop WordPress page builder på marknaden, erbjuder SeedProd olika block för att skapa en användarvänlig site. Dessa inkluderar ett dragspelsblock, som låter dig lägga till textsektioner som förstoras och minimeras på dina pages.

Vi använder faktiskt SeedProd för några av våra varumärkeswebbplatser 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 är allt du behöver göra att dra och släppa dragspelsblocket 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 dropdown-ikon från Font Awesome för en personlig touch.

Creating an accordion in SeedProd

Anpassa gärna blockets typografi, färger, animerade effekter med mera för att göra dragspelet mer interaktivt.

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 dragspelet om sidan visas på en viss enhet.

Making the SeedProd accordion mobile-friendly

Proffsen av SeedProd:

  • Användarvänlig drag and drop editor för användare på alla nivåer.
  • Anpassningsalternativen ger full kontroll över dragspelets design, från rubriken och ikonen för rullgardinsmenyn till textavsnittets skuggor.
  • Provides settings to adjust the accordion’s spacing and visibility on mobile, which is great for improving the user experience.
  • Erbjuder olika layouts för Vanliga frågor som är färdiga att använda för att snabba upp your process.
  • Tillåter anpassad CSS för att göra din dragspelsdesign mer personlig.

Nackdelar med SeedProd:

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

3. Dragspel

PickPlugins' Accordions

Av alla plugins vi testade är Accordions ett något mer avancerat dragspelsalternativ, men det är också ett ganska kraftfullt alternativ.

Till skillnad från de tidigare tilläggen kommer det inte med en WYSIWYG- eller drag and drop editor. Gränssnittet är mycket enklare, utan live preview, men du kan se en hel del inställningar för att add to och customize obegränsade dragspel.

The Accordions plugin interface in WordPress

En av de mest anmärkningsvärda funktionerna i detta plugin är dess lazy load-inställning. Detta fördröjer hämtar dragspelet tills användarens vy når det på sidan. På så sätt kan du upprätthålla en snabb prestanda på din website.

Om du skaffar Pro-versionen kan du dessutom skapa nästlade dragspel. Den här utvalda funktionen är praktisk om du har mycket information att förklara och vill göra den mer organiserad.

Proffs på dragspel:

  • Har en lazy loading-funktion för att optimera dragspelen.
  • Erbjuder en funktion för import av dragspel från andra tillägg.
  • Provider två typer av dragspel att välja mellan: det traditionella dragspelet eller vertikala tabs.
  • Erbjuder integration med Font Awesome icons för att customize icons för att förstora eller minimera dragspelet.
  • Pro-planen innehåller avancerade funktioner som gillar nästlade dragspel och en built-in search-funktion.

Nackdelar med dragspel:

  • Gränssnittet är inte det mest användarvänliga.
  • Du kan bara visa dragspelet med hjälp av shortcodes (det finns inget built-in block för det).

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

4. Thrive Architect

Thrive Architect

Thrive Architect är en annan bra sidbyggare med ett dragspel/toggle-block. Det har en dra-och-släpp-redigerare, så det är enkelt att utforma en FAQ eller ett produktinformationsavsnitt med detta plugin. Om du vill lära dig mer, kolla in vår fullständiga recension av Thrive Architect.

Det som sticker ut för oss med Thrive Architect är att du kan anpassa toggle-blockets animeringsstil och hastighet. Detta ger dig mer kontroll över hur dragspelet beter sig.

Editing the toggle block in Thrive Architect

Förutom det kan du skapa Column i toggle blocket, vilket kan vara fördelaktigt om du har mycket accordion content. Dessutom kan du customize toggle-blockets bakgrundsfärg, typografi, skuggor och så vidare.

Om du vill göra toggle förstorad 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 limit på grund av expansionen, eftersom endast det första dragspelets content kommer att visas.

Proffs av Thrive Architect:

  • Blocket toggle levereras med alla Thrive Architect och Thrive Suite planer.
  • Användarvänlig drag and drop editor.
  • Massor av sätt att customize hur dragspelsblocket ser ut.
  • Avancerade inställningar för att konfigurera dragspelsblockets animering för att kontrollera hur det beter sig när man klickar på det.
  • Settings för att göra toggle synlig eller osynlig på desktop, mobil och surfplatta för att göra website mer responsive.

Nackdelar med Thrive Architect:

  • Ingen gratis version är available.
  • Ingen automatisk save-funktion, så du måste spara ditt arbete manuellt.

Varför vi valde Thrive Architect: Om du är på jakt efter en page builder med en toggle-funktion, prova då Thrive Architect. Inställningarna för customize för att skapa dragspel är omfattande, och du kan enkelt bygga en unik webbdesign och attraktiva landing pages med pluginet.

5. Ultimate Blocks

Ultimate Blocks

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

Med hjälp av det kan du lägga till ett innehållsväxlingsblock direkt i blockredigeraren snarare än i ett separat gränssnitt. På så sätt kan du skapa ett FAQ-avsnitt och enkelt placera det var du vill på din sida eller i ditt inlägg.

Det häftiga med Ultimate Blocks är att du kan välja rubriktaggen för dragspelets titel. Som ett resultat kan du göra ditt dragspelsinnehåll SEO-vänligt och anpassa det till den logiska strukturen på din sida eller inlägg.

Om du uppgraderar till Pro-versionen kan du också lägga till ett sökfält högst upp på dragspelet så att användarna snabbt kan söka efter svar.

Proffs av Ultimate Blocks:

  • Erbjuder responsiva designkontroller för att göra dragspelet dolt på skrivbord, surfplatta eller mobila enheter.
  • Sökmotorsoptimering, med support för Vanliga frågor och anpassningsbara taggar för heading.
  • Lätt att använda eftersom du kan lägga till innehållsväxlingsblocket direkt i Gutenberg-blockredigeraren med dra-och-släpp.
  • Provider andra block för att presentera information samtidigt som utrymmet minimaliseras, gillar tabs och förstorbara content-block.

Nackdelar med Ultimate Blocks:

  • Limiterade alternativ för accordion icons jämfört med de andra tilläggen på listan.

Varför vi valde Ultimate Blocks: De flesta användare av WordPress är redan ganska bekanta med Block Editor, så Ultimate Blocks är perfekt för att lägga till ett dragspel direkt i editorn. Blocket för content toggle är också available i den gratis plugin-versionen.

6. Lätt dragspel

Easy Accordion

Om du letar efter ett dragspelsplugin för dina WooCommerce-produktsidor rekommenderar vi att du kollar in Easy Accordion. Vi älskar särskilt Pro-versionen, som inkluderar stöd för att skapa detaljerade FAQ-avsnitt för produktsidor.

Om du har samma Vanliga frågor för flera produktkategorier kan du enkelt implementera dem med det här pluginet. Som ett resultat behöver du inte skapa olika Vanliga frågor för olika pages.

Easy Accordion är också översättningsklart, eftersom det är kompatibelt med flerspråkiga tillägg som WPML och PolyLang. Detta är bra om du run en flerspråkig verksamhet.

En annan bra funktion är den anpassade kortkodsgeneratorn. Detta gör att du enkelt kan skilja dina dragspels-kortkoder för när du behöver bädda in dem senare.

Proffsen av Easy Accordion Pro:

  • Support för Gutenberg och de flesta större WordPress page builder tillägg.
  • Du kan skapa dragspel 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 dragspelet.
  • Flera layouts för dragspel, från vertikala tabs och sektioner med flera kolumner till horisontella toggles.
  • Innehåller SEO-funktioner som schemamarkering och nofollow-länkar.

Nackdelar med Easy Accordion Pro:

  • Pluginet kommer med en gratis version, men de flesta av de funktioner som gör det bra är låsta i Pro-versionen.

Varför vi valde Easy Accordion: Det built-in support for WooCommerce product pages and translation plugins gör Easy Accordion perfekt för online-företag.

7. Vanliga frågor om dragspel

WPShopSmart's Accordion plugin

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

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

WPShopSmart's Accordion plugin interface in the admin area

Pluginet erbjuder också många sätt att customize dragspelet. Känn dig gratis att använda dess 30+ animationsstilar, dussintals Font Awesome icons och 500+ Google Fonts för att göra dragspelet mer unikt.

Vanliga frågor om Pro av Accordion:

  • Användarvänlig drag-and-drop accordion editor.
  • Många alternativ för customize med obegränsade färgalternativ och massor av animationsstilar, icons och Google Fonts.
  • Priserna för Pro-planerna är ganska överkomliga, från $ 9 för 6 månader.
  • Baserat på Bootstrap-ramverket, vilket skapar en responsiv design för dragspelen.

Vanliga frågor om nackdelar med dragspel:

  • Den gratis plugin-versionen visar flera annonser som kan ge en dålig upplevelse för användarna.

Varför vi valde Accordion Vanliga frågor: Om du letar efter ett enkelt dragspelsplugin med drag-and-drop-funktionalitet, är Accordion Vanliga frågor ett bra alternativ, så länge du inte har något emot annonserna på plugin-sidan.

Bonus: Shortcodes Ultimate

The Shortcodes Ultimate plugin

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

Eftersom den använder kortkoder kan du lägga till dragspels-kortkoden på alla delar av din WordPress-webbplats, från sidor och inlägg till widget-klara områden. Du behöver inte heller oroa dig för temakompatibilitet, eftersom det fungerar smidigt med de flesta moderna teman.

Vad vi inte gillar med pluginet är att kortkoden och HTML för dragspelet ä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 satte det här alternativet i samma lista som ovan.

Vad är det bästa tillägget för dragspel i WordPress?

Den bästa WordPress dragspel plugin beror på dina behov.

Om du letar efter ett dragspelsplugin för FAQ-innehåll, rekommenderar vi att du väljer Heroic FAQs. Drag-och-släpp-redigeraren är enkel att använda och innehåller olika anpassningsfunktioner för att skapa dragspel direkt från start.

Om du letar efter en page builder med ett dragspels block, då är SeedProd ditt bästa alternativ. SeedProd erbjuder olika controls och settings för hur dragspelet ser ut och beter sig. Dessutom kommer din dragspelsdesign att se bra ut med andra element på din page.

Slutligen, för personer som letar efter ett gratis WordPress dragspels plugin, överväga Accordions. Detta plugin innehåller allt som behövs för att skapa enkla dragspel eller vertikalt tabs content. Dess lazy loading kommer också att se till att dragspelet inte saktar ner din site.

Vanliga frågor om dragspel i WordPress

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

Hur addar jag ett dragspel till WordPress?

Det enklaste sättet att add to ett dragspel i WordPress är med ett plugin som Heroic Vanliga frågor, SeedProd eller Accordions. Med dessa tools kan du infoga ett färdigt dragspel på dina pages och posts och customize det som du gillar.

Vilket plugin för dragspel i WordPress erbjuder de bästa alternativen för customize?

Heroic Vanliga frågor erbjuder de bästa alternativen för customize för att skapa dragspel. Den levereras med en drag and drop editor, fördefinierade dragspelsstilar, 15 Vanliga frågor icon-val, CSS3-animationer, toggle stil alternativ, och mer.

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

Vilket WordPress plugin för dragspel är bäst för att skapa sektioner med Vanliga frågor?

Heroic FAQs är ett utmärkt WordPress plugin för dragspel för att skapa Vanliga frågor och svar sections. Med detta plugin kan du skapa dragspel med olika stilar och infoga olika rika content för att göra din information lättare att förstå.

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

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

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

16 kommentarerLämna ett svar

  1. Hajjalah

    I personally use the Accordions plugin to structure some parts of my blog posts by making then collapsible or expandable with an accordion. This significantly decreases post page length since some content in collapsible in the accordion.
    Another advantage of such accordion in a post page is that it enables the reader to only expand the desired content other that scrolling the entire page. This has greatly improved user experience on my blog. Thanks WPBeginner for this great tutorial.

  2. Moinuddin Waheed

    Accordion is a nice way to display information in an organised way.
    I have seen people mainly using accordion for faqs.
    But this can be used for other important piece of information as well.
    I have used elementor in the past for this purpose but since I have completely left out elementor, now exploring newfound love with seedprod.

    • WPBeginner Support

      We hope you find it useful :)

      Administratör

  3. Jiří Vaněk

    I also use accordion for FAQ. Thanks to having elementor, I can use their accordion widget and don’t need another plugin. So just a piece of advice for those who have elementor, so you don’t have to install another plugin. Elementor has an accordion widget by default.

  4. Gary Richards

    Hi,
    Does this accordion have the ability to have sections and then within the sections the FAQs.
    Currently I have categories with about 20 questions in each. Each category has its own accordion.
    However, this is quite lengthly as it reveals all the questions in each category. So I kind of need a ’double’ accordion if that makes sense.
    Thanks.

    • WPBeginner Support

      You may want to take a look at the second plugin from our list for what it sounds like you are wanting.

      Administratör

  5. Craig

    Can this be set up to continue contingent upon answer?

  6. Ivan

    How does accordion work with SEO?
    Can google read/rank text from accordion if all content is collapsed by default?

    • WPBeginner Support

      Yes, search engines would be able to read the accordion content.

      Administratör

  7. Kiane

    Is it possible to use it on woocommerce single product page on tabs in woocommerce?

    • WPBeginner Support

      It would depend on the specific plugin you are asking about, we would recommend reaching out to the plugin’s support and they should be able to let you know if there is an integration for WooCommerce.

      Administratör

  8. Michael Dubell

    Are there any solutions for adding content other than text in an accordion element? I would like my drop down to also include images/videos.

    As always, thanks for the great content!

    Michael

    • WPBeginner Support

      Depending on how you want the content displayed, these plugins can handle video and/or images in the accordions

      Administratör

  9. John

    Timely info, thanks.

    • WPBeginner Support

      Glad we could share these plugins :)

      Administratör

  10. Azhar Hussain

    Nice info about Accordions. Keep up the good work.
    Thanks for sharing

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.