10+ meilleurs plugins WordPress accordéon en 2021

Le contenu long est rapidement devenu un type de publication de blog de base utilisé par les marques car il a tendance à bien se classer dans les recherches, en particulier dans les niches concurrentielles. Mais des pages plus longues peuvent rendre l'expérience de lecture maladroite. Les plugins Accordion peuvent aider les propriétaires de sites Web WordPress à réduire le défilement et à rendre leurs publications moins intimidantes.

Qu'est-ce qu'un accordéon ?

Les accordéons travaillent sur le concept de divulgation progressive, aidant le lecteur à synthétiser les informations en bouchées digestes. Vous présentez les informations les plus critiques dans une rubrique, et les utilisateurs peuvent cliquer sur l'accordéon pour en savoir plus s'ils sont intéressés. Lorsque vous rédigez de longs articles optimisés pour les moteurs de recherche ou que vous écrivez sur des sujets complexes, les accordéons sont particulièrement utiles.

Dans cet article, je vais partager onze plugins accordéon que vous pouvez utiliser pour différents cas d'utilisation. Certains d'entre eux sont des plugins d'accordéon dédiés, tandis que d'autres sont des plugins dotés de fonctionnalités d'accordéon. Passons au premier plugin accordéon dédié !

Avertissement: WPExplorer est affilié pour un ou plusieurs produits répertoriés ci-dessous. Si vous cliquez sur un lien et effectuez un achat, nous pourrions faire une commission.

1. Accordéon facile

Un plugin accordéon léger, il est livré avec un panneau d'administration intuitif et l'éditeur WYSIWYG pour ajouter votre contenu accordéon. Il vous permet d'ajouter des accordéons à vos pages, articles, widgets et même des fichiers de thème. Vous pouvez modifier les couleurs, le mode, l'arrière-plan, la position des icônes et ajouter du CSS personnalisé à partir des paramètres avancés pour personnaliser vos accordéons.

La section extensible de votre accordéon peut contenir des images, de l'audio YouTube, des codes courts ou tout autre code HTML personnalisé. Sa version Pro est livrée avec 16 thèmes, plus d'options de couleur et de style (y compris des options de typographie), un support client, etc.

2. Accordéon

Un plugin facile à utiliser, il vous permet d'ajouter des accordéons et des onglets illimités via des shortcodes. Vous pouvez personnaliser l'apparence de votre contenu d'accordéon en modifiant les couleurs d'arrière-plan, les polices, le remplissage et la marge, etc. Il est également possible de personnaliser le style de l'en-tête de l'accordéon et les icônes de l'accordéon.

Dans sa version Pro, vous pouvez ajouter des onglets verticaux, des accordéons imbriqués et plus de fonctionnalités telles que l'affichage d'un champ de saisie de recherche qui permet aux lecteurs de rechercher dans le contenu de l'accordéon. Dans l'ensemble, c'est un bon plugin pour ajouter des accordéons réactifs dans vos publications, pages, barres latérales, pied de page et autres endroits sur votre site. Un inconvénient est que la prise en charge du plugin par les développeurs peut être lente.

3. FAQ sur l'accordéon

Basé sur le framework mobile-first, Bootstrap, Accordion FAQ vous permet de concevoir des accordéons réactifs visuellement attrayants. Il dispose d'une API glisser-déposer pour créer rapidement vos accordéons à partir desquels vous pouvez les utiliser n'importe où sur votre thème via des codes courts. Il a également un effet de fermeture à bascule qui vous permet d'ouvrir plusieurs accordéons à la fois.

Son interface utilisateur est élégante avec des options de couleurs illimitées et la possibilité d'ajouter un CSS personnalisé pour modifier l'apparence de vos accordéons. Vous obtenez encore plus de flexibilité et de personnalisation avec huit modèles de conception, une animation de contenu, des champs personnalisés avancés et plus encore dans sa version Pro.

4. FAQ Helpie – WordPress FAQ Accordéon Plugin

Il s'agit d'un autre plugin FAQ puissant qui peut afficher de simples accordéons sur votre site Web – page ou publication – avec des codes courts. Pour l'utiliser avec l'éditeur Gutenberg, vous devrez utiliser son bloc FAQ. Il ajoute automatiquement un schéma de FAQ et dispose également d'une option pour activer une barre de recherche de FAQ en ligne.

Son Pro commande automatiquement des FAQ en fonction de leur engagement afin que vos visiteurs puissent accéder rapidement aux réponses les plus utiles. Votre public peut même soumettre des questions et ses informations peuvent révéler les mots-clés les plus recherchés.

5. Curseur accordéon

Aimeriez-vous une fonctionnalité combinée d'un accordéon avec un curseur ? Le curseur Accordion fait cela en vous permettant d'ajouter des images basées sur vos articles de blog, vos pages ou même les produits WooCommerce. Vous pouvez également ajouter des liens externes vers ces images.

Si vous souhaitez expérimenter avec un curseur accordéon, cela peut être un ajout visuellement attrayant à votre site. La seule limitation est que le plugin fonctionne sur les navigateurs modernes qui offrent une prise en charge de la transformation et de la transition CSS3, de sorte que votre public utilisant des versions de navigateur plus anciennes peut rencontrer des problèmes.

6. Onglets

Avoir un plugin accordéon dédié peut avoir du sens pour certains cas d'utilisation. Mais l'intégrer à un plugin plus puissant pourrait avoir plus de sens pour la plupart des sites Web, car cela évite les ballonnements.

