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

# AX - Social Links

Zeigt eine Reihe von Links zu Social-Media-Profilen als gestaltete Symbole oder Schaltflächen an, jeweils mit eigener Plattform, Farben und Ziel.

## Übersicht

**AX - Soziale Links** ist eine Experience-Cloud-Komponente, die Links zu Ihren Social-Media-Profilen als Zeile oder Raster aus gestalteten Symbolen auf Experience-Sites-Seiten anzeigt.

Verwenden Sie sie, um Portalnutzer mit Ihrer Präsenz auf Plattformen wie LinkedIn, X, Instagram, YouTube und mehr zu verbinden. Jeder Link unterstützt einen Plattformtyp, benutzerdefinierte Farben, ein benutzerdefiniertes Symbol oder Bild sowie ein optionales Ziel in einem neuen Tab. Konfigurieren Sie die Links, das Layout und das Styling im Experience Builder ohne Code.

Perfekt für Website-Footer, Bereiche wie „Mit uns verbinden“, Profilseiten oder überall dort, wo Sie Social-Media-Links anzeigen möchten.

## Konfiguration

### Eigenschaften

**Variante** legt die Form und den Stil jedes Links fest: `Standard`, `quadratisch`, `Kreis`, oder `Icon im Rahmen`.

**Größe** legt die Symbolgröße fest: `sehr klein`, `klein`, `mittel`, oder `groß`.

**Layout-Attribute** steuern, wie die Links angeordnet werden — die Anzahl der Spalten pro Container-Breakpoint (kleinste, kleine, mittlere und große Container), der Layouttyp sowie die Zeilen- und Spaltenabstände zwischen den Links.

**Elemente** definieren die Social Links selbst. Jedes Element hat:

* **Typ** — die Plattform (`linkedin`, `x`, `facebook`, `instagram`, `youtube`, `tiktok`, `whatsApp`, und viele mehr, oder `andere` für einen benutzerdefinierten Link).
* **Bezeichnung** — die zugängliche Bezeichnung für den Link.
* **Href** — die URL, auf die der Link verweist, mit **In neuem Tab öffnen** zur Steuerung des Ziels.
* **Farbe** / **Hover-Farbe** und **Hintergrundfarbe** / **Hintergrundfarbe bei Hover** — die Symbol- und Hintergrundfarben für den Standard- und den Hover-Zustand.
* **Benutzerdefiniertes Symbol** / **Bild-URL** — ein benutzerdefiniertes Symbol oder Bild, das anstelle des integrierten Plattform-Symbols verwendet wird.

## Styling

Gestalten Sie die Links im Eigenschaftseditor mithilfe der pro Element **Farbe**, **Hintergrundfarbe**, und deren Hover-Varianten (siehe **Elemente** oben), zusammen mit den **Variante** und **Größe** Einstellungen.


---

# 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-de/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.