Mit zentriertem Inhalt

Übersicht

Im Avonni Banner-Komponent können Sie ein visuell ansprechendes und interaktives Erlebnis schaffen, indem Sie innerhalb des Inhaltsabschnitts ein Zwei-Spalten-Layout einfügen. Dieses Layout beherbergt zwei verschiedene Schaltflächen — ein Avonni Button Dialog in der ersten Spalte für modale Interaktionen und ein standardmäßiges Avonni Button in der zweiten Spalte für externe Aktionen. Beide Schaltflächen werden horizontal in ihren jeweiligen Spalten zentriert für ein sauberes, symmetrisches Erscheinungsbild.

Interaktiver Schritt-für-Schritt-Konfigurationsleitfaden

Ziehen Sie die Avonni Banner-Komponente,

• Ziehen Sie im Experience Builder die Avonni Banner-Komponente auf Ihre Seite an die Stelle, an der das Banner erscheinen soll.

• Legen Sie das Medium fest:

  • Suchen Sie in den Banner-Einstellungen die Option, ein Bild oder eine Illustration hinzuzufügen (CMS-Medium ODER Medien-URL)

  • Laden Sie die gewünschte Illustration hoch oder wählen Sie sie aus und positionieren Sie sie links- oder rechtsseitig im Banner (mithilfe des Attributs Medienposition)

Vorbereitung des Inhaltslayouts

1. Avonni Layout-Komponente einfügen:

   • Platzieren Sie im Inhaltsabschnitt des Avonni Banners eine Avonni Layout-Komponente, die auf zwei Spalten konfiguriert ist.

Konfiguration der Schaltflächen

1. Avonni Button Dialog in die erste Spalte hinzufügen:

   • Ziehen Sie eine Avonni Button Dialog-Komponente in die erste Spalte des Layouts.

   • Passen Sie die Schaltflächeneinstellungen an, um sie horizontal innerhalb der Spalte zu zentrieren.

2. Avonni Button in die zweite Spalte einfügen:

   • Platzieren Sie eine Avonni Button-Komponente in der zweiten Spalte.

   • Wie bei der ersten Schaltfläche stellen Sie die horizontale Ausrichtung auf Mitte ein, damit sie mit dem Button Dialog in der gegenüberliegenden Spalte übereinstimmt.

Tipps für Effektivität

• Stellen Sie sicher, dass beide Schaltflächen eindeutig mit Handlungsaufforderungen beschriftet sind, die klar und überzeugend sind.

• Die horizontale Zentrierung der Schaltflächen sorgt für ein ordentliches und professionelles Erscheinungsbild, das visuell ansprechend und leicht zu navigieren ist.

• Das Zwei-Spalten-Layout mit zentrierten Schaltflächen ermöglicht ein ausgewogenes Design und fördert die Benutzerinteraktion mit beiden Optionen.

Fazit

Indem Sie ein Avonni Layout mit zwei Spalten und zentriert ausgerichteten Schaltflächen innerhalb der Avonni Banner-Komponente verwenden, können Sie einen fokussierten und interaktiven Abschnitt erstellen, der Benutzer zur Interaktion mit Ihren Inhalten auffordert. Diese Anordnung verbessert nicht nur die visuelle Attraktivität, sondern erfüllt auch funktionale Zwecke, indem sie Benutzer zu den gewünschten Aktionen auf der Salesforce Experience Cloud-Plattform leitet.