L’une des fonctionnalités les plus courantes que nous utilisons sur nos conceptions de sites WordPress est un accordéon. Cet élément de conception Web utile vous permet d’afficher le contenu dans une mise en page d’onglet réduit, de sorte que vous pouvez afficher les questions fréquemment posées ou les détails des produits sans prendre autant d’espace.
Personnellement, nous aimons utiliser le bloc accordéon de SeedProd, notre extension de constructeur de page préférée. Cela dit, chaque utilisateur a ses propres préférences, et peut-être cherchez-vous une extension d’accordéon dédiée plutôt qu’une solution de constructeur de page.
Si c’est le cas, alors vous êtes au bon endroit. Dans cet article, nous partagerons avec vous les meilleures extensions d’accordéon WordPress que vous pourrez utiliser sur votre site.
Nos choix pour les meilleures extensions d’accordéon WordPress
Name | Pro | Con | |
🥇 | Heroic FAQs | Easy-to-customize accordions for FAQ content | Must be purchased with Heroic KB |
🥈 | SeedProd | Comprehensive customization options for accordion design | Accordion block not available in free version |
🥉 | PickPlugins’ Accordions | Lazy loading feature to optimize accordions | Interface is not the most user-friendly |
4 | Thrive Architect | Advanced settings for accordion animation | No free version available |
5 | Ultimate Blocks | SEO-friendly with customizable heading tags | Limited accordion icon options |
6 | Easy Accordion | Built-in support for WooCommerce product pages | Best features locked in Pro version |
7 | Accordion FAQ | User-friendly drag-and-drop accordion editor | Free version displays multiple ads |
Comment nous avons testé les meilleures extensions d’accordéon pour WordPress
Pour trouver les meilleures extensions d’accordéon WordPress, nous avons simplement installé chacune d’entre elles sur notre site de démonstration et évalué comment elles se situent les unes par rapport aux autres.
Mais ce n’est pas tout. Nous nous sommes également concentrés sur la facilité d’utilisation de l’extension. Vous ne voulez pas être épinglé avec une extension d’accordéon qui ne peut pas être configurée facilement dès que vous l’installez.
Nous nous sommes également penchés sur les fonctionnalités de personnalisation. Toutes les extensions d’accordéon ne se valent pas. L’idéal est d’en choisir un qui vous permette de modifier facilement l’apparence de l’accordéon, que vous créiez une section FAQ ou autre.
À part cela, nous avons essayé de soumettre les extensions à un test de performance. Les extensions peuvent prendre de la place sur votre hébergeur WordPress, et une fonctionnalité d’accordéon n’est généralement pas très lourde au départ. Confirmez donc que l’extension que vous utilisez ne ralentira pas votre site.
Enfin, nous avons examiné son prix et son rapport qualité-prix. Certaines extensions de la liste sont payantes, nous voulons donc être francs sur les avantages que vous pouvez obtenir (ou non) avec le prix.
Jetons un coup d’œil à quelques-unes des meilleures extensions d’accordéon WordPress que vous pouvez utiliser sur votre site WordPress.
Pourquoi faire confiance à WPBeginner ?
Notre équipe a plus d’une décennie d’expérience dans WordPress et le développement web, donc nous savons de première main ce qui compte pour vous lorsque vous construisez votre propre site. Nous mettons chaque outil, extension, logiciel et thème à l’épreuve pour trouver et recommander uniquement le meilleur des meilleurs pour nos Lecteurs.
Pour en savoir plus, consultez notre processus éditorial.
1. FAQ héroïque
Si vous souhaitez utiliser une extension d’accordéon spécifiquement pour les foires aux questions, alors consultez Heroic FAQs. Il vous permet de générer facilement du contenu en onglets repliables et de l’ajouter n’importe où sur votre blog ou site WordPress.
Lorsque nous avons testé l’extension, nous avons trouvé que l’éditeur par glisser/déposer était assez facile à utiliser. Vous pouvez créer des questions et des réponses, regrouper des FAQ et réorganiser les articles avec facilité. Il y a 5 styles d’accordéon prédéfinis et de nombreuses options de personnalisation pour correspondre parfaitement au design de votre site.
Par exemple, vous pouvez ajouter un contenu riche à vos accordéons, notamment des images, des blockquotes, des vidéos, des listes, etc.
Heroic FAQs propose également 15 choix d’icônes de FAQ, des options de style accordéon ou permuter, des animations CSS3, et plus encore pour rendre vos FAQ plus personnalisées.
Les avantages des FAQ héroïques :
- Des accordéons faciles à personnaliser pour le contenu de la FAQ.
- Un éditeur Avancée/éditrices simple/simple d’utilisation pour construire vos accordéons.
- Offre des éléments de contenu riche à insérer dans vos accordéons afin de les rendre plus attrayants.
- Support intégré du schéma FAQ pour que le contenu de votre FAQ puisse s’afficher dans les moteurs de recherche.
Les inconvénients des FAQ héroïques :
- Aucune extension gratuite n’est disponible.
- Doit être acheté avec Heroic KB, dont le prix commence à 149,50 $ par an. Cette extension est donc en quelque sorte un module complémentaire.
Pourquoi nous avons choisi Heroic FAQs : Il est parfait si vous cherchez une extension en accordéon facile à utiliser et spécialement conçue pour le contenu des FAQ. Nous le recommandons également si vous souhaitez construire une base de connaissances, car vous devez l’acheter avec Heroic KB.
2. SeedProd
En tant que meilleur constructeur de page WordPress drag-and-drop du marché, SeedProd propose différents blocs pour créer un site simple/simple d’utilisation. Il s’agit notamment d’un bloc accordéon, qui vous permet d’ajouter des sections de texte qui se déplient et se replient sur vos pages.
Nous utilisons en fait SeedProd pour certains de nos sites de marque et pages personnalisées ici à WPBeginner. Nous expliquons plus sur les fonctionnalités et les avantages des extensions dans notre examen complet de SeedProd.
Avec SeedProd, tout ce que vous avez à faire est de glisser-déposer le bloc accordéon sur votre page et de commencer à le personnaliser. Vous pouvez créer autant de sections de texte que nécessaire et même utiliser une icône dropdown unique de Font Awesome pour une touche personnelle.
N’hésitez pas à personnaliser la typographie du bloc, les couleurs, les effets animés et autres pour rendre l’accordéon plus interactif.
Ce qui est génial avec SeedProd, c’est qu’il facilite la création d’un accordéon responsive. Vous pouvez ajuster l’espacement du bloc pour les ordinateurs de bureau et les appareils mobiles, et même opter pour masquer l’accordéon si la page est vue sur un certain appareil.
Les avantages de SeedProd :
- Éditeurs/éditrices par glisser-déposer faciles à utiliser pour les utilisateurs/utilisatrices de tous niveaux.
- Les options de personnalisation permettent de contrôler entièrement le design de l’accordéon, de l’en-tête et de l’icône de la liste déroulante aux ombres de la section de texte.
- Fournit des réglages pour ajuster l’espacement et la visibilité de l’accordéon sur mobile, ce qui est excellent pour améliorer l’expérience du compte.
- Offre diverses mises en page de sections de FAQ prêtes à l’emploi pour accélérer votre processus.
- Permet une Outil de personnalisation CSS pour rendre le design de votre accordéon plus personnalisé.
Les inconvénients de SeedProd :
- Le bloc accordéon n’est pas disponible dans la version gratuite.
Pourquoi nous avons choisi SeedProd : Bien que le bloc accordéon soit uniquement disponible dans la version Pro, nous pensons toujours que SeedProd mérite d’être recommandé. En plus d’un accordéon personnalisable, vous aurez également accès à un constructeur de page simple/simple d’utilisation qui rend la création d’un site unique facile.
3. Les accordéons
Parmi toutes les extensions que nous avons testées, Accordions est une option d’accordéon légèrement plus avancée, mais elle est également très puissante.
Contrairement aux extensions précédentes, il n’est pas livré avec un éditeur WYSIWYG ou drag-and-drop. L’interface est beaucoup plus simple, sans Prévisualisation directe, mais vous pouvez voir beaucoup de Réglages pour ajouter et personnaliser des accordéons illimités.
L’une des fonctionnalités les plus remarquables de cette extension est son réglage lazy load. Cela retarde le chargement de l’accordéon jusqu’à ce que l’écran de l’utilisateur l’atteigne sur la page. De cette façon, vous pouvez maintenir une performance rapide du site.
En outre, si vous optez pour la version Pro, vous pouvez créer des accordéons imbriqués. Cette fonctionnalité sera pratique si vous avez beaucoup d’informations à expliquer et que vous souhaitez les rendre plus organisées.
Les avantages des accordéons :
- Dispose d’une fonctionnalité de chargement paresseux pour optimiser les accordéons.
- Outil d’importation de fonctionnalités permettant d’importer des accordéons provenant d’autres extensions.
- Choisissez entre deux types d’accordéons : l’accordéon traditionnel ou les onglets verticaux.
- Offre une intégration avec les icônes Font Awesome pour personnaliser les icônes permettant de développer ou de replier l’accordéon.
- L’offre Pro comprend des fonctionnalités avant telles que des accordéons imbriqués et une fonction de recherche intégrée.
Les inconvénients des accordéons :
- L’interface n’est pas des plus simples/simple d’utilisation.
- Vous pouvez uniquement afficher l’accordéon à l’aide de codes courts (il n’y a pas de bloc intégré pour cela).
Pourquoi nous avons choisi Accordions : Malgré son léger manque de convivialité, Accordions est une extension puissante pour créer de beaux accordéons. Son plan Pro inclut également des fonctionnalités que vous ne trouverez peut-être pas dans d’autres extensions, comme les accordéons imbriqués. Consultez notre test d’Accordions pour plus de détails.
4. Thrive Architect
Thrive Architect est un autre grand constructeur de page avec un bloc d’accordéon/de commutateur. Il dispose d’un éditeur drag-and-drop, de sorte que la conception d’une section de FAQ ou d’informations sur les produits avec cette extension est facile. Si vous voulez en savoir plus, consultez notre avis complet sur Thrive Architect.
À propos de Thrive Architect, ce qui nous démarque, c’est que vous pouvez personnaliser le style et la vitesse d’animation du bloc de basculement. Cela vous offre plus de contrôle sur le comportement de l’accordéon.
En outre, vous pouvez créer des colonnes dans le bloc de permutation, ce qui peut être bénéfique si vous avez beaucoup de contenu en accordéon. De plus, vous pouvez personnaliser la couleur d’arrière-plan du bloc de permutation, la typographie, les ombres, etc.
Si vous souhaitez que le permuter soit déplié par défaut pour attirer l’attention des internautes, vous pouvez également le faire. Vous n’avez pas à craindre que l’espace soit limité en raison de l’expansion, car seul le contenu du premier accordéon sera affiché.
Les avantages de Thrive Architect :
- Le bloc de permutation est fourni avec toutes les offres Thrive Architect et Thrive Suite.
- Éditeurs/éditrices simples/simples d’utilisation.
- Outil de personnalisation de l’aspect du bloc accordéon.
- Réglages avancés permettant de configurer l’animation du bloc accordéon afin de contrôler son comportement lorsqu’il est cliqué.
- Réglages pour rendre la bascule visible ou invisible sur ordinateur, mobile et tablette afin de rendre le site plus responsive.
Les inconvénients de Thrive Architect :
- Aucune version gratuite n’est disponible.
- Aucune fonctionnalité d’enregistrement automatique, vous devez donc enregistrer manuellement votre travail.
Pourquoi nous avons choisi Thrive Architect : Si vous êtes à la recherche d’un constructeur de page avec une fonction de permutation, alors essayez Thrive Architect. Les réglages de personnalisation pour créer des accordéons sont complets, et vous pouvez facilement construire un design web unique et des pages d’atterrissage attrayantes avec le plugin.
5. Blocs ultimes
Ultimate Blocks est l’une des meilleures extensions de blocs Gutenberg que nous avons essayées et qui s’accompagne d’une fonctionnalité d’accordéon. Nous allons plus en détail avec l’outil dans notre avis sur Ultimate Blocks.
En l’utilisant, vous pouvez ajouter un bloc de commutateur de contenu directement dans l’éditeur de blocs plutôt que dans une interface séparée. Vous pouvez ainsi créer une section FAQ et la placer facilement où vous le souhaitez sur votre page ou publication.
Ce qui est génial avec Ultimate Blocks, c’est que vous pouvez sélectionner l’identifiant d’en-tête pour le titre de l’accordéon. Par conséquent, vous pouvez rendre votre contenu d’accordéon convivial pour le référencement et l’aligner sur la structure logique de votre page ou publication.
Si vous mettez à niveau la version Pro, vous pouvez également ajouter une barre de recherche en haut de l’accordéon afin que les utilisateurs/utilisatrices puissent rechercher des réponses rapidement.
Les avantages d’Ultimate Blocks :
- Offre des commandes responsive design pour que l’accordéon soit masqué sur les appareils de bureau, les tablettes ou les mobiles.
- Respectueux de l’optimisation des moteurs de recherche, avec le support du schéma FAQ et des identifiants de titres personnalisables.
- Facile à utiliser car vous pouvez ajouter le bloc de basculement du contenu directement dans l’éditeur de blocs Gutenberg par glisser-déposer.
- Fournit d’autres blocs permettant de présenter des informations tout en minimisant l’espace, comme les blocs de contenu tabulés et dépliables.
Les inconvénients d’Ultimate Blocks :
- Options d’icônes d’accordéon limitées par rapport aux autres extensions de la liste.
Pourquoi nous avons choisi Ultimate Blocks : La plupart des utilisateurs/utilisatrices de WordPress sont déjà assez familiers avec l’éditeur de blocs, donc Ultimate Blocks est parfait pour ajouter un accordéon directement dans l’éditeur. Le bloc de permutation de contenu est également disponible dans la version gratuite de l’extension.
6. Accordéon facile
Si vous êtes à la recherche d’une extension d’accordéon pour vos pages de produits WooCommerce, alors nous vous recommandons de jeter un coup d’œil à Easy Accordion. Nous aimons particulièrement la version Pro, qui inclut le support pour la création de sections FAQ détaillées pour les pages de produits.
Si vous avez la même FAQ pour plusieurs catégories de produits, vous pouvez facilement les mettre en œuvre avec cette extension. Par conséquent, vous n’aurez pas à créer différentes FAQ pour différentes pages.
Easy Accordion est également prêt pour la traduction, car il est compatible avec des extensions multilingues comme WPML et PolyLang. C’est une excellente chose si vous gérez une entreprise multilingue.
Une autre fonctionnalité très intéressante est le générateur de codes courts personnalisés. Cela vous permet de différencier facilement vos codes courts d’accordéon pour lorsque vous devez les intégrer ultérieurement.
Avantages de Easy Accordion Pro :
- Supporte Gutenberg et la plupart des principaux plugins de constructeurs de pages WordPress.
- Vous pouvez créer des accordéons à partir de pages, de publications, de types de publications personnalisés et même de taxonomies existantes afin d’enregistrer le temps nécessaire à l’insertion du contenu de l’accordéon.
- Mises en page multiples en accordéon, depuis les onglets verticaux et les sections multicolonnes jusqu’aux permutations horizontales.
- Inclut des fonctionnalités de référencement comme le balisage schema et les liens en nofollow.
Les inconvénients de Easy Accordion Pro :
- L’extension est livrée avec une version gratuite, mais la plupart des fonctionnalités qui la rendent géniale sont verrouillées dans la version Pro.
Pourquoi nous avons choisi Easy Accordion: Le support intégré pour les pages de produits WooCommerce et les extensions de traduction rendent Easy Accordion idéal pour les entreprises en ligne.
7. FAQ sur l’accordéon
Si vous êtes à la recherche d’une extension d’accordéon sans fioritures avec un constructeur par glisser-déposer, alors ne cherchez pas plus loin qu’Accordion FAQ. Avec lui, vous pouvez facilement créer plusieurs sections de contenu réduites et les déplacer comme vous le souhaitez depuis l’interface d’administration.
L’extension gratuite Accordion FAQ dispose uniquement d’un Modèle, mais nous l’avons trouvé simple/simple d’utilisation et polyvalent. Pour plus de choix de conception, vous pouvez mettre à niveau vers la version Pro et obtenir 18+ modèles.
L’extension offre également de nombreuses façons de personnaliser l’accordéon. N’hésitez pas à utiliser ses 30+ styles d’animation, ses dizaines d’Icônes Font Awesome et ses 500+ polices Google pour rendre l’accordéon plus unique.
FAQ sur les avantages de l’accordéon :
- Éditeurs/éditrices en accordéon simples/simple d’utilisation.
- De nombreuses options de personnalisation avec des options de couleurs illimitées et des tonnes de styles d’animation, d’icônes et de polices Google.
- La tarification des offres Pro est très abordable, à partir de 9 $ pour 6 mois.
- Basé sur le cadre Bootstrap, qui crée un design responsive pour les accordéons.
FAQ sur les inconvénients de l’accordéon :
- La version gratuite de l’extension affiche de nombreuses publicités qui peuvent nuire à l’expérience des utilisateurs/utilisatrices.
Pourquoi nous avons choisi Accordion FAQ : Si vous recherchez un plugin d’accordéon simple avec une fonctionnalité de glisser-déposer, alors Accordion FAQ est une excellente option, tant que les publicités sur la page du plugin ne vous dérangent pas.
Bonus : Shortcodes Ultimate
Shortcodes Ultimate est une extension WordPress livrée avec un ensemble de codes courts pour ajouter divers éléments de contenu, y compris des accordéons. Pour plus de détails, consultez notre Avis complet sur Shortcodes Ultimate.
Comme il utilise des codes courts, vous pouvez ajouter le shortcode accordéon à n’importe quelle partie de votre site WordPress, des pages et des publications aux zones prêtes pour les widgets. Vous n’aurez pas non plus à vous soucier de la compatibilité des thèmes, car il fonctionne sans problème avec la plupart des thèmes modernes.
Ce que nous n’aimons pas dans cette extension, c’est que le code court et le HTML pour l’accordéon sont assez longs, et vous devez faire attention lorsque vous insérez votre contenu. C’est pourquoi nous n’avons pas mis cette option dans la même liste que ci-dessus.
Quelle est la meilleure extension WordPress pour les accordéons ?
La meilleure extension WordPress pour accordéon dépend de vos besoins.
Si vous êtes à la recherche d’une extension d’accordéon pour le contenu de la FAQ, alors nous vous recommandons d’opter pour Heroic FAQs. L’éditeur drag-and-drop est facile à utiliser et comprend diverses fonctionnalités de personnalisation pour créer des accordéons hors de la boîte.
Si vous êtes à la recherche d’un constructeur de page avec un bloc accordéon, alors SeedProd est votre meilleure option. SeedProd offre divers contrôles et réglages pour l’apparence et le comportement de l’accordéon. De plus, votre conception d’accordéon aura fière allure avec d’autres éléments sur votre page.
Enfin, pour les personnes à la recherche d’une extension WordPress gratuite pour les accordéons, pensez à Accordions. Cette extension comprend tout ce qui est nécessaire pour créer des accordéons simples ou du contenu à onglets verticaux. Grâce à son chargement paresseux, l’accordéon ne ralentira pas votre site.
FAQ sur les accordéons dans WordPress
Passons en revue quelques questions fréquemment posées sur l’ajout d’accordéons dans WordPress.
Comment ajouter un accordéon à WordPress ?
La façon la plus simple d’ajouter un accordéon dans WordPress est avec une extension comme Heroic FAQs, SeedProd, ou Accordions. Avec ces outils, vous pouvez insérer un accordéon prêt à l’emploi dans vos pages et publications et le personnaliser à votre guise.
Quelle extension d’accordéon WordPress offre les meilleures options de personnalisation ?
Heroic FAQs offre les meilleures options de personnalisation pour la création d’accordéons. Il est livré avec un éditeur drag-and-drop, des styles d’accordéon prédéfinis, 15 choix d’icônes de FAQ, des animations CSS3, des options de style de permutation, et plus encore.
Outil de personnalisation offre également des options de personnalisation complètes pour modifier l’apparence et le comportement d’un accordéon. En plus de modifier la couleur et la typographie, vous pouvez ajuster la taille de l’accordéon spécifiquement pour les appareils mobiles.
Quelle est l’extension WordPress la plus adaptée à la création de sections FAQ ?
Heroic FAQs est une excellente extension WordPress d’accordéon pour la création de sections de FAQ. Avec cette extension, vous pouvez créer des accordéons en utilisant différents styles et insérer différents contenus riches pour faciliter la compréhension de vos informations.
Guides ultimes pour améliorer votre site WordPress
- Comment créer des barres et des graphiques dans WordPress avec Visualizer
- Les meilleures extensions Google Maps pour WordPress (la plupart sont gratuites)
- Comment ajouter des notifications Web Push à votre site WordPress
- Meilleures extensions de quiz pour WordPress
- Comment créer un tracker de fitness sous WordPress (avec des graphiques)
- Comment ajouter un widget de lecteur de musique audio dans WordPress
- Comment afficher des citations aléatoires dans votre colonne latérale WordPress
Nous espérons que cet article vous a aidé à trouver les meilleures extensions WordPress pour accordéon. Vous pouvez également consulter nos choix des extensions WordPress les plus amusantes que vous manquez et notre guide sur la façon de créer des flux de travail automatisés sur WordPress.
Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.
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
Administrateur
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.
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.
Administrateur
Craig
Can this be set up to continue contingent upon answer?
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.
Administrateur
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.
Administrateur
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
Administrateur
John
Timely info, thanks.
WPBeginner Support
Glad we could share these plugins
Administrateur
Azhar Hussain
Nice info about Accordions. Keep up the good work.
Thanks for sharing