AX - Banner

Übersicht

AX - Banner ist eine Experience-Cloud-Komponente, die auf Experience Sites-Seiten markante Nachrichten mit Überschriften, Bildern und Textinhalten anzeigt.

Verwenden Sie sie, um neue Funktionen anzukündigen, wichtige Updates zu teilen, Aktionen hervorzuheben oder Portalbenutzer mit markenbezogenen Botschaften zu begrüßen. Kombinieren Sie Text, Bilder, Symbole und Call-to-Action-Schaltflächen, um aufmerksamkeitsstarke Ankündigungen am oberen Rand der Seiten zu erstellen.

Perfekt für Portal-Startseiten, Ankündigungsbereiche, Funktionshervorhebungen oder überall dort, wo Sie Kunden oder Partnern, die Ihre Site besuchen, wichtige Informationen mitteilen müssen.

Diese Komponente nutzt Slots zur erweiterten Anpassung, wodurch sie ideal für LWR-Sites ist. Aura-Sites unterstützen dieses Maß an Anpassung nicht.

---

Konfigurieren des Avonni-Banners

Titel und Inhalt hinzufügen

Die Konfiguration von Titel und Inhalt ist ein unkomplizierter Prozess, der die Wirksamkeit Ihres Banners erheblich beeinflusst.

Titel und Inhalt hinzufügen

1. Verwendung des Editors für benutzerdefinierte Eigenschaften:

• Inhalt eingeben: Sie können Titel und Inhalt direkt in den im Avonni-Banner-Komponenten bereitgestellten Editor für benutzerdefinierte Eigenschaften eingeben. Dieser Ansatz ist benutzerfreundlich und effizient und ermöglicht schnelle Aktualisierungen und Bearbeitungen.

2. Textformatierungsoptionen:

• Vom Site-Design erben: Die Avonni-Banner-Komponente ermöglicht es Titel und Inhalt, Textstile aus den Einstellungen des Experience-Cloud-Site-Designs zu übernehmen. Dadurch wird die Konsistenz auf Ihrer gesamten Site sichergestellt und ein einheitliches Erscheinungsbild bewahrt.

• Benutzerdefinierte Gestaltung: Sie können die spezielle Avonni-Stil-Anpassung unten im Editor für benutzerdefinierte Eigenschaften für spezifischere Anforderungen verwenden. Mit dieser Option können Sie die Formatierung für Titel und Inhalt manuell festlegen, unabhängig vom Gesamtthema der Site.

• Vorteile benutzerdefinierter Gestaltung: Benutzerdefinierte Gestaltung ist besonders nützlich, um das Banner hervorzuheben, Schlüsselbotschaften zu betonen oder wenn das Banner einen eigenen Stil haben muss, der sich vom Rest der Site unterscheidet

Horizontale Ausrichtung des Inhalts festlegen

• Zentriert: Platzieren Sie Ihren Text in der Mitte des Banners für ein ausgewogenes Erscheinungsbild.

• Links: Richten Sie Ihren Text links aus für ein traditionelles Layout.

• Rechts: Richten Sie Ihren Text rechts aus für ein einzigartiges Design

Medienelement definieren

Die Avonni-Banner-Komponente ist nicht auf Text und statische Bilder beschränkt. Integrieren Sie Video in Ihr Banner-Design, um Ihre Botschaft aufzupeppen und die Benutzerinteraktion zu erhöhen.

• Bereichern Sie Ihr Banner mit Video

  • Fügen Sie ein Videoelement hinzu, um Ihr Banner dynamischer und ansprechender zu machen.

  • Positionieren Sie Ihr Video für die beste visuelle Wirkung. Wählen Sie aus diesen Optionen: rechts, oben links, oben zentriert, oben rechts, links, unten links, unten zentriert, unten rechts.

  • Optional können Sie Ihr Video anklickbar machen, sodass Nutzer per Klick mit ihm interagieren können.

• Zusätzliche Videoeinstellungen

  • Wählen Sie, ob Ihr Video automatisch abgespielt wird, wenn das Banner geladen wird.

  • Lassen Sie das Video in einer Endlosschleife wiederholt abgespielt werden.

  • Entscheiden Sie, ob die Steuerelemente des Videoplayers angezeigt oder ausgeblendet werden sollen.

  • Steuern Sie die Geschwindigkeit, mit der das Video abgespielt wird.

  • Legen Sie die Startlautstärke für das Video fest.

Hinzufügen eines Hintergrundbildes

Diese Funktion ist praktisch, um einen visuell beeindruckenden ersten Eindruck zu erzeugen, und kann verwendet werden, um das Erscheinungsbild des Banners an das gesamte Branding oder Thema der Site anzupassen.

