> 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/experience-components/ax-social-links.md).

# AX - Liens sociaux

Affiche un ensemble de liens vers des profils de réseaux sociaux sous forme d’icônes ou de boutons stylisés, chacun avec sa propre plateforme, ses couleurs et sa cible.

## Aperçu

**AX - Liens sociaux** est un composant Experience Cloud qui affiche les liens vers vos profils de réseaux sociaux sous forme de ligne ou de grille d’icônes stylisées sur les pages des sites Experience.

Utilisez-le pour connecter les utilisateurs du portail à votre présence sur des plateformes comme LinkedIn, X, Instagram, YouTube, et bien plus. Chaque lien prend en charge un type de plateforme, des couleurs personnalisées, une icône ou une image personnalisée, ainsi qu’une cible facultative ouvrant dans un nouvel onglet. Configurez les liens, la mise en page et le style dans Experience Builder sans code.

Parfait pour les pieds de page du site, les sections « Connectez-vous avec nous », les pages de profil, ou partout où vous souhaitez afficher des liens vers les réseaux sociaux.

## Configuration

### Propriétés

**Variante** définit la forme et le style de chaque lien : `par défaut`, `carré`, `cercle`, ou `icône encadrée`.

**Taille** définit la taille de l’icône : `très petite`, `petit`, `moyen`, ou `grand`.

**Attributs de mise en page** contrôlent la disposition des liens — le nombre de colonnes par point de rupture du conteneur (conteneurs les plus petits, petits, moyens et grands), le type de mise en page, ainsi que les écarts entre les lignes et les colonnes entre les liens.

**Éléments** définissent les liens sociaux eux-mêmes. Chaque élément comporte :

* **Type** — la plateforme (`linkedin`, `x`, `facebook`, `instagram`, `youtube`, `tiktok`, `WhatsApp`, et bien d’autres, ou `autre` pour un lien personnalisé).
* **Libellé** — le libellé accessible du lien.
* **Href** — l’URL vers laquelle pointe le lien, avec **Ouvrir dans un nouvel onglet** pour contrôler la cible.
* **Couleur** / **Couleur au survol** et **Couleur d'arrière-plan** / **Couleur d’arrière-plan au survol** — les couleurs de l’icône et de l’arrière-plan pour les états par défaut et au survol.
* **Icône personnalisée** / **Source de l’image** — une icône ou une image personnalisée à utiliser à la place de l’icône de plateforme intégrée.

## Style

Stylisez les liens depuis l’éditeur de propriétés en utilisant, pour chaque élément, **Couleur**, **Couleur d'arrière-plan**, ainsi que leurs variantes au survol (voir **Éléments** ci-dessus), ainsi que les **Variante** et **Taille** paramètres.


---

# 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/experience-components/ax-social-links.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.
