Ajouter un panneau repliable.

Apprendre DXPR BuilderCréer des pagesAjouter du contenuMise en page

Utilisez un panneau repliable, aussi appelé accordéon, quand vous voulez une liste de titres que les visiteurs ouvrent un à la fois. Il convient aux FAQ, aux listes de fonctions et aux contenus longs qui se lisent mieux par parties. Vous obtenez une pile de questions dont les réponses s’ouvrent au clic. L’exemple construit trois questions pour une page FAQ d’agence.

Un panneau repliable de trois questions FAQ d’agence, avec la réponse à Can we update pages ourselves? ouverte en dessous

Ajouter un panneau repliable

  1. Cliquez sur + sur une section et choisissez Panneau repliable depuis l’onglet Mise en page. Il arrive avec un volet.
  2. Ouvrez les réglages du panneau depuis son menu Plus. Choisissez avec Collapse si chaque volet démarre fermé. Ici c’est activé. Choisissez un Expand icon et cliquez sur Save.
  3. Survolez le volet, ouvrez son menu Plus et choisissez Paramètres. Tapez la question comme Toggle title et cliquez sur Save.
  4. Cliquez sur la question pour ouvrir le volet. Cliquez sur + dedans, choisissez Texte et tapez la réponse.
  5. Cliquez sur Add toggle sur la barre de contrôle du panneau pour la question suivante. Les nouveaux volets atterrissent en haut, donc ajoutez la dernière question d’abord.
  6. Cliquez sur Save dans la barre d’outils. En mode Preview, cliquez sur une question pour vérifier que sa réponse s’ouvre.

Ce que vous voyez

Chaque question est un titre avec l’icône d’expansion choisie. Un clic ouvre sa réponse en dessous, et la réponse ouverte se ferme. Avec Collapse désactivé, la première réponse est ouverte au chargement de la page. Les réponses restent dans le HTML de la page quand elles sont fermées, donc les moteurs de recherche peuvent toujours les lire.

Régler votre panneau repliable

L’élément Panneau repliable a deux réglages, sous Plus > Paramètres dans sa barre de contrôle.

Réglage Rôle Défaut
Collapse Activé : chaque volet démarre fermé. Désactivé : le premier volet démarre ouvert Désactivé
Expand icon L’icône à côté de chaque titre : None, + (plus et moins) ou ﹀ (une flèche) None

Chaque volet a un réglage, Toggle title : la question ou le titre sur lequel les visiteurs cliquent.

Gérer les volets

  • Réordonner : glissez un volet par Toggle dans sa barre de contrôle et déposez-le au-dessus ou au-dessous d’un autre.
  • Renommer : survolez le volet, ouvrez Plus > Paramètres, changez Toggle title et cliquez sur Save.
  • Retirer : survolez le volet, ouvrez Plus et choisissez Delete. La réponse dedans part avec lui.

Un volet contient n’importe quels éléments : texte, images, boutons ou une ligne avec des colonnes. Gardez chaque réponse courte. Si une réponse a besoin de sa propre page, liez plutôt cette page.

Si rien ne s’affiche

  • La nouvelle question apparaît en haut. Add toggle insère toujours en haut du panneau. Glissez le volet par Toggle dans sa barre de contrôle où vous voulez.
  • Les réglages ne montrent que Toggle title. Vous avez ouvert les réglages d’un seul volet. Survolez le bord haut du panneau pour afficher la barre de contrôle Panneau repliable, puis ouvrez Plus > Paramètres là.
  • La première réponse est ouverte au chargement de la page. Collapse est désactivé. Activez-le dans les réglages Panneau repliable pour que chaque réponse démarre fermée.
  • Panneau repliable manque dans l’onglet Mise en page du sélecteur. Votre profil d’utilisateur DXPR Builder l’exclut. Un administrateur coche Accordion sous Elements dans votre profil à /admin/dxpr_studio/dxpr_builder/profile.

Et ensuite ?