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

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.


Meilleur plugin WordPress FAQ Dropdown : Ultimate Blocks

Blocs ultimes

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.

Options de FAQ déroulantes dans WordPress Comparé

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


Ajouter une liste déroulante de FAQ dans WordPress

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. 

Installer et activer les Ultimate Blocks

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

Placer le bloc de basculement du contenu

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

Ajoutez votre première question et réponse à la FAQ

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

Ajouter d'autres éléments de la FAQ

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

Utiliser l'onglet Général de la configuration du bloc

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.

Utiliser l'onglet Styles de la configuration du bloc.

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

Activer le schéma et la recherche de la FAQ

FAQ sur les démonstrations

À quoi sert le bloc de basculement du contenu ?

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

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

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

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


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.

Lire aussi :



L'équipe Tableberg

🔥 Le plugin de bloc de table le plus avancé
Texte par défaut de la barre de notification