Un accordéon est une liste de questions dont chaque réponse s'ouvre quand un visiteur clique sur la question et se referme quand il clique dessus une seconde fois. Il permet de garder courte une longue page de FAQ. EverWeb 4.6 et versions ultérieures dispose d'un Accordéon intégré. Dans EverWeb 4.5, utilisez un widget accordéon proposé par une autre société (voir ci-dessous).
Dans EverWeb 4.6 et versions ultérieures : l'Accordéon
Ajouter un Accordéon
- Ouvrez la page et cliquez à l'endroit où vous voulez placer la FAQ.
- Cliquez sur Conteneurs dans la barre d'outils et choisissez Accordéon. Vous pouvez aussi utiliser Insérer > Conteneur > Accordéon, ou faire glisser Accordéon depuis l'onglet Widgets.
- Vous obtenez trois sections, la première étant ouverte. Double-cliquez sur le texte du titre (Section 1) et tapez votre première question.
- Ajoutez la réponse dans la zone ouverte sous le titre : faites-y glisser une zone de texte et tapez votre texte. Une section peut contenir tout ce que vous pouvez placer sur une page, comme des images, des boutons ou une carte.
- Pour ouvrir une autre section pendant que vous travaillez, cliquez sur la flèche à droite de son titre. Ajoutez ensuite sa question et sa réponse de la même façon.
Ajouter ou supprimer des questions
- Ajouter une question : sélectionnez l'Accordéon et cliquez sur son bouton +, ou faites un clic droit dessus et choisissez Add to Accordion > Section d'accordéon (Ajouter à l'accordéon). Pour sélectionner l'Accordéon plutôt qu'une section, faites un clic droit et utilisez Choisir une couche.
- Changer l'ordre : faites glisser une section vers le haut ou vers le bas, ou sélectionnez-la et cliquez sur les flèches haut et bas de son étiquette. Sur Mac, vous pouvez aussi appuyer sur Commande avec la touche fléchée haut ou bas.
- Supprimer une question : sélectionnez la section et cliquez sur son bouton de suppression, ou appuyez sur la touche Supprimer. Édition > Annuler la rétablit.
Choisir comment il s'ouvre
Sélectionnez l'Accordéon et allez dans Inspecteur > Réglages des widgets :
- Open Sections : (Sections ouvertes) One at a time (une à la fois, le réglage par défaut) ferme la réponse ouverte quand un visiteur en ouvre une autre. Multiples permet aux visiteurs d'en ouvrir plusieurs à la fois.
- Réponse ouverte au chargement de la page : celle que vous laissez ouverte dans EverWeb. Pour que toutes les réponses soient fermées au départ, cliquez sur la flèche de la section ouverte pour la fermer avant de publier.
- Nom : vous aide à retrouver cet Accordéon dans des listes comme Incorporer dans, par exemple « FAQ livraison ».
- Largeur maximale du contenu : garde les questions dans une colonne plus étroite sur un grand écran.
Chaque question est un titre de niveau 3 (Heading 3) : elle suit donc votre style Heading 3. Consultez Garder un texte homogène avec les Styles de Paragraphe.
Utilisez l'Accordéon sur une page adaptative, où tout ce qui se trouve en dessous descend pour faire de la place quand une réponse s'ouvre. Sur une page en Mise en page centrée (largeur fixe), le contenu situé en dessous ne bouge pas : une réponse ouverte peut donc le recouvrir. Si vous l'utilisez sur ce type de page, placez-le en bas de la page.
Dans EverWeb 4.5 : un widget accordéon
EverWeb 4.5 n'a pas d'Accordéon intégré. Des développeurs tiers proposent des widgets accordéon et FAQ pour EverWeb : vous les trouverez sur la page des modules complémentaires EverWeb. Pour en installer un, consultez Installer et utiliser des widgets tiers dans EverWeb. C'est le créateur du widget qui en assure l'assistance.
Bon à savoir
- Moteurs de recherche : les réponses fermées font toujours partie de votre page : les moteurs de recherche les lisent donc comme n'importe quel autre texte. EverWeb n'ajoute pas de données structurées FAQ (du code supplémentaire destiné aux résultats de recherche). Vous n'en avez pas besoin pour que vos réponses apparaissent dans Google.
- Téléphones et claviers : les visiteurs peuvent toucher une question sur un téléphone, ou utiliser les touches Tab et Entrée sur un ordinateur.
- Pour qu'on s'y retrouve facilement : placez vos questions les plus fréquentes en premier, et gardez chaque réponse courte. Ajoutez un lien vers une page détaillée si une réponse demande plus de place.
Articles connexes
- Garder un texte homogène avec les Styles de Paragraphe
- Créer une page adaptative avec des conteneurs pour qu'elle s'empile proprement sur un téléphone
- Installer et utiliser des widgets tiers dans EverWeb
- Rendre votre site Web accessible : texte alternatif, titres, texte des liens et contraste
- Ajouter un tableau à une page : listes de prix, horaires et autres lignes et colonnes