Tabs est un autre plugin réactif basé sur un code court. Il possède une interface utilisateur élégante et un générateur de glisser-déposer qui vous permet de créer un nombre illimité d'accordéons. Vous pouvez créer des onglets verticaux et horizontaux en ajoutant du contenu multimédia et utiliser une animation de chargement si vous souhaitez égayer la présentation de votre contenu.

Il est également possible de modifier les couleurs, d'ajouter des champs personnalisés avancés et d'afficher des icônes sur vos onglets. Dans sa version Pro, vous pouvez déverrouiller plus de modèles, de polices et d'animations.

Si vous avez tendance à jongler entre des accordéons empilés verticalement et des accordéons horizontaux à des fins différentes sur votre site, les onglets seraient un excellent ajout à votre pile d'outils.

7. Blocs ultimes

Si vous utilisez l'éditeur Gutenberg, Ultimate Blocks est un excellent plugin pour étendre ses fonctionnalités avec des blocs. L'un d'eux est le bloc de basculement de contenu (accordéons) qui vous permet de créer un contenu basculable. Vous pouvez définir une option par défaut pour réduire ou ouvrir le contenu de votre accordéon. La couleur du conteneur et le titre du bloc bascule sont également personnalisables.

Outre les accordéons, le plugin Ultimate Blocks est également livré avec de nombreux autres blocs pour ajouter du contenu dans des onglets, des boutons de partage social, des classements par étoiles, etc. Dans l'ensemble, ses blocs constituent un excellent ajout à votre boîte à outils de création de contenu – si vous utilisez déjà Gutenberg.

8. Élémentor

Si vous utilisez un constructeur de pages visuel pour concevoir votre site Web, vous avez peut-être essayé Elementor. Parmi ses options de style et de personnalisation, vous avez accès à de nombreux widgets pour étendre les fonctionnalités de votre site, et l'accordéon en fait partie. Une personnalisation avancée de vos accordéons est possible, y compris la modification de la typographie, des couleurs, de l'espacement, etc.

Le seul problème avec le plugin est que toute votre page doit être conçue avec Elementor pour accéder au widget. Vous ne pouvez pas utiliser un shortcode dans votre générateur de page (ou éditeur) existant pour utiliser des accordéons. Mais si vous prévoyez une refonte du site, Elementor pourrait être un excellent choix pour prendre soin des accordéons.

Comme Elementor, vous trouverez également des fonctionnalités d'accordéon avec d'autres constructeurs de pages tels que SeedProd et Thrive Architect.

9. Max Mega Menu

Vous souhaitez utiliser un menu complet pour naviguer sur votre site Web et rendre votre contenu plus accessible ? Max Mega Menu fait cela avec sa gamme d'offres de menu, y compris l'accordéon, le collant, le vertical, etc.

Le backend est le système de menu WordPress familier avec des options de style avancées et un éditeur de widgets par glisser-déposer pour chaque élément de menu. À l'aide de son menu en accordéon, vous pouvez créer une expérience visuelle dynamique et engageante pour vos visiteurs.

10. Shortcodes ultime

Aimeriez-vous des shortcodes simples pour ajouter des éléments visuels et fonctionnels à votre article et vos pages ? Le plugin Shortcodes Ultimate propose plus de 50 shortcodes (l'un d'eux est un accordéon) que vous pouvez ajouter dans votre éditeur, des widgets ou même des fichiers modèles.

Vous obtenez un aperçu en direct via une fenêtre d'insertion et un éditeur CSS personnalisé pour modifier l'apparence de vos accordéons (ou d'autres éléments que vous utilisez). Dans l'ensemble, c'est un excellent plugin si vous souhaitez utiliser plusieurs éléments de ses shortcodes ci-dessous :

11. Accordéon de catégorie WooCommerce

Bien qu'il existe d'autres plugins compatibles sur cette liste, il s'agit d'un plugin dédié à WooCommerce. C'est utile pour les propriétaires de magasins qui souhaitent afficher les informations de leur produit de manière dynamique.

Par exemple, le plugin peut répertorier les catégories et sous-catégories de produits de WooCommerce en accordéons pour basculer et réduire. Il prend en charge les événements de clic et de survol pour la navigation. C'est un plugin payant, cependant, vous offrant six mois de support et des mises à jour à 21 $.

Quand devriez-vous utiliser des accordéons ?

L'idée de ne présenter que les informations les plus importantes aux visiteurs à l'aide d'accordéons est bonne, mais chaque clic effectué par un utilisateur doit être précieux. Il est plus facile de faire défiler une page vers le bas que de cliquer sur les en-têtes pour afficher le contenu complet d'une page. Ainsi, lors de la mise en œuvre des accordéons, tenez compte du coût d'interaction de vos utilisateurs.

NNGroup recommande d'éviter l'utilisation d'accordéons si un visiteur doit lire tout le contenu d'une page pour obtenir des réponses à ses questions sur un sujet. Sinon, les gens pourraient manquer des informations importantes sur la page. Mais la lecture est difficile sur le petit écran. Il est donc logique d'utiliser une mini architecture d'information telle qu'une table des matières ou un accordéon :

Voici un organigramme de The Creatives Hour que vous pouvez utiliser pour décider si un article ou une autre page de votre site mérite un accordéon :

N'oubliez pas non plus que les accordéons sont sûrs du point de vue du référencement. Dans un hangout central aux webmasters, Google a déclaré qu'il ne dévalorisait pas le contenu derrière les onglets et les accordéons. Tout ce qui est en HTML est pris en compte.

Quelle est votre expérience avec les accordéons, et lequel des plugins ci-dessus avez-vous essayé ? Faites-le moi savoir dans les commentaires ci-dessous.