Top
Carousels anpassen
  • 05 Jun 2024
  • 3 Minuten zu lesen
  • Dunkel
    Licht
  • pdf

Carousels anpassen

  • Dunkel
    Licht
  • pdf

Artikel-Zusammenfassung

Sobald Sie einen Carousel erstellt haben und eine Vorlage ausgewählt haben, können Sie mit dem Entwurf und der Konfiguration des Carousels beginnen.

Klicken Sie auf eine Carousel-Slide, um Folgendes zu konfigurieren,

Header

  • Unter dem Header-Abschnitt können Sie den Header-Text, Schriftart, Schriftgröße, Schriftstärke, Textausrichtung, Textfarbe und unteren Rand bearbeiten. Sie können auch Benutzereigenschaft hinzufügen um die Erfahrung für Ihren Endbenutzer zu personalisieren.
    Bild

  • Sie können den Header oben oder unten ausrichten, beliebigen Inhalt hinzufügen oder den Headerbereich über die Aktionsleiste löschen.
    image

Body

  • Gehen Sie zum Abschnitt Body. Sie können den Text bearbeiten, die Schriftart, Schriftgröße, Schriftstärke, Textausrichtung, Textfarbe und unteren Rand ändern. Sie können auch Benutzereigenschaft hinzufügen um die Erfahrung für Ihren Endbenutzer zu personalisieren.
    image

  • Sie können den Header oben oder unten ausrichten, beliebigen Inhalt hinzufügen oder den Headerbereich über die Aktionsleiste löschen.
    image

  • Sie können den Trennstrich oben oder unten ausrichten, beliebigen Inhalt hinzufügen oder den Trennstrich über die Aktionsleiste löschen.
    image

Medien

  • Unter dem Medien-Abschnitt können Sie auf das Bearbeiten-Symbol klicken, um Bilder von Ihrem lokalen Laufwerk zu Ihrem Carousel-Slide hinzuzufügen und dann die Bildgröße, Ausrichtung und den unteren Rand zu konfigurieren.
    image
your title goes here

Whatfix Mobile unterstützt die Dateiformate .jpg, .png, .gif und .svg kleiner als 100 kB.

  • Aktivieren Sie den KLICKAKTION-Schalter, um eine beliebige Aktion mit Ihrem Bild zu verknüpfen. Durch anklicken auf das Bild wird der Trigger ausgelöst, den Sie konfigurieren.
    click_action
Button Aktion Beschreibung
Schließen Wann der Benutzer auf das Medium klickt, wird der Vollbildmodus vom App-Bildschirm ausgeblendet
Externer Link Wann der Benutzer auf das Medium klickt, wird er zur URL weitergeleitet, die dem Medium angehängt ist
Deep Link Wann der Benutzer auf das Medium klickt, wird er zum App-Bildschirm innerhalb derselben App geleitet, die dem Medium angehängt ist
your title goes here

Sie können einen Namen für die Aktion angeben, die Sie Ihrem Medium hinzufügen, mit der Sie die Analytics verfolgen können, wie viele Benutzer auf das Medium klicken.
click_events

  • Sie können den Medien oben oder unten ausrichten, beliebigen Inhalt hinzufügen oder den Media-Bereich über die Aktionsleiste löschen.
    image

Button

  • Sie können den Button anpassen, der auf Ihrem Vollbildschirm angezeigt wird. Sie können wählen, ob Sie einen oder zwei Buttons haben möchten, die Button-Breite, Ausrichtung, Höhe, Radius und den unteren Rand anpassen.

image

  • Klicken Sie auf den BUTTON Dropdown, um die einzelnen Buttons zu benutzerdefinieren. Sie können die Farbe des Buttons, den Strich der Button-Umrisslinie, den Text, die Schriftart, die Schriftgröße, das Schriftgewicht und die Button-Aktion ändern. Sie können auch Benutzereigenschaft hinzufügen um die Erfahrung für Ihren Endbenutzer zu personalisieren.

customize_button_drawer

Folgende Button-Aktionen können Sie konfigurieren,

Button Aktion Beschreibung
Verwerfen Wann der Benutzer auf den Button klickt, wird das Carousel vom App-Bildschirm ausgeblendet
Next Wann der Benutzer auf den Button klickt, bewegt sich das Carousel zur nächsten Slide
Vorherige Wann der Benutzer auf den Button klickt, bewegt sich das Carousel zur vorherigen Slide
Externer Link Wann der Benutzer auf den Button klickt, werden sie zur URL weitergeleitet, die mit den Medien verknüpft ist
Tiefer Link Wann der Benutzer auf den Button klickt, werden sie zum App-Bildschirm innerhalb derselben App weitergeleitet, der mit den Medien verknüpft ist
  • Sie können den Button nach oben oder unten ausrichten, beliebigen Inhalt hinzufügen oder den Button über die Aktionsleiste löschen.
    image

Layout

  1. Klicken Sie auf die Layout-Option links oder auf das Bearbeiten-Symbol.
    edit_icon_drawer

Im Abschnitt Layout können Sie Folgendes tun:

  • Fügen Sie Ihrem Carousel-Slide eine Hintergrundfarbe hinzu.
    carousel_layout_bg colour.png

  • Fügen Sie einen Schließen Button hinzu, um den gesamten Carousel zu schließen.
    carousel_layout_close button.png

  • Fügen Sie die Möglichkeit hinzu oder entfernen Sie Swipe, Pfeile und Fortschrittsindikatoren in Ihrem Karussell hinzu.
    carousel layout.png

  1. Klicken Sie Erledigt.
    image

Der Carousel, den Sie erstellen, wird automatisch gespeichert.

your title goes here

War dieser Artikel hilfreich?

Changing your password will log you out immediately. Use the new password to log back in.
First name must have atleast 2 characters. Numbers and special characters are not allowed.
Last name must have atleast 1 characters. Numbers and special characters are not allowed.
Enter a valid email
Enter a valid password
Your profile has been successfully updated.