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

7+ Meilleures extensions d’accordéon WordPress (2024)

Note éditoriale : Nous percevons une commission sur les liens des partenaires sur WPBeginner. Les commissions n'affectent pas les opinions ou les évaluations de nos rédacteurs. En savoir plus sur Processus éditorial.

Vous êtes à la recherche des meilleures extensions WordPress pour les accordéons ?

Un accordéon est un élément de conception web utile qui vous permet d’afficher du contenu sous forme d’onglets repliables. Il est souvent utilisé pour afficher des questions fréquemment posées ou des détails sur des produits sans occuper trop d’espace sur la page.

Dans cet article, nous partagerons les meilleures extensions d’accordéon WordPress que vous pouvez utiliser sur votre site.

Best WordPress Accordion Plugins

Qu’est-ce qu’un accordéon sur un site ?

Un accordéon est une liste de panneaux qui peuvent masquer et afficher des informations lorsque vous cliquez sur chacun d’eux. Il permet aux utilisateurs/utilisatrices de choisir le détail sur lequel ils/elles veulent en savoir plus, tandis que le reste du contenu de l’onglet reste fermé.

An example of a FAQ section using an accordion

De nombreux propriétaires de sites web utilisent les accordéons lorsqu’ils souhaitent couvrir des tonnes d’informations tout en enregistrant un peu d’espace sur leurs pages web.

Vous avez peut-être déjà vu des accordéons utilisés comme FAQ (Foire aux questions) dans la documentation en ligne. Les utilisateurs/utilisatrices peuvent cliquer sur la question pour voir la réponse, et s’ils ne veulent pas la lire, il leur suffit de la refermer. Le contenu des FAQ est également devenu plus courant pour le référencement de WordPress, car il peut s’afficher dans les résultats de recherche.

Lespages de produits de WooCommerce utilisent aussi souvent des accordéons pour organiser un grand nombre d’informations. Les clients/clientes peuvent cliquer sur un détail pour lequel ils veulent plus d’explications.

Par défaut, WordPress ne dispose pas d’un bloc Gutenberg pour les accordéons. C’est pourquoi de nombreux utilisateurs/utilisatrices installent une extension à cet effet.

Jetons un coup d’œil à quelques-unes des meilleures extensions d’accordéon WordPress que vous pouvez utiliser sur votre site WordPress.

Avis de non-responsabilité : Lors du choix des extensions pour cette vitrine, nous avons installé chaque outil sur notre site de test afin d’explorer ses avantages, ses inconvénients et ses fonctionnalités. Cela nous a permis de recommander uniquement les meilleures extensions d’accordéon WordPress.

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.

Il est livré avec un éditeur drag-and-drop afin que vous puissiez créer des questions et des réponses, regrouper des FAQ et réorganiser les articles en toute simplicité. Il existe 5 styles d’accordéon prédéfinis et de nombreuses options de personnalisation pour s’adapter 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

SeedProd Website and Theme Builder

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.

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.

Creating an accordion in SeedProd

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.

Making the SeedProd accordion mobile-friendly

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 :

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.

Pour plus de détails, vous pouvez consulter notre Avis SeedProd terminé.

3. Les accordéons

PickPlugins' Accordions

Accordions est une extension d’accordéon un peu 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.

The Accordions plugin interface in WordPress

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 offre Pro comprend en outre des fonctionnalités que l’on ne trouve pas forcément dans d’autres extensions, comme les accordéons imbriqués.

4. Thrive Architect

Thrive Architect

Thrive Architect est un autre grand constructeur de page avec un bloc accordéon/toggle. 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.

Ce qui rend Thrive Architect unique, c’est que vous pouvez personnaliser le style et la vitesse d’animation du bloc de permutation. Cela vous offre plus de contrôle sur la façon dont l’accordéon se comporte.

Editing the toggle block in Thrive Architect

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.

Pour en savoir plus, Avis sur Thrive Architect.

5. Blocs ultimes

Ultimate Blocks

Ultimate Blocks est une extension de bloc Gutenberg avec une fonctionnalité d’accordéon. En l’utilisant, vous pouvez ajouter un bloc de permutation 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 permutation de 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

Easy Accordion

Si vous êtes à la recherche d’une extension d’accordéon pour vos pages de produits WooCommerce, alors consultez Easy Accordion. La version Pro inclut le support pour la création de sections de 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

WPShopSmart's Accordion plugin

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 repliables et les déplacer comme bon vous semble depuis l’interface d’administration.

L’extension gratuite Accordion FAQ dispose uniquement d’un Modèle, mais il est 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.

WPShopSmart's Accordion plugin interface in the admin area

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

The Shortcodes Ultimate plugin

Shortcodes Ultimate est une extension WordPress livrée avec un ensemble de codes courts permettant d’ajouter divers éléments de contenu, notamment des accordéons.

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.

L’inconvénient 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.

Pour plus de détails, consultez notre test complet de Shortcodes Ultimate.

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 la meilleure option est 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.

Les meilleurs guides pour l’utilisation des accordéons dans 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 meilleurs services de marketing e-mail, et notre liste d’experts des extensions WordPress incontournables pour les sites professionnels.

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.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

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.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

16 commentairesLaisser une réponse

  1. 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!

  2. 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.

  3. 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.

  4. 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.

      Administrateur

  5. 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

      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

  6. 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

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.