> For the complete documentation index, see [llms.txt](https://docs.wolvesart.fr/elementor/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wolvesart.fr/elementor/avance/creer-modifier-une-page/concevoir-la-page/creer-une-section.md).

# Créer une section

Pour ajouter une nouvelle section personnalisée, cliquez sur le bouton +

<figure><img src="https://2711528178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO4d8K1fQnaTPDBUmxq4d%2Fuploads%2F3TduNSGp2B2oV7RnPgpS%2Fnouvelle%20section.png?alt=media&amp;token=a51eb9c4-103e-430d-86e3-a265322ae385" alt=""><figcaption></figcaption></figure>

## Choix du type de section

Vous aurez alors le choix entre deux conteneurs : Flexbox ou Grille.&#x20;

{% tabs %}
{% tab title="Flexbox" %}
Permet de créer des **layouts flexibles** qui peuvent s’adapter automatiquement à différentes tailles d’écran.
{% endtab %}

{% tab title="Grille" %}
Permet de définir des lignes et des colonnes sur votre page et de placer des éléments à l’intérieur de ces lignes et colonnes.
{% endtab %}
{% endtabs %}

<figure><img src="https://2711528178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO4d8K1fQnaTPDBUmxq4d%2Fuploads%2FB0pLBOpZJq5Giv5vo76t%2Fnouvelle%20section%20-%20flex%20ou%20grille.png?alt=media&amp;token=91e3e164-297e-4c47-accc-cdbc4b70224c" alt=""><figcaption></figcaption></figure>

Si vous choisissez Flexbox, vous aurez ensuite le choix de la structure. Vous pourrez ainsi définir si vous souhaitez que vos éléments soient alignés les uns au-dessus des autres ou les uns à côté des autres, mais encore le nombre de colonnes, etc.

{% hint style="info" %}
Vous pourrez tout à fait changer votre structure dans les paramètres si celle-ci ne vous convient plus.
{% endhint %}

<figure><img src="https://2711528178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO4d8K1fQnaTPDBUmxq4d%2Fuploads%2Fza2v6WshzP18Ze9LvhLH%2Fnouvelle%20section%20-%20structure.png?alt=media&amp;token=f0683e51-e975-46d2-8978-6e010f589f86" alt=""><figcaption></figcaption></figure>

## Modifier les paramètres de la section

Une fois votre section créée, vous allez pouvoir modifier ses paramètres (mise en page, couleur de fond…).

1. Sélectionnez la section que vous souhaitez éditer en cliquant sur la poignée au milieu.

<div align="left"><figure><img src="https://2711528178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO4d8K1fQnaTPDBUmxq4d%2Fuploads%2FR8HgqNJxiUog7nMwWhfd%2Fsection%20-%20%20poign%C3%A9e.png?alt=media&amp;token=9cd91723-06ad-4ca0-abee-b08920f3269e" alt="" width="221"><figcaption></figcaption></figure></div>

{% hint style="info" %}
Cette poignée vous permet également de réorganiser l’ordre de vos sections. Pour ce faire, cliquez et maintenez puis faîtes, glissez votre section à l’emplacement voulu.
{% endhint %}

2. Un panneau ***Modifier conteneur*** s’ouvre à gauche vous permettant d’accéder à différentes options :

<figure><img src="https://2711528178-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FO4d8K1fQnaTPDBUmxq4d%2Fuploads%2FsrBaQYtqEniHYhhmY2KX%2Fpanneau%20lat%C3%A9ral%20-%20options.png?alt=media&amp;token=580ce237-79b2-481b-bc1a-d052f5e90ca0" alt=""><figcaption></figcaption></figure>

* L’onglet ***Mise en Page*** : vous trouverez ici des options pour personnaliser le positionnement de la section au sein de votre page, mais aussi modifier la manière dont se comportent vos éléments (widgets) à l’intérieur.
* L’onglet ***Style*** : vous trouverez ici toutes les options qui touchent au design (couleur de fond, bordure…).
* L’onglet ***Avancé*** : vous trouverez ici des options pour aller plus loin comme la personnalisation des marges, l’ajout d’animation, l’ajout de CSS personnalisé, etc.

## Ajouter des widgets

Une fois votre section créée, vous allez pouvoir rajouter du contenu à l'intérieur avec les widgets !

Pour en apprendre plus sur les widgets, suivez le guide :

{% content-ref url="/pages/uECnrx7o2FRJZxpzZt5J" %}
[Les widgets](/elementor/avance/creer-modifier-une-page/concevoir-la-page/les-widgets.md)
{% endcontent-ref %}