widget: Accordéon

widget Catégories : Basic

Le widget Accordéon aide les visiteurs à trouver facilement les informations qu'ils recherchent. Ajoutez-le à vos sites pour que les visiteurs n'aient pas à faire défiler des blocs de contenu qui ne les intéressent pas. Présentez-leur à la place une liste de questions ou de titres. Ils pourront simplement choisir d'ouvrir ceux sur lesquels ils souhaitent en savoir plus. Créez des FAQ, des sélections de produits phares ou des listes d'événements condensés et faciles à lire.

Contenu dynamique

Ce widget peut également afficher des pages dynamiques ainsi que des informations spécifiques sur une collection ou un produit à l'aide de la liaison en ligne.

    Éditeur de contenu

    Options de configuration de l'accordéon
    • Articles. Cliquez sur un élément pour configurer son contenu, cliquez sur l'icône de duplication pour dupliquer un élément ou cliquez sur +Ajouter un élément.

    • Règles d'affichage.

      • Affichez un seul élément développé à la fois. Faites en sorte que les visiteurs ne puissent développer qu'un seul élément à la fois ou qu'ils puissent visualiser plusieurs éléments développés en même temps.

      • Afficher le premier élément développé. Réglez-le pour que le premier élément soit développé ou pour que tous les éléments soient réduits.

    • SEO.

      • Activer le schéma FAQ. Activez cette option pour générer les balises du schéma de la FAQ une fois par page. Pour tester si votre schéma a été généré correctement et voir un aperçu, utilisez le test des résultats enrichis.

    Paramètres et options des éléments individuels
    • Contenu textuel. Titre/question et description.

      Note

      Le champ de texte long offre diverses options de mise en forme du texte, telles que la mise en italique, en gras ou le soulignement.

    • Bouton. Si vous ne souhaitez pas utiliser un bouton, cliquez sur l'icône de l 'œil (24517315481495-eye_icon.png) pour le masquer.

    • Média (image ou vidéo). Ajoutez le support souhaité. Sélectionnez Cliquez pour ajouter un média pour ouvrir la bibliothèque multimédia.

      • Texte Alt. Une fois le média ajouté, un champ de texte Alt apparaît. Saisissez votre propre texte alt ou cliquez sur l'icône Sparkle (AI-sparkle-icon.png) pour utiliser l'assistant AI afin de générer le texte alt. Répétez l'opération pour chaque média dans l'accordéon ou cliquez sur Tous les textes alt pour afficher et gérer les textes alt de toutes les images du site.

        Remarque

        Le texte de remplacement généré par l'assistant IA est dans la même langue que la langue actuelle de la page.

    Pour l'Accordéon widget ajouté à un site avant février 2024
    • Articles. Cliquez sur un élément pour configurer le titre, la description et le type d'en-tête du titre. L'en-tête tag est disponible pour rendre votre texte plus facilement identifiable par les moteurs de recherche. Il est recommandé de sélectionner H3 pour le type de titre du titre.

      • Icône de titre. En fonction de la mise en page que vous choisissez, votre accordéon widget peut avoir une icône de titre. L'icône de titre est l'icône située à côté du titre de l'élément et peut être différente pour tous les éléments. Par exemple, vous pouvez ajouter une icône d'horloge à côté de l'heure d'un événement, ou une icône d'argent à côté d'un élément de prix.

    • Afficher le premier élément développé ou N'afficher qu'un seul élément développé. L'Éditeur de contenu vous permet également de choisir si vous préférez masquer le contenu de tous les éléments de l'accordéon ou n'afficher que le premier élément lorsque l'utilisateur ouvre le site widget. En outre, vous pouvez choisir si les visiteurs ne peuvent développer qu'un seul élément à la fois ou s'ils peuvent visualiser plusieurs éléments développés en même temps.

    • Générer le balisage Schema de la FAQ. Activez cette option pour générer les balises du schéma de la FAQ une fois par page. Pour tester si votre schéma a été généré correctement et voir un aperçu, utilisez le test des résultats enrichis.

    Rédacteur en chef de la conception

    Vous trouverez ci-dessous quelques-unes des sections et des paramètres qui peuvent être trouvés :

    • Modèles. Cliquez sur la vignette de la mise en page pour sélectionner une mise en page.

    • Titre:

      • Sélectionnez le type d'en-tête (h1-h6 est disponible) et stylisez le texte comme vous le souhaitez.

      • Modifiez la barre de titre comme vous le souhaitez (arrière-plan et bordure).

    • Icône d'expansion. Si l'icône elle-même ne peut être modifiée, vous pouvez en revanche en personnaliser les éléments, notamment en ajustant sa taille et sa couleur, ainsi qu'en modifiant son arrière-plan.

    • Les médias. Si des images doivent être incluses dans le contenu des éléments de l'accordéon, configurez-les ici.

    • Cadre. Vous trouverez dans cette section divers réglages, notamment celui de l'espacement entre les éléments.

    Remarque

    • La modification de la mise en page du widget Accordéon peut entraîner le remplacement de certains des paramètres que vous avez définis (par exemple, l'espacement entre les éléments). Veuillez vérifier tous les paramètres après avoir modifié le widget et recréer ceux qui manquent après avoir modifié la mise en page.

    • Veillez à ce que vos paramètres de conception correspondent au bon appareil. Les paramètres comme l'espacement (du widget entier et des éléments) et la largeur, entre autres, sont définis pour chaque appareil. Pour plus d'informations, consultez l'article Modifier selon l'appareil.