Créer une section FAQ

Yapla vous permet de créer facilement une section Foire Aux Questions (FAQ) sur votre site web à l'aide du module Articles Multiples.

Créer des articles

Dans la section Paramètres de l'application Site Web, créez une catégorie qui regroupera tous les articles de la section FAQ. 

mceclip7.png

Ensuite, écrivez vos articles en y associant la catégorie créée à l'étape précédente. Écrivez un article par question en inscrivant la question comme titre et la réponse dans le contenu de l'article. 

mceclip2.png

mceclip8.png

Afficher la section FAQ sur la page web

Une fois que tous vos articles sont créés et catégorisés, configurez le module sur votre site web.

Dans la fonctionnalité Site Web, sélectionnez dans votre site web, la page qui contiendra la section FAQ puis enfin la zone. 

Lorsque vous cliquez sur la zone, sélectionnez l'application Sites Web et le module Articles Multiples puis, inscrivez le titre de votre section.

mceclip1.png

Section interface graphique

Une fois le module Articles multiples sélectionné, Yapla vous proposera dans la section Interface Graphique plusieurs types d'affichage de votre contenu: ​Mosaïque, Blogue, Liste des nouvelles à gauche ou à droite ou encore en Accordéon.

Le mode “Accordéon” convient parfaitement à la gestion d’une Foire Aux Questions (FAQ). Cela vous permet d’afficher vos articles dynamique sur une page et en affichant uniquement les titres cliquables, permettant de lire l'article dans son intégralité.


mceclip5.pngmceclip3.png

Lorsque vous choisissez le mode “Accordéon”, plusieurs options s’offrent à vous. 

Vous pouvez choisir d’afficher les articles de la page en ouvrant tous les contenus, ou en n’affichant que les titres des articles. Dans notre exemple, nous gardons les articles cachés par défaut et nous n’affichons que les titres. Ainsi, l’utilisateur choisira quel article lire en cliquant sur son titre.

Si vous ajoutez une introduction à un article, elle apparaîtra sous le titre de l'article même lorsqu'il est fermé.

mceclip0.png

Vous pouvez aussi choisir le nombre d’articles à afficher sur la page ainsi que l’ordre d’affichage de vos articles :

  • Date de création (du plus ancien au plus récent)
  • Date de création décroissant (du plus récent au plus ancien)
  • Ordre alphabétique (de A à Z)
  • Ordre alphabétique (de Z à A)

Veuillez noter que si vous avez plus d’articles que le nombre indiqué, les articles dépassant la limite seront ignorés et ne seront pas affichés en fonction de l'ordre d'affichage choisi. 

Section articles affichés

Ensuite, dans la section Articles affichés, vous pouvez filtrer les articles à afficher sur la page en choisissant la catégorie et/ou les mots clés des articles précédemment écrits.

mceclip4.png

Dans l'exemple ci-dessus, nous avons créé une catégorie FAQ pour regrouper tous les articles que nous souhaitons afficher sur la page.

Section fonctions de recherche

Finalement, vous pouvez choisir d’afficher deux moteurs de recherche pour filtrer l’affichage :

  • ​Filtrer par catégorie
  • Filtrer par mots-clés

Cette présentation peut être utile lorsque vous avez de longs articles sur une même page ou lorsque vous devez gérer une FAQ avec un nombre important de questions/réponses.

Diviser la section FAQ en plusieurs colonnes 

Si vous désirez affichez vos questions/réponses en plusieurs colonnes, vous devez diviser vos articles en plusieurs catégories différentes. 

mceclip3.png

Ensuite, il suffit de modifier la structure de votre page web contenant la section FAQ afin d'avoir une ligne divisée en plusieurs zones. 

mceclip2.png

Finalement, configurez vos deux zones avec le module Articles multiples de la même manière que précédemment expliqué en sélectionnant la bonne catégorie. 

*Astuce: si vous avez déjà configuré votre module sur une zone 100%, ne le supprimez pas! Il suffit de le déplacer et de simplement changer la catégorie d'articles qui y est associée.

chrome-capture__1_.gif

Une fois vos deux modules créés et configurés, votre section FAQ apparaîtra en plusieurs colonnes sur votre site: 

mceclip4.png

 

Cet article vous a-t-il été utile ?

Utilisateurs qui ont trouvé cela utile : 0 sur 0

Commentaires

0 commentaire

Vous devez vous connecter pour laisser un commentaire.