---
title: "Élément Questions fréquentes : des réponses dépliables"
description: "Affichez une liste de questions que vos visiteurs déplient d'un clic pour lire la réponse, pratique pour les livraisons, les retours ou les conditions d'un service."
url: https://docs.vivlab.com/editor/menu/faq
---

# Questions fréquentes

L'élément **Questions fréquentes** affiche une liste de questions que vos visiteurs déplient d'un clic pour lire la réponse. Une seule réponse est ouverte à la fois : en déplier une referme la précédente, et cliquer sur une question ouverte la referme.

C'est le bloc classique d'une page contact ou d'une fiche produit pour traiter les questions qui reviennent (« Quels sont les délais de livraison ? », « Comment retourner un article ? ») sans allonger la page.

## Questions fréquentes

Le panneau latéral liste les questions dans l'ordre où elles apparaissent sur la page.

- Cliquez sur le bouton **Créer** pour ajouter une question pré-remplie (« Nouvelle question »), qui se déplie aussitôt pour être modifiée.
- Faites glisser une question par sa poignée pour changer l'ordre d'affichage.
- Le menu de chaque question permet de la **Modifier**, la **Dupliquer** ou la **Supprimer**.

Cliquez sur une question de la liste pour déplier ses réglages ; la question s'ouvre en même temps sur la [canvas](https://docs.vivlab.com/editor/canvas.md), ce qui permet de vérifier le rendu de la réponse :

- **Question** : l'intitulé visible en permanence, affiché en semi-gras.
- **Réponse** : le texte révélé à l'ouverture. Les retours à la ligne saisis ici sont conservés à l'affichage.

<DocsScreenshot name="editor-faq-answer" alt="Une question sur les délais de livraison et sa réponse renseignée." :width="346" :height="212" />

## Affichage

- **Ouvrir la première question** : la première question de la liste est dépliée à l'arrivée sur la page. Désactivée, toutes les questions sont fermées au chargement.
- **Icône** : l'indicateur affiché au bout de chaque question. **Chevron** pivote vers le haut à l'ouverture ; **Plus / moins** transforme le plus en moins. L'icône suit la couleur et la taille du texte.
- **Couleur des questions** et **Couleur des réponses** : remplacent la couleur définie dans le style du texte, par exemple des questions en noir et des réponses en gris. Laissez ces champs vides pour garder la couleur du texte.

<DocsScreenshot name="editor-faq-display" alt="Les options d’ouverture de la première question et d’icône." :width="345" :height="163" />

## Style

Le [panneau de style](https://docs.vivlab.com/editor/style/index.md) regroupe le [style du texte](https://docs.vivlab.com/editor/style/text.md) des questions et des réponses, l'[arrière-plan](https://docs.vivlab.com/editor/style/background.md), les [bordures](https://docs.vivlab.com/editor/style/border.md), l'[arrondi des angles](https://docs.vivlab.com/editor/style/border-radius.md), l'[ombre](https://docs.vivlab.com/editor/style/box-shadow.md), les [marges intérieures](https://docs.vivlab.com/editor/style/padding.md), la [visibilité](https://docs.vivlab.com/editor/style/display.md) et les [transitions](https://docs.vivlab.com/editor/style/transition.md). Le fin trait qui sépare les questions reprend automatiquement la couleur du texte.