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.