Hintergrundbilder können auf drei verschiedene Arten hinzugefügt werden:

1. Manueller Upload:

• Benutzer können eine Bilddatei direkt von ihrem Gerät hochladen.

• Diese Option ist ideal für benutzerdefinierte Grafiken, Firmenlogos oder bestimmte Marketingmaterialien, die bereits vorbereitet und lokal gespeichert wurden.

2. Generiert mithilfe eines Experience-Cloud-Site-Ausdrucks:

• Das Hintergrundbild kann dynamisch anhand von Site-Ausdrücken generiert werden.

• Diese Methode ermöglicht eine Anpassung des Banners in Echtzeit basierend auf Benutzerinteraktionen, Site-Daten oder bestimmten im Experience-Cloud-Site definierten Kriterien.

3. Aus CMS-Medien:

• Benutzer können ein Bild aus dem integrierten Content-Management-System (CMS) auswählen.

• Diese Option bietet Zugriff auf eine Bildbibliothek und stellt eine bequeme Möglichkeit dar, hochwertige und relevante Grafiken auszuwählen, die bereits Teil des Inhalts-Repositorys der Site sind.

Interaktionsmöglichkeiten

Anklickbares Banner

Eine der wichtigsten interaktiven Funktionen der Avonni-Banner-Komponente ist die Möglichkeit, anklickbar zu sein. Dadurch werden passive Betrachter zu aktiven Teilnehmern und werden ermutigt, sich intensiver mit den Inhalten auseinanderzusetzen.

Interaktionen implementieren

Um Ihr Banner anklickbar zu machen, aktivieren Sie zuerst den Schalter für Anklickbarkeit. Verwenden Sie dann den Abschnitt „Link zu“, um auszuwählen, was passiert, wenn jemand auf das Banner klickt. So können Sie Ihrem Banner coole Funktionen hinzufügen.

Interaktionen definieren

Wenn ein Benutzer auf das Banner klickt, kann die Komponente eine vordefinierte Interaktion auslösen. Dieses Maß an Anpassung stellt sicher, dass die Benutzererfahrung interaktiv ist und auf die spezifischen Bedürfnisse und Ziele der Site zugeschnitten ist.

Interaktionstyp	Beschreibung
Toast anzeigen	Zeigt nach dem Klicken eine kurze, informative Nachricht an. Ideal zum Bestätigen von Aktionen oder zum Bereitstellen von Kontext.
Navigieren	Leitet Benutzer beim Klicken zu einer anderen Seite oder Ressource weiter. Geeignet, um zu verwandten Inhalten oder Ressourcen zu führen.
Warnhinweis-Modal öffnen	Zeigt nach einem Klick Informationen oder Warnungen in einem Warnhinweis-Modal an. Nützlich für wichtige Ankündigungen.
Flow-Dialog öffnen	Startet einen Salesforce-Flow in einem Dialog und ermöglicht komplexe Interaktionen. Hilft bei der Schritt-für-Schritt-Anleitung von Prozessen.
Bestätigungsdialog öffnen	Löst nach der Interaktion einen Bestätigungsdialog aus. Wesentlich für Aktionen, die eine Benutzerbestätigung oder -kenntnisnahme erfordern.

---

Spezifikationen

🎛️ Eigenschaften

Einstellung	Beschreibung
Titel	Definieren Sie die primäre Überschrift des Banners, um Ihre Hauptbotschaft sofort hervorzuheben.
Titeltextstil	Passen Sie das Erscheinungsbild Ihres Titels mit verschiedenen Textstilen an: Überschriften: Wählen Sie Überschriftenebenen 1 bis 4 für unterschiedliche Betonungsgrade. Absätze: Wählen Sie Absatzstile 1 oder 2 für den passenden Ton und die richtige Hervorhebung.
Untertitel	Ergänzen Sie Ihren Titel mit einem prägnanten Untertitel oder einer Beschreibung, die zusätzlichen Kontext oder einen Vorgeschmack auf den folgenden Inhalt bietet.
Untertitel-Textstil	Passen Sie das Aussehen Ihres Untertitels mit vordefinierten Textstilen an: Überschriften: Wählen Sie je nach Wichtigkeit aus den Überschriften 1 bis 4. Absätze: Wählen Sie Absätze 1 oder 2, um Ihren Titel zu ergänzen
Inhalt	Bereichern Sie Ihr Banner mit ausführlichem Text, der umfassende Einblicke, Erklärungen oder einen Call-to-Action bietet. Hier können Sie tiefer in die Einzelheiten Ihrer Botschaft eintauchen.
Horizontale Ausrichtung des Inhalts	Passen Sie die horizontale Positionierung Ihres Inhaltstextes an. Ob linksbündig, zentriert oder rechtsbündig – diese Eigenschaft stellt sicher, dass Ihr Inhalt mit Ihrer gesamten Designphilosophie übereinstimmt.
CMS-Hintergrund	Nutzen Sie Inhalte aus Ihrem Content-Management-System als Hintergrund für Ihr Banner, um Konsistenz und einfache Aktualisierungen sicherzustellen.
Hintergrund-URL	Definieren Sie einen bestimmten Weblink als Quelle für das Hintergrundbild Ihres Banners und verleihen Sie Ihrem Inhalt einen visuellen Kontext oder eine optische Aufwertung.
Medien-URL	Verlinken Sie ein Multimedia-Element, das Sie neben oder als Teil Ihres Banners hervorheben möchten. Dies kann ein Video, Audio oder andere interaktive Medien sein.
Medien als Hintergrund anzeigen	Wählen Sie, ob Sie Ihre Medien als Hintergrund des Banners festlegen möchten, um ein immersives Multimedia-Erlebnis zu ermöglichen, während der Textinhalt im Vordergrund bleibt.
Medienposition	Legen Sie die räumliche Anordnung Ihrer Medien auf dem Banner fest, ob zentriert, links, rechts oder eine andere benutzerdefinierte Positionierung, die Ihr Layout ergänzt.
Überlagerungsfarbe	Fügen Sie Ihrem Banner eine Farbüberlagerung hinzu, die nützlich sein kann, um die Lesbarkeit zu verbessern, die Stimmung zu setzen oder sich an Markenfarben anzupassen.
Anklickbar	Verwandeln Sie Ihr Banner in ein interaktives Element. Sobald diese Option aktiviert ist, kann das gesamte Banner als anklickbares Element fungieren und Benutzer zu einem angegebenen Link weiterleiten oder eine definierte Aktion auslösen.

🏞️ Medienattribute

🎨 Erscheinungsbild

Hinweis

Objektanpassung:

• füllen: Streckt das Bild, um in den Container zu passen, und kann es dabei verzerren.

• einpassen: Behält das Seitenverhältnis des Bildes bei und passt es innerhalb des Containers ein, ohne es zuzuschneiden.

• abdecken: Behält das Seitenverhältnis des Bildes bei, kann aber Teile zuschneiden, um sicherzustellen, dass der Container vollständig abgedeckt wird.

• keins: Das Bild behält seine ursprüngliche Größe unabhängig von der Containergröße.

• verkleinern: Vergleicht den Unterschied zwischen keins und einpassen, und liefert eine kleinere konkrete Objektgröße.

Rahmenstile:

• keins: Es wird kein Rahmen angezeigt.

• durchgezogen: Eine durchgehende, ununterbrochene Linie bildet den Rahmen. Das ist der gebräuchlichste und unkomplizierteste Stil.

• gestrichelt: Der Rahmen erscheint als Serie kurzer Liniensegmente oder Striche.

• gepunktet: Der Rahmen besteht aus einer Reihe runder Punkte.

• doppelt: Für den Rahmen werden zwei parallele durchgezogene Linien verwendet. Der Raum zwischen den beiden Linien ist transparent oder entspricht dem Hintergrund.

• Rille: Der Rahmen wirkt in die Seite eingraviert und erzeugt einen 3D-Effekt. Der Effekt hängt vom Wert der Rahmenfarbe ab.

• erhaben: Das Gegenteil von Rille: Es wirkt, als käme es aus der Seite heraus, und erzeugt einen weiteren 3D-Effekt. Das visuelle Ergebnis wird von der Rahmenfarbe beeinflusst.

• eingelassen: Der obere und linke Rahmen werden schattiert dargestellt, sodass das Element in die Seite eingebettet erscheint, während der rechte und untere Rahmen hervorgehoben sind.

• herausstehend: Das Gegenteil von „eingelassen“: Der rechte und untere Rahmen werden schattiert, während der obere und linke Rahmen hervorgehoben sind, wodurch die Illusion entsteht, dass das Element aus der Seite hervortritt.

Schriftstil:

• normal: Zeigt Text in einem standardmäßigen, nicht kursiven Schriftstil an.

• kursiv: Zeigt Text kursiv an und neigt die Zeichen nach rechts.

Horizontale Ausrichtung:

• links: Richtet den Inhalt an der linken Seite des Containers aus.

• zentriert: Zentriert den Inhalt horizontal innerhalb des Containers.

• rechts: Richtet den Inhalt an der rechten Seite des Containers aus.