L’élément accordéon

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.

pagefly accordion 1

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.

pagefly accordion 2

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
  • Texte de l’en-tête : tapez le contenu de l’en-tête
  • Tag HTML : Sélectionnez le tag d’en-tête pour votre texte (H1 étant le plus grand et H6 le plus petit)
  • Afficher l’icône : Choisissez d’afficher ou non l’icône
  • Position de l’icône : 
    • Gauche
    • Droite
    • Haut
2. ACTIONVous pouvez en apprendre davantage sur le paramètre Action ici.
3. SUIVI
  • Suivi : c’est ici que vous pouvez configurer : 
  • Un événement Google Analytics vers votre compte GA. Vous pouvez en apprendre plus sur comment le configurer ici
  • Facebook Pixel quand un client clique sur l’élément. Vous pouvez en apprendre plus ici.
4.ATTRIBUTSCe groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
5. VISIBILITECe groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
6. ANIMATIONCe groupe de 3 paramètres est commun à tous les éléments. Vous pouvez en apprendre plus ici.
Paramètres de l’onglet Style
1. GLOBALVous pouvez en apprendre GLOBAL paramètres ici.
2. ESPACEMENTVous pouvez en apprendre ESPACEMENT paramètres ici.
3. TYPOGRAPHIEVous pouvez en apprendre TYPOGRAPHIE paramètres ici.
4. FONDYou can learn BACKGROUND settings here .
5. BORDERYou can learn BORDER settings here .
6. DISPLAYYou can learn DISPLAY settings here .
7. CUSTOM CSSYou 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.

pagefly accordion 3

With that in mind, you can drag and drop any other element inside the accordion content.

Navigate this category

PreviousPrevious article

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
PageFly Languagues

PageFly Help Center is now available in Chinese, French and Japanese. Please check the flags on the page header.

I got it!
Start a free trial and enjoy 3 months of Shopify for $1/month. Sign up now