Ein Slider-Hero-Teaser ermöglicht es dir, deine Nachrichten nacheinander anzuzeigen, mit der Option, ihn automatisch abzuspielen oder den Nutzern manuelle Navigation zu ermöglichen, um verschiedene Themen zu sehen. Nutzer können einen Autoplay-Slider anhalten, um auf einem bestimmten Slide zu bleiben, und Pfeile sowie Steuerungen verwenden, um zwischen den Slides zu wechseln. Sobald alle Slides angezeigt wurden, startet der Slider vom ersten Slide erneut.

Ein Hero-Teaser kann zu einer Startseite oder der mobilen App Dashboard hinzugefügt werden. Du benötigst die Berechtigung "Hero Teaser verwalten", um Hero Teaser zu erstellen und zu verwalten.

Das Aktivieren des Moderator-Modus hat keinen Einfluss auf die Zuweisung der Slider. Auch nach der Aktivierung siehst du weiterhin nur die dir zugewiesenen Slider.

1. Einen Slider Hero Teaser einrichten

1. Wähle Hero Teaser verwalten aus dem Dropdown-Menü deines Benutzerprofils.
2. Wähle Neuen Hero Teaser hinzufügen > Slider.

2. Einen Slide konfigurieren

Beim Entwerfen eines Slider-Hero-Teasers muss jeder Slide einzeln eingerichtet werden. Das Erstellen eines neuen Hero-Teasers beginnt mit einem einzelnen Slide, der standardmäßig als Slide 1 bezeichnet wird.

Du hast auch die Möglichkeit, Slides aus einem Hero-Teaser auszublenden. Ausgeblendete Slides sind für keine Nutzer im Hero-Teaser sichtbar.

Empfänger

Optional kann dein Slide auf bestimmte Benutzergruppen ausgerichtet werden. Nur Nutzer in diesen ausgewählten Gruppen sehen den Slide im Hero-Teaser. Standardmäßig ist er für Alle sichtbar.

1. Wähle Anpassen im Abschnitt Empfänger.
2. Wähle die Benutzergruppen aus, für die der Slide im Hero-Teaser angezeigt werden soll.
3. Wähle Auswählen, um deine Auswahl zu speichern.

Sobald ein Slide ausgerichtet ist, kannst du die Benutzergruppen, die er erreicht, im Abschnitt Empfänger und im Slides-Selector auf der linken Seite sehen. Das hilft dir, den Überblick zu behalten, welche Slides für welche Nutzer sichtbar sind.

Wir empfehlen, es auf nicht mehr als 5 Slides pro Benutzergruppe zu beschränken, um sicherzustellen, dass jeder Slide optimale Sichtbarkeit erhält.

Bild

Lade das Bild, das auf dem Slide angezeigt wird, im PNG- oder JPG-Format hoch.

1. Lade in der Bild-Spalte ein Bild für die Desktop-Ansicht (3:1-Verhältnis) und ein weiteres für die Mobile-Ansicht (4:3-Verhältnis) hoch. 
   • Vorgeschlagene Abmessungen sind: 1920x640px und 2400x800px für das 3:1-Verhältnis sowie 1024x768px und 1200x900px für das 4:3-Verhältnis.
2. Gib einen beschreibenden Text im Feld Alternativer Text ein (Optional). Screenreader können den Alt-Text lesen, wodurch der Inhalt des Bildes für Menschen mit visuellen oder kognitiven Beeinträchtigungen zugänglich wird.

Sobald du beginnst, Bilder zu deinem Slider hinzuzufügen, wird oben eine Vorschau angezeigt. Du kannst die Vorschau umschalten, um sie sowohl auf dem Desktop als auch auf dem Mobile zu sehen. Die Steuerungen auf einem Slider sind in der Hauptfarbe deines Plattform-Themes.

Inhalt

Optional kannst du Text angeben, der über dem Hero-Teaser-Bild erscheinen soll. Der Text wird entsprechend deiner ausgewählten Inhaltsausrichtung ausgerichtet.

1. Gib einen Titel im Feld Überschrift ein, um die Hauptinformation zu deinem Slider bereitzustellen. Das Feld unterstützt das Einfügen von Zeilenumbrüchen.
2. Gib einen sekundären Titel im Feld Untertitel ein, um deine Überschrift zu begleiten. Dieser Text wird unter der Überschrift in kleinerer Schriftgröße angezeigt. Das Feld unterstützt das Einfügen von Zeilenumbrüchen.
3. Aktiviere Hintergrund-Farbverlauf anzeigen, wenn du möchtest, dass ein Verlauf über dem Bild erscheint. Wenn dein Slider-Bild hell ist, möchtest du vielleicht einen dunkleren Schatten hinzufügen, um sicherzustellen, dass der Text sichtbar ist. Der Verlauf wird entsprechend deiner ausgewählten Inhaltsausrichtung ausgerichtet.
4. Konfiguriere das Erscheinungsbild des Textes, indem du die Verlaufsfarbe und die Textfarbe festlegst (z. B. #FFFFFF). Die Textfarbe wird auch für die Slider-Navigationstasten benutzt.

Button

Optional kannst du einen Call-to-Action auf dem Hero-Teaser-Bild hinzufügen. Der Button wird entsprechend deiner ausgewählten Inhaltsausrichtung ausgerichtet und wird unter deinem Text positioniert. Der Button enthält immer das -Symbol.

1. Gib den Button-Text im Feld Button-Text ein. Häufige CTAs sind "Mehr erfahren", "Mehr anzeigen", "Jetzt beitreten" und ähnliche Phrasen.
2. Füge im Feld Link die Ziel-URL hinzu, zu der der Nutzer beim Klicken auf den Button weitergeleitet wird.
3. Aktiviere das Kästchen „In einem neuen Browser-Tab öffnen“, wenn du möchtest, dass der Link in einem neuen Fenster geöffnet wird.
4. Definiere das Erscheinungsbild des Buttons, indem du seine Hintergrundfarbe und Textfarbe festlegst.

3. Weitere Slides hinzufügen und konfigurieren

Es gibt keine Begrenzung für die Anzahl der Slides, die du in einem Slider haben kannst.

1. Um weitere Slides im Abschnitt Slides hinzuzufügen, wähle + Hinzufügen oder dupliziere einen bestehenden Slide.
2. Konfiguriere den neuen Slide wie oben beschrieben.

Du kannst deine Slides nach der Erstellung sortieren, indem du sie in der Liste ziehst und ablegst. Außerdem können Slides gelöscht oder ausgeblendet werden.

4. Den Hero Teaser finalisieren und speichern

1. Im Abschnitt Allgemeine Einstellungen gib deinem Hero Teaser einen Titel. Das hilft dir, ihn zu identifizieren, wenn du ihn zu einer Startseite hinzufügst.
2. Wähle die Ausrichtung der Inhalte für den Text auf allen deinen Folien: Links, Center oder Rechts.
3. Wähle den Folienwechsel-Effekt aus dem Überleitung-Dropdown: Verblassen oder Keine. Standardmäßig ist Verblassen ausgewählt.
4. Gib eine Dauer pro Slide in Sekunden ein, die angibt, wie lange jede Folie angezeigt werden soll, bevor zur nächsten gewechselt wird. Standardmäßig sind 5 Sekunden eingestellt.
5. Aktiviere das Kästchen „Aktiviere Autoplay“, um Folien automatisch weiterzuschalten. Wenn dies nicht ausgewählt ist, müssen die Benutzer manuell wählen, um zur nächsten Folie zu wechseln.
6. Wenn du mit dem Hinzufügen und Konfigurieren deiner Folien fertig bist, wähle Änderungen speichern oben rechts, um deinen Hero Teaser zu erstellen.

Dein Hero-Teaser ist erstellt und kann jetzt zu einer Startseite oder dem Dashboard in der Mobile-App hinzugefügt werden. Erfahre mehr in Einen Hero Teaser zu einer Startseite hinzufügen und Hero Teaser in der Mobile-App.