# Section accordéon Le bloc Accordéon est une solution graphique pratique pour un site web, sous la forme d’une liste de notes textuelles avec des éléments déroulants : « Accordion » est assez facile à intégrer à un site web et à personnaliser selon vos besoins : il peut parfaitement répondre à n’importe quelle demande nécessaire.
## Comment ajouter et configurer « Accordion » ? Pour ajouter un élément à votre site, accédez aux paramètres du site et cliquez sur le plus pour ouvrir le menu avec les sections disponibles dans Salebot.
Ensuite, dans le menu des sections qui s’ouvre, trouvez le bloc « Accordion ». Ensuite, vous verrez un bloc ajouté vide, dans lequel vous devez configurer le contenu sous forme de cartes ainsi que le type des cartes de l’accordéon elles-mêmes :
## Paramètres du contenu Tout d’abord, nous ajouterons des cartes de contenu, pour cela vous devez cliquer sur le bouton « Contenu », puis ajouter la carte elle-même, qui contiendra le titre et, par conséquent, le texte :
Une carte vide a été ajoutée à votre contenu, où vous pouvez ajouter un texte de question, une image et un texte de réponse :
L’élément texte du bloc possède des paramètres similaires à ceux de n’importe quel éditeur de texte : paramètres de gras, italique, soulignement, taille de police et contour de police, couleur, et plus encore. Pour appliquer ses paramètres à un texte, sélectionnez la partie requise du texte et choisissez les paramètres de texte
Ensuite, téléchargez une image, si nécessaire, et ajoutez un texte explicatif - la réponse à la question :
Vous pouvez ajouter le nombre requis de cartes de contenu. ## Personnalisation du contenu Après avoir ajouté le nombre requis de cartes de contenu, allez dans les paramètres du contenu :
Ensuite, vous pouvez cocher une case afin que la première carte de l’accordéon ou une seule des cartes soit ouverte. Sélectionnez le réglage de la marge verticale entre les questions dans le bloc :
Vous pouvez également arrondir les coins des cartes à l’aide de ce champ, qui n’accepte que des valeurs numériques :
L’élément texte (ainsi que le bouton) dans la carte est toujours centré par rapport aux bords supérieur et inférieur. Pour sélectionner la distance requise, saisissez une valeur numérique dans le champ « Espacement interne en haut et en bas » :
De plus, tout le contenu de la carte (y compris le texte et le bouton permettant de développer le texte de réponse) est centré par rapport aux bords droit et gauche. Pour ajuster l’espacement à gauche et à droite, utilisez le champ « Espacement interne à gauche et à droite » :
Pour sélectionner la taille de l’icône qui ouvre le texte de réponse, utilisez simplement ce champ de largeur de l’icône, qui n’accepte lui aussi qu’une valeur numérique :
Si l’image à l’intérieur de la carte est trop grande, vous pouvez sélectionner sa largeur en indiquant la valeur requise dans le champ « Largeur de l’image » :
Ensuite, sélectionnez une palette de couleurs pour chaque élément de votre accordéon : texte, arrière-plan de la carte, icône, etc. :
Vous savez maintenant comment installer le bloc « Accordion » sur votre site web et personnaliser le contenu à l’intérieur du bloc.
## Personnalisation du bloc (section) : police, arrière-plan et paramètres d’affichage Pour personnaliser le bloc « Accordion », vous aurez besoin des paramètres universels de section (blocs), qui incluent les paramètres de police, d’arrière-plan et d’affichage.
Les paramètres de la section (bloc), à savoir les polices, l’arrière-plan et l’affichage, sont les mêmes pour tous les blocs. {% hint style="info" %} [En savoir plus sur les paramètres universels des sections (blocs) du site dans l’article](/doc/fr/websites/sites/blocks/settings.md) {% endhint %} --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://docs.mavibot.ai/doc/fr/websites/sites/blocks/accordion.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.