Sind Sie auf der Suche nach den besten WordPress-Akkordeon-Plugins?
Ein Akkordeon ist ein hilfreiches Webdesign-Element, mit dem Sie Inhalte in einem zusammenklappbaren Registerkarten-Layout anzeigen können. Es wird oft verwendet, um häufig gestellte Fragen oder Produktdetails anzuzeigen, ohne dass es viel Platz auf der Seite einnimmt.
In diesem Artikel werden wir die besten WordPress-Akkordeon-Plugins vorstellen, die Sie auf Ihrer Website verwenden können.
Was ist ein Akkordeon auf einer Website?
Ein Akkordeon ist eine Liste von Bereichen, die Informationen ein- und ausblenden können, wenn Sie auf die einzelnen Bereiche klicken. So können die Benutzer auswählen, über welches Detail sie mehr erfahren möchten, während der Rest des Registerkarteninhalts geschlossen bleibt.
Viele Website-Besitzer verwenden Akkordeons, wenn sie viele Informationen unterbringen und gleichzeitig Platz auf ihren Webseiten sparen wollen.
Vielleicht haben Sie schon einmal gesehen, dass Akkordeons in der Online-Dokumentation als FAQs (Frequently Asked Questions) verwendet werden. Benutzer können auf die Frage klicken, um die Antwort zu sehen, und wenn sie sie nicht lesen wollen, können sie sie einfach wieder schließen. FAQ-Inhalte werden auch immer häufiger für WordPress-SEO verwendet, da sie in den Suchergebnissen auftauchen können.
WooCommerce-Produktseiten verwenden auch oft Akkordeons, um viele Informationen zu organisieren. Kunden können auf ein Detail klicken, für das sie weitere Erklärungen wünschen.
Standardmäßig verfügt WordPress nicht über einen Gutenberg-Block für Akkordeons. Deshalb installieren viele Nutzer ein Plugin für diesen Zweck.
Werfen wir einen Blick auf einige der besten WordPress-Akkordeon-Plugins, die Sie auf Ihrer WordPress-Website verwenden können.
Haftungsausschluss: Bei der Auswahl der Plugins für diesen Showcase haben wir jedes Tool auf unserer Testseite installiert, um seine Vor- und Nachteile sowie seine Funktionen zu untersuchen. So konnten wir nur die besten WordPress-Akkordeon-Plugins empfehlen.
1. Heldenhafte FAQs
Wenn Sie ein Akkordeon-Plugin speziell für häufig gestellte Fragen verwenden möchten, dann sollten Sie sich Heroic FAQs ansehen. Mit diesem Plugin können Sie ganz einfach zusammenklappbare Registerkarten generieren und sie überall in Ihrem WordPress-Blog oder auf Ihrer Website einfügen.
Es verfügt über einen Drag-and-Drop-Editor, mit dem Sie Fragen und Antworten erstellen, FAQs gruppieren und Elemente ganz einfach neu anordnen können. Es gibt 5 vordefinierte Akkordeonstile und viele Anpassungsoptionen, die perfekt zu Ihrem Website-Design passen.
Sie können Ihren Akkordeons zum Beispiel reichhaltige Inhalte hinzufügen, darunter Bilder, Blockzitate, Videos, Listen usw.
Heroic FAQs bietet außerdem 15 verschiedene FAQ-Symbole, Akkordeon- oder Toggle-Stiloptionen, CSS3-Animationen und vieles mehr, um Ihre FAQs noch persönlicher zu gestalten.
Vorteile der heroischen FAQs:
- Leicht anpassbare Akkordeons für FAQ-Inhalte.
- Benutzerfreundlicher Drag-and-Drop-Editor zur Erstellung Ihrer Akkordeons.
- Bietet reichhaltige Inhaltselemente, die in Ihre Akkordeons eingefügt werden können, so dass Sie diese viel ansprechender gestalten können.
- Eingebaute FAQ-Schema-Unterstützung, damit Ihre FAQ-Inhalte in Suchmaschinen auftauchen können.
Nachteile der heroischen FAQs:
- Es ist kein kostenloses Plugin verfügbar.
- Muss zusammen mit Heroic KB erworben werden, wo der Preis bei $149,50 pro Jahr beginnt. Dieses Plugin ist also so etwas wie ein Add-on.
Warum wir uns für Heroic FAQs entschieden haben: Es ist perfekt, wenn Sie ein einfach zu bedienendes Akkordeon-Plugin suchen, das speziell für FAQ-Inhalte konzipiert ist. Wir empfehlen es auch, wenn Sie eine Wissensdatenbank aufbauen möchten, da Sie es zusammen mit Heroic KB erwerben müssen.
2. SeedProd
Als bester Drag-and-Drop-WordPress-Seitenersteller auf dem Markt bietet SeedProd verschiedene Blöcke zur Erstellung einer benutzerfreundlichen Website. Dazu gehört ein Akkordeon-Block, mit dem Sie Textabschnitte hinzufügen können, die sich auf Ihren Seiten aus- und einklappen lassen.
Sie müssen nur den Akkordeon-Block per Drag & Drop auf Ihre Seite ziehen und können ihn dann individuell anpassen. Sie können so viele Textabschnitte erstellen, wie Sie benötigen, und sogar ein einzigartiges Dropdown-Symbol von Font Awesome für eine persönliche Note verwenden.
Sie können die Typografie des Blocks, die Farben, die animierten Effekte und vieles mehr anpassen, um das Akkordeon interaktiver zu gestalten.
Das Tolle an SeedProd ist, dass es einfach ist, ein responsives Akkordeon zu erstellen. Sie können den Abstand des Blocks für Desktop- und Mobilgeräte anpassen und sogar festlegen, dass das Akkordeon ausgeblendet wird, wenn die Seite auf einem bestimmten Gerät angezeigt wird.
Vorteile von SeedProd:
- Einfach zu bedienender Drag-and-Drop-Editor für Benutzer aller Stufen.
- Die Anpassungsoptionen ermöglichen die vollständige Kontrolle über das Design des Akkordeons, von der Kopfzeile und dem Dropdown-Symbol bis hin zu den Schatten des Textabschnitts.
- Bietet Einstellungen, um den Abstand und die Sichtbarkeit des Akkordeons auf mobilen Geräten anzupassen, was für die Verbesserung der Benutzerfreundlichkeit sehr hilfreich ist.
- Bietet verschiedene gebrauchsfertige Layouts für FAQ-Abschnitte, um Ihren Prozess zu beschleunigen.
- Ermöglicht benutzerdefiniertes CSS, um Ihr Akkordeon-Design individueller zu gestalten.
Nachteile von SeedProd:
- Der Akkordeonblock ist in der kostenlosen Version nicht verfügbar.
Warum wir uns für SeedProd entschieden haben: Obwohl der Akkordeon-Block nur in der Pro-Version verfügbar ist, halten wir SeedProd dennoch für empfehlenswert. Neben einem anpassbaren Akkordeon erhalten Sie auch Zugang zu einem benutzerfreundlichen Page Builder, der die Erstellung einer einzigartigen Website einfach macht.
Weitere Einzelheiten finden Sie in unserem vollständigen SeedProd-Test.
3. Akkordeons
Accordions ist ein etwas fortgeschritteneres Akkordeon-Plugin, aber auch ein ziemlich leistungsfähiges.
Im Gegensatz zu den vorherigen Plugins verfügt es nicht über einen WYSIWYG- oder Drag-and-Drop-Editor. Die Schnittstelle ist viel einfacher, ohne Live-Vorschau, aber Sie können eine Menge von Einstellungen sehen, um unbegrenzte Akkordeons hinzuzufügen und anzupassen.
Eines der bemerkenswertesten Merkmale dieses Plugins ist die Einstellung „Lazy Load„. Dadurch wird das Laden des Akkordeons verzögert, bis der Bildschirm des Nutzers es auf der Seite erreicht. Auf diese Weise können Sie eine schnelle Website-Leistung aufrechterhalten.
Wenn Sie die Pro-Version erwerben, können Sie außerdem verschachtelte Akkordeons erstellen. Diese Funktion ist praktisch, wenn Sie viele Informationen zu erklären haben und diese übersichtlicher gestalten möchten.
Vorteile von Akkordeons:
- Verfügt über eine „Lazy Loading“-Funktion zur Optimierung der Akkordeons.
- Bietet eine Importfunktion zum Importieren von Akkordeons aus anderen Plugins.
- Bietet zwei Arten von Akkordeons zur Auswahl: das traditionelle Akkordeon oder vertikale Registerkarten.
- Bietet eine Integration mit Font Awesome-Symbolen, um die Symbole für das Erweitern oder Zusammenklappen des Akkordeons anzupassen.
- Die Pro-Version enthält erweiterte Funktionen wie verschachtelte Akkordeons und eine integrierte Suchfunktion.
Nachteile von Akkordeons:
- Die Schnittstelle ist nicht besonders benutzerfreundlich.
- Sie können das Akkordeon nur mit Shortcodes anzeigen (es gibt keinen integrierten Block dafür).
Warum wir uns für Accordions entschieden haben: Trotz des leichten Mangels an Benutzerfreundlichkeit ist Accordions ein leistungsstarkes Plugin für die Erstellung schöner Akkordeons. Das Pro-Abo umfasst auch Funktionen, die Sie in anderen Plugins nicht finden, wie verschachtelte Akkordeons.
4. Gedeihender Architekt
Thrive Architect ist ein weiterer großartiger Page Builder mit einem Akkordeon/Toggle-Block. Es verfügt über einen Drag-and-Drop-Editor, sodass die Gestaltung eines FAQ- oder Produktinformationsbereichs mit diesem Plugin einfach ist.
Was Thrive Architect einzigartig macht, ist, dass Sie den Animationsstil und die Geschwindigkeit des Toggle-Blocks anpassen können. So haben Sie mehr Kontrolle darüber, wie sich das Akkordeon verhält.
Außerdem können Sie im Toggle-Block Spalten erstellen, was bei einer Vielzahl von Akkordeon-Inhalten von Vorteil sein kann. Außerdem können Sie die Hintergrundfarbe des Toggle-Blocks, die Typografie, die Schatten und so weiter anpassen.
Wenn Sie den Kippschalter standardmäßig erweitern möchten, um die Aufmerksamkeit der Besucher zu erregen, können Sie auch das tun. Sie müssen sich keine Sorgen machen, dass der Platz durch die Erweiterung begrenzt wird, da nur der Inhalt des ersten Akkordeons angezeigt wird.
Vorteile von Thrive Architect:
- Der Toggle-Block ist in allen Thrive Architect und Thrive Suite Plänen enthalten.
- Benutzerfreundlicher Drag-and-Drop-Editor.
- Es gibt viele Möglichkeiten, das Aussehen des Akkordeonblocks anzupassen.
- Erweiterte Einstellungen zur Konfiguration der Animation des Akkordeon-Blocks, um zu steuern, wie er sich beim Anklicken verhält.
- Einstellungen, um die Umschaltfunktion auf Desktop, Handy und Tablet sichtbar oder unsichtbar zu machen, damit die Website besser reagiert.
Nachteile von Thrive Architect:
- Es ist keine kostenlose Version verfügbar.
- Keine automatische Speicherfunktion, daher müssen Sie Ihre Arbeit manuell speichern.
Warum wir Thrive Architect gewählt haben: Wenn Sie auf der Suche nach einem Page Builder mit einer Toggle-Funktion sind, dann sollten Sie Thrive Architect ausprobieren. Die Anpassungseinstellungen zur Erstellung von Akkordeons sind umfassend, und Sie können mit dem Plugin ganz einfach ein einzigartiges Webdesign und attraktive Landing Pages erstellen.
Weitere Informationen finden Sie in unserem Bericht über Thrive Architect.
5. Ultimative Blöcke
Ultimate Blocks ist ein Gutenberg-Block-Plugin mit einer Akkordeon-Funktion. Damit können Sie einen Inhaltsumschaltblock direkt im Block-Editor und nicht in einer separaten Schnittstelle hinzufügen.
Auf diese Weise können Sie einen FAQ-Bereich erstellen und ihn ganz einfach an einer beliebigen Stelle Ihrer Seite oder Ihres Beitrags platzieren.
Das Tolle an Ultimate Blocks ist, dass Sie den Überschrift-Tag für den Akkordeon-Titel auswählen können. So können Sie den Inhalt Ihres Akkordeons SEO-freundlich gestalten und ihn an die logische Struktur Ihrer Seite oder Ihres Beitrags anpassen.
Wenn Sie auf die Pro-Version upgraden, können Sie auch eine Suchleiste oben auf dem Akkordeon einfügen, damit die Nutzer schnell nach Antworten suchen können.
Vorteile von Ultimate Blocks:
- Bietet responsive Design-Steuerungen, um das Akkordeon auf Desktop-, Tablet- oder Mobilgeräten auszublenden.
- SEO-freundlich, mit FAQ-Schema-Unterstützung und anpassbaren Überschriften-Tags.
- Einfach zu verwenden, da Sie den Inhaltsumschaltblock direkt im Gutenberg-Block-Editor per Drag-and-Drop hinzufügen können.
- Bietet weitere Blöcke für die Präsentation von Informationen bei gleichzeitiger Minimierung des Platzbedarfs, wie z. B. Blöcke mit Registerkarten und erweiterbare Inhalte.
Nachteile von Ultimate Blocks:
- Begrenzte Akkordeon-Symboloptionen im Vergleich zu den anderen Plugins auf der Liste.
Warum wir Ultimate Blocks gewählt haben: Die meisten WordPress-Benutzer sind bereits mit dem Block-Editor vertraut. Ultimate Blocks eignet sich daher hervorragend zum Hinzufügen eines Akkordeons direkt im Editor. Der Inhaltsumschaltblock ist auch in der kostenlosen Plugin-Version verfügbar.
Weitere Informationen finden Sie in unserem ausführlichen Ultimate Blocks-Test.
6. Leichtes Akkordeon
Wenn Sie auf der Suche nach einem Akkordeon-Plugin für Ihre WooCommerce-Produktseiten sind, sollten Sie sich Easy Accordion ansehen. Die Pro-Version enthält Unterstützung für die Erstellung detaillierter FAQ-Abschnitte für Produktseiten.
Wenn Sie dieselbe FAQ für mehrere Produktkategorien haben, können Sie sie mit diesem Plugin einfach implementieren. Als Ergebnis müssen Sie nicht verschiedene FAQs für verschiedene Seiten erstellen.
Easy Accordion ist auch übersetzungsfähig, da es mit mehrsprachigen Plugins wie WPML und PolyLang kompatibel ist. Das ist großartig, wenn Sie ein mehrsprachiges Unternehmen führen.
Eine weitere großartige Funktion ist der Generator für benutzerdefinierte Shortcodes. Damit können Sie Ihre Akkordeon-Shortcodes leicht differenzieren, wenn Sie sie später einbetten müssen.
Vorteile von Easy Accordion Pro:
- Unterstützt Gutenberg und die meisten wichtigen WordPress-Page-Builder-Plugins.
- Sie können Akkordeons aus bestehenden Seiten, Beiträgen, benutzerdefinierten Beitragstypen und sogar Taxonomien erstellen, um Zeit beim Einfügen des Akkordeoninhalts zu sparen.
- Mehrere Akkordeon-Layouts, von vertikalen Registerkarten und mehrspaltigen Abschnitten bis hin zu horizontalen Kippschaltern.
- Enthält SEO-Funktionen wie Schema-Markup und Nofollow-Links.
Nachteile von Easy Accordion Pro:
- Das Plugin wird mit einer kostenlosen Version geliefert, aber die meisten Funktionen, die es großartig machen, sind in der Pro-Version enthalten.
Warum wir uns für Easy Accordion entschieden haben: Die integrierte Unterstützung für WooCommerce-Produktseiten und Übersetzungs-Plugins macht Easy Accordion zu einem idealen Tool für Online-Unternehmen.
7. Akkordeon FAQ
Wenn Sie auf der Suche nach einem schnörkellosen Akkordeon-Plugin mit Drag-and-Drop-Builder sind, dann sind Sie bei Accordion FAQ genau richtig. Mit diesem Plugin können Sie ganz einfach mehrere zusammenklappbare Inhaltsabschnitte erstellen und diese vom Backend aus nach Belieben verschieben.
Das kostenlose Accordion-FAQ-Plugin hat nur eine Vorlage, ist aber sehr benutzerfreundlich und vielseitig. Wenn Sie mehr Gestaltungsmöglichkeiten wünschen, können Sie auf die Pro-Version upgraden und erhalten 18+ Vorlagen.
Das Plugin bietet auch viele Möglichkeiten, das Akkordeon anzupassen. Fühlen Sie sich frei, seine 30+ Animationsstile, Dutzende von Font Awesome Icons und 500+ Google Fonts zu verwenden, um das Akkordeon noch einzigartiger zu machen.
Vorteile des Akkordeons FAQ:
- Benutzerfreundlicher Drag-and-Drop-Akkordeon-Editor.
- Viele Anpassungsmöglichkeiten mit unbegrenzten Farboptionen und einer Vielzahl von Animationsstilen, Symbolen und Google Fonts.
- Die Preise für die Pro-Pläne sind recht erschwinglich und beginnen bei $9 für 6 Monate.
- Basiert auf dem Bootstrap-Framework, das ein responsives Design für die Akkordeons schafft.
Nachteile von Accordion FAQ:
- In der kostenlosen Plugin-Version werden mehrere Anzeigen eingeblendet, die die Benutzerfreundlichkeit beeinträchtigen können.
Warum wir Accordion FAQ gewählt haben: Wenn Sie ein einfaches Akkordeon-Plugin mit Drag-and-Drop-Funktionalität suchen, dann ist Accordion FAQ eine gute Wahl, solange Sie sich nicht an der Werbung auf der Plugin-Seite stören.
Bonus: Shortcodes Ultimate
Shortcodes Ultimate ist ein WordPress-Plugin, das eine Reihe von Shortcodes zum Hinzufügen verschiedener Inhaltselemente, einschließlich Akkordeons, enthält.
Da es Shortcodes verwendet, können Sie den Akkordeon-Shortcode zu jedem Teil Ihrer WordPress-Website hinzufügen, von Seiten und Beiträgen bis hin zu Widget-bereiten Bereichen. Sie müssen sich auch keine Gedanken über die Kompatibilität von Themes machen, da es mit den meisten modernen Themes reibungslos funktioniert.
Der Nachteil ist, dass der Shortcode und der HTML-Code für das Akkordeon ziemlich lang sind und Sie beim Einfügen Ihres Inhalts vorsichtig sein müssen. Deshalb haben wir diese Option nicht in dieselbe Liste wie oben aufgenommen.
Weitere Details finden Sie in unserem vollständigen Shortcodes Ultimate Test.
Was ist das beste WordPress-Akkordeon-Plugin?
Das beste WordPress-Akkordeon-Plugin hängt von Ihren Bedürfnissen ab.
Wenn Sie auf der Suche nach einem Akkordeon-Plugin für FAQ-Inhalte sind, dann ist Heroic FAQs die beste Option. Der Drag-and-Drop-Editor ist einfach zu bedienen und enthält verschiedene Anpassungsfunktionen für die Erstellung von Akkordeons.
Wenn Sie nach einem Page Builder mit einem Akkordeon-Block suchen, dann ist SeedProd die beste Option für Sie. SeedProd bietet verschiedene Steuerelemente und Einstellungen dafür, wie das Akkordeon aussieht und sich verhält. Außerdem wird Ihr Akkordeon-Design mit anderen Elementen auf Ihrer Seite großartig aussehen.
Wer schließlich ein kostenloses WordPress-Akkordeon-Plugin sucht, sollte Accordions in Betracht ziehen. Dieses Plugin enthält alles, was für die Erstellung einfacher Akkordeons oder vertikaler Registerkarteninhalte erforderlich ist. Sein „Lazy Loading“ sorgt außerdem dafür, dass das Akkordeon Ihre Website nicht verlangsamt.
FAQs über Akkordeons in WordPress
Lassen Sie uns einige häufig gestellte Fragen zum Hinzufügen von Akkordeons in WordPress durchgehen.
Wie füge ich ein Akkordeon zu WordPress hinzu?
Der einfachste Weg, ein Akkordeon in WordPress einzufügen, ist ein Plugin wie Heroic FAQs, SeedProd oder Accordions. Mit diesen Tools können Sie ein gebrauchsfertiges Akkordeon in Ihre Seiten und Beiträge einfügen und es nach Ihren Wünschen anpassen.
Welches WordPress-Akkordeon-Plugin bietet die besten Anpassungsmöglichkeiten?
Heroic FAQs bietet die besten Anpassungsoptionen für die Erstellung von Akkordeons. Es verfügt über einen Drag-and-Drop-Editor, vordefinierte Akkordeon-Stile, 15 FAQ-Symbole, CSS3-Animationen, Toggle-Style-Optionen und mehr.
SeedProd bietet auch umfassende Anpassungsmöglichkeiten, um das Aussehen und Verhalten eines Akkordeons zu verändern. Neben der Änderung von Farbe und Typografie können Sie die Größe des Akkordeons speziell für mobile Geräte anpassen.
Welches WordPress-Akkordeon-Plugin ist am besten für die Erstellung von FAQ-Abschnitten geeignet?
Heroic FAQs ist ein hervorragendes WordPress-Akkordeon-Plugin zur Erstellung von FAQ-Abschnitten. Mit diesem Plugin können Sie Akkordeons mit verschiedenen Stilen erstellen und verschiedene reichhaltige Inhalte einfügen, um Ihre Informationen leichter verständlich zu machen.
Beste Anleitungen für die Verwendung von Akkordeons in WordPress
- Beste FAQ WordPress Plugins (Expertenauswahl)
- Hinzufügen eines Abschnitts für häufig gestellte Fragen (FAQ) in WordPress
- Ein- und Ausblenden von Text in WordPress Posts mit dem Toggle-Effekt
- Wie man ein ausklappbares Seitenleistenmenü in WordPress erstellt (der einfache Weg)
- Coole jQuery-Plugins für WordPress, die einfach und leistungsfähig sind
Wir hoffen, dass dieser Artikel Ihnen geholfen hat, die besten WordPress-Akkordeon-Plugins zu finden. Vielleicht interessieren Sie sich auch für unsere Auswahl der besten E-Mail-Marketing-Dienste und unsere Expertenliste der wichtigsten WordPress-Plugins für Unternehmenswebsites.
Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Moinuddin Waheed says
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 says
We hope you find it useful
Admin
Jiří Vaněk says
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.
Gary Richards says
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 says
You may want to take a look at the second plugin from our list for what it sounds like you are wanting.
Admin
Craig says
Can this be set up to continue contingent upon answer?
Ivan says
How does accordion work with SEO?
Can google read/rank text from accordion if all content is collapsed by default?
WPBeginner Support says
Yes, search engines would be able to read the accordion content.
Admin
Kiane says
Is it possible to use it on woocommerce single product page on tabs in woocommerce?
WPBeginner Support says
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.
Admin
Michael Dubell says
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 says
Depending on how you want the content displayed, these plugins can handle video and/or images in the accordions
Admin
John says
Timely info, thanks.
WPBeginner Support says
Glad we could share these plugins
Admin
Azhar Hussain says
Nice info about Accordions. Keep up the good work.
Thanks for sharing