Comment ajouter des FAQ déroulantes dans WordPress avec un plugin gratuit

Les FAQ dans WordPress sont un format standardisé d'une collection de questions que les gens posent sans cesse et auxquelles vous avez probablement déjà répondu une douzaine de fois. Au lieu de répondre à la même chose encore et encore, il suffit de lister ces questions sur une page et d'y répondre. De cette façon, les gens obtiennent ce dont ils ont besoin et vous ne perdez pas de temps à vous répéter.

En tant que spécialiste du marketing, une fois que vous aurez compris que chaque FAQ est une occasion de lever les hésitations et de faire avancer les utilisateurs, vous chercherez toujours des moyens de rendre ce format standard plus avancé. C'est la raison pour laquelle les FAQ déroulantes pourraient vous intéresser davantage. En termes simples, les FAQ déroulantes utilisent un comportement de bascule qui déclenche une réponse uniquement lorsque vous cliquez sur la question.

WordPress vous permet de créer des FAQ statiques en utilisant des titres ou de simples listes déroulantes avec le bloc Détails, mais ces options ne sont pas suffisantes lorsque vous avez besoin d'un meilleur contrôle. Dans cet article, nous avons choisi de montrer comment créer une FAQ déroulante à l'aide d'un plugin gratuit.

Comment ajouter une liste déroulante de FAQ dans WordPress

Blocs ultimes est un puissant plugin Gutenberg conçu pour vous aider à créer un contenu de meilleure qualité et plus structuré sur l'ensemble de votre site. Contrairement à de nombreux constructeurs de pages tout-en-un, il se concentre spécifiquement sur l'expansion de ce qui est possible dans Gutenberg tout en conservant une empreinte légère. Cela le rend particulièrement précieux pour les utilisateurs qui veulent des fonctionnalités avancées sans ralentir leur site. Le plugin est livré avec plus de 26 blocs personnalisés, mais l'un de ses plus utiles pour les spécialistes du marketing et les blogueurs est le bloc Content Toggle.

Contrairement aux blocs natifs tels que "Details" ou "Heading", Ultimate Blocks offre une solution complète de FAQ avec un balisage Schema approprié pour le référencement, un comportement de bascule personnalisable, des effets d'animation fluides et des options de style individuelles pour chaque question et chaque réponse. Avec Ultimate Blocks, vous aurez :

Un bloc Content Toggle dédié aux FAQ de type dropdown.

La possibilité de définir des bascules comme étant réduites par défaut ou de garder certaines bascules ouvertes lors du chargement.

Des icônes d'état qui indiquent clairement si une bascule est ouverte ou fermée.

Schéma FAQ intégré pour aider vos réponses à apparaître dans les résultats de recherche Google.

Paramètres de couleur flexibles pour que les sections de la FAQ puissent se fondre dans le décor ou ressortir selon les besoins.

Prise en charge des blocs imbriqués, ce qui vous permet d'inclure des listes, des images ou d'autres contenus dans chaque réponse.

Une barre de recherche optionnelle qui permet aux utilisateurs de filtrer les FAQ en temps réel.

Une mise en page responsive qui s'adapte bien à toutes les tailles d'écran.

Accès à 26 blocs axés sur le contenu, conçus pour rendre WordPress moins contraignant.

Fonctionnalité	Blocs d'en-têtes et de paragraphes	Bloc de détails	Blocs ultimes (bascule de contenu)
Type de FAQ pris en charge	Statique uniquement	Liste déroulante	Liste déroulante
Fonctionnalité de la liste déroulante	Non	Oui	Oui
État de basculement par défaut	Non disponible	Toujours effondré	Personnalisable
Icônes ouvert/fermé	Non disponible	Non	Oui
Options de style	En fonction du thème	Limitée	Contrôle total
Schéma de la FAQ	Non	Non	Oui
Contenu imbriqué	Non	Limitée	Oui
Animation	Non	Non	Oui
Réactif	En fonction du thème	De base	Entièrement réactif
Fonction de recherche	Non pris en charge	Non pris en charge	Barre de recherche intégrée

Une fois les fonctionnalités couvertes, il est temps de les mettre en œuvre. Voici comment créer une FAQ déroulante dans WordPress en utilisant Ultimate Blocks.

Étape 1 : Installation et activation d'Ultimate Blocks

Tout d'abord, allez dans votre tableau de bord WordPress et dirigez-vous vers la section Plugins et cliquez sur "Ajouter un nouveau". Ensuite, tapez Ultimate Blocks dans la barre de recherche et recherchez le plugin développé par Ultimate Blocks. Cliquez sur Installer maintenant, et une fois que c'est fait, cliquez sur Activer.

Étape 2 : Placer le bloc de basculement du contenu

Ensuite, ouvrez une page existante ou créez-en une nouvelle à l'endroit où vous souhaitez placer la section FAQ. Cliquez sur l'icône "+" de l'inserteur de blocs dans l'éditeur pour ajouter un nouveau bloc. Dans la liste des blocs disponibles, recherchez "Content Toggle" et une fois que vous l'avez trouvé, sélectionnez-le.

Étape 3 : Ajouter votre première question et réponse à la FAQ

Dans le bloc de basculement du contenu, vous verrez un champ intitulé Titre du panneau dans lequel vous saisirez votre question FAQ. En dessous se trouve la zone Contenu du panneau, dans laquelle vous pouvez ajouter votre réponse. Cette section se comporte comme un bloc de contenu normal, de sorte que vous pouvez insérer des paragraphes, des listes, des images ou tout autre élément de bloc dont votre réponse pourrait avoir besoin.

Étape 4 : Ajouter d'autres éléments de la FAQ

Si vous avez d'autres éléments à inclure, il vous suffit de survoler le bloc et de cliquer sur le bouton + dans le coin inférieur du bloc pour ajouter de nouveaux panneaux. Chaque nouveau panneau dispose de ses propres champs Titre du panneau et Contenu du panneau, ce qui vous permet de créer l'ensemble de votre section FAQ dans un seul bloc de basculement du contenu.

Étape 5 : Personnalisation de l'apparence et du comportement de la bascule

Utilisez les paramètres de bloc à droite pour contrôler l'aspect et le fonctionnement de vos FAQ. Dans le bloc Général vous pouvez définir l'état de basculement par défaut, activer le schéma de la FAQ et activer les animations ou le comportement réactif.

Dans le cadre de la Styles vous pouvez ajuster l'icône de la bascule, choisir un style de mise en page, une couleur, un espacement ou appliquer une feuille de style CSS personnalisée pour un contrôle plus précis de la conception.

Étape 6 : Activer le schéma et la recherche de la FAQ (facultatif)

Si vous souhaitez que vos FAQ apparaissent dans les résultats de recherche de Google sous la forme d'extraits enrichis, vous pouvez activer FAQ Schema directement à partir des paramètres du bloc. Cela permet d'ajouter les données structurées nécessaires en coulisses pour aider les moteurs de recherche à reconnaître votre contenu.

Vous pouvez également activer une barre de recherche pour permettre aux visiteurs de filtrer vos FAQ, mais n'oubliez pas que cette fonction n'est disponible que dans la version Pro d'Ultimate Blocks.

FAQ sur les démonstrations

zone de message

À quoi sert le bloc de basculement du contenu ?

Il est conçu pour des sections repliables, ce qui est parfait pour les pages de FAQ, la décomposition des leçons ou la dissimulation de détails jusqu'à ce que quelqu'un les demande.

Est-il possible de modifier l'aspect des bascules ?

Oui, vous pouvez styliser le titre et la zone de contenu, choisir des icônes de basculement, définir l'état ouvert/fermé, et même assortir vos couleurs à votre site.

Prend-il en charge le schéma FAQ pour le référencement ?

C'est le cas. Vous pouvez activer le schéma FAQ dans les paramètres du bloc, et les moteurs de recherche comprendront votre contenu comme des questions-réponses structurées.

Puis-je ajouter d'autres blocs à l'intérieur d'une bascule ?

Absolument. Utilisez des listes, des images, des boutons ou n'importe quoi d'autre dans la zone de contenu. Il est entièrement compatible avec les blocs.

Existe-t-il une option de recherche pour les FAQ ?

Oui, la version Pro inclut une barre de recherche en direct pour le bloc de basculement, qui aide les utilisateurs à trouver instantanément des questions spécifiques.

Conclusion

Les FAQ déroulantes sont un moyen facile de garder les choses en ordre et d'aider les gens à trouver ce qu'ils cherchent sans avoir à fouiller dans un mur de texte. Dans ce tutoriel, nous avons montré comment les mettre en place à l'aide d'un plugin gratuit, personnaliser leur apparence et leur comportement, et activer éventuellement des fonctionnalités telles que le schéma et la recherche. Cette approche fonctionne bien pour les pages de produits, les sections d'aide ou tout autre article à fort contenu. N'oubliez pas que les questions doivent être claires et les réponses courtes, et n'abusez pas des boutons à bascule là où un contenu statique ferait mieux l'affaire. Il s'agit avant tout d'aider les visiteurs à trouver plus rapidement ce dont ils ont besoin.