In this article, you will learn about the Accordion element and how to use it.
About the accordion element
The Accordion element is used to create collapsible content on a page to provide a cleaner user experience and increase your conversion rate. You can use the Accordion element as content for tabs , Slideshow element or to display your store’s FAQs.
Vous pouvez vérifier plus de détails dans le didacticiel vidéo ci-dessous.
To use the Accordion element , choose the icon named Add element in the left sidebar > ADVANCED > choose the Accordion element , then drag and drop this element into the page editor.
Note that you can search for this item using the search function instead of finding it in the sidebar.
The accordion element comes with multiple variations covering most needs. But we will continue to add more variations to help you save time.
Drag a variation onto the layout and see how it can be configured.
Accordion element configuration
L’élément accordéon est livré avec de nombreux paramètres vous permettant d’affiner l’apparence du contenu pour le meilleur taux de conversion possible.
Sélectionnez l’élément dans la présentation pour voir ses paramètres.
Dans cet article, nous allons montrer les paramètres des onglets Général et Style de l’élément Accordéon.
Paramètres de l’onglet Général | |
1. CONTENU |
|
2. ACTION | Vous pouvez en apprendre davantage sur le paramètre Action ici. |
3. SUIVI | |
4.ATTRIBUTS | Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici. |
5. VISIBILITE | Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici. |
6. ANIMATION | Ce groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici. |
Paramètres de l’onglet Style | |
1. GLOBAL | Vous pouvez en apprendre GLOBAL paramètres ici. |
2. ESPACEMENT | Vous pouvez en apprendre ESPACEMENT paramètres ici. |
3. TYPOGRAPHIE | Vous pouvez en apprendre TYPOGRAPHIE paramètres ici. |
4. FOND | You can learn BACKGROUND settings here . |
5. BORDER | You can learn BORDER settings here . |
6. DISPLAY | You can learn DISPLAY settings here . |
7. CUSTOM CSS | You can learn CUSTOM CSS settings here . |
Setting contained items
The Accordion element is a multi-content group. You can edit the accordion content by dragging and dropping other elements as a normal section.
With that in mind, you can drag and drop any other element inside the accordion content.