> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/bienvenue.md).

# Bienvenue

Avonni Components for Experience Sites est un package géré de plus de 40 composants Experience Site prédéfinis.

Chez Avonni, nous pensons que chaque utilisateur Salesforce mérite des outils puissants et simples à utiliser — notre mission est d’y parvenir grâce à des composants d’interface utilisateur prêts à l’emploi, conçus avec soin.

<a href="https://appexchange.salesforce.com/appxListingDetail?listingId=2e584bb3-b5e0-415d-9347-d6567158d840&#x26;channel=recommended&#x26;other_source=AppExchange+Recommended" class="button primary" data-icon="up-right-from-square">Installer les composants</a> <a href="/experience-cloud/experience-cloud-fr/premiers-pas/quick-start-guide.md" class="button secondary" data-icon="stars">Prise en main rapide</a> <a href="/experience-cloud/experience-cloud-fr/creer-avec-lia/overview.md" class="button secondary" data-icon="wand-magic-sparkles">Créer avec l’IA</a>

## Découvrez les composants Avonni pour les sites Experience

<table data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th><th data-hidden data-card-cover data-type="files"></th></tr></thead><tbody><tr><td><strong>Explorer les composants</strong></td><td>Découvrez tous les composants Avonni disponibles pour le site Experience</td><td></td><td><a href="/experience-cloud/experience-cloud-fr/experience-components/view-all-components.md">Voir tous les composants</a></td><td><a href="https://3803934262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-d9f55e122ac4138413187e70bfce86a21df47d9b%2Fnew%20Deisnger%20(5).png?alt=media">new Deisnger (5).png</a></td></tr><tr><td><strong>Tutoriels</strong></td><td>Apprenez à utiliser les composants Avonni dans les actions.</td><td></td><td><a href="/experience-cloud/experience-cloud-fr/tutoriels/components.md">Composants</a></td><td><a href="https://3803934262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-098cc62830fc8605b7eb901bbdc011cce4a8cdda%2Fnew%20Deisnger%20(6).png?alt=media">new Deisnger (6).png</a></td></tr><tr><td><strong>Cas d'utilisation</strong></td><td>Apprenez à combiner des composants pour créer des cas d’usage complexes.</td><td></td><td><a href="/projects/welcome.md#experience-cloud-components">Welcome</a></td><td><a href="https://3803934262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDL6JQuZArjJeQvX2ot4y%2Fuploads%2Fgit-blob-09f0a289d14ef2d5269db9479e4aefcea1f121a0%2Fnew%20Deisnger%20(7).png?alt=media">new Deisnger (7).png</a></td></tr></tbody></table>

{% hint style="success" %}

#### **Créez les pages de votre site avec un assistant IA** 🪄

Avonni propose un serveur MCP hébergé **serveur MCP** et **compétences d’agent** qui permettent à Claude, Cursor et GitHub Copilot d’ajouter de vrais composants Avonni fonctionnels à vos pages de site Experience à partir d’invites en langage naturel.

<a href="/experience-cloud/experience-cloud-fr/creer-avec-lia/overview.md" class="button secondary" data-icon="wand-magic-sparkles">Découvrir Créer avec l’IA</a>
{% endhint %}

{% hint style="info" %}
Les composants Avonni pour le site Experience **sont compatibles avec les sites Aura et LWR**. Cependant, dans les sites Aura, [emplacements](/experience-cloud/experience-cloud-fr/premiers-pas/learning-the-basics.md#understanding-slots) ne sont pas disponibles.
{% endhint %}

Voici un guide pour comprendre nos composants selon leur catégorisation :

* **Composants de contenu (icône verte)**: Ces composants sont centrés sur l’aspect contenu de votre interface, garantissant que votre message soit transmis clairement et efficacement.
* **Composants de mise en page (icône bleue)**: Ces composants déterminent la structure de votre interface, fournissant un cadre qui garantit que la fonctionnalité et l’esthétique fonctionnent en harmonie.
* **Composants de données (icône violette)**: Ces composants se concentrent sur la présentation et l’interaction avec les données, vous permettant d’afficher et de gérer les données de manière efficace et intuitive.
* **Autres composants (icône rouge)**: Cette catégorie englobe les composants ayant des usages spécialisés ou divers, répondant à des besoins spécifiques qui peuvent ne pas relever des catégories principales.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-fr/bienvenue.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
