Kurzübersicht

Mit dem Lottie-Widget können Sie leichte, skalierbare Animationen zu ShoutOuts mit dynamischen Layouts hinzufügen und dabei Lottie-JSON-Dateien verwenden. Lottie-Animationen werden schnell geladen, ohne Pixelbildung skaliert und tragen dazu bei, das visuelle Engagement zu verbessern, ohne die Leistung zu beeinträchtigen.

Dieser Artikel erklärt, wie Sie eine Lottie-Animation zu einem ShoutOut hinzufügen, sie bearbeiten und die Wiedergabeeinstellungen konfigurieren.

Funktionsweise

Lottie-Animationen sind JSON-basierte Dateien, die auf LottieFiles gehostet werden. Im Visual Designer fügen Sie ein Lottie-Widget hinzu und verknüpfen es mit einer gehosteten JSON-Animation, die dann direkt im ShoutOut gerendert wird.

Nur JSON-Links, die aus LottieFiles generiert wurden, werden im Visual Designer unterstützt.

Lottie-Animation hinzufügen

So fügen Sie eine Lottie-Animation zu einem ShoutOut hinzu:

1. Wählen Sie im Visual Designer das Symbol + im Seitenmenü aus.
2. Wählen Sie Lottie aus und ziehen Sie es auf die Arbeitsfläche
3. Wählen Sie Animation ändern aus, um LottieFiles zu öffnen
   • Wenn Sie kein LottieFiles-Konto haben, erstellen Sie kostenlos eines
4. Wählen Sie in LottieFiles eine Animation aus und wählen Sie Link generieren aus.
5. Wählen Sie den Upload-Speicherort aus, um die Animation Ihren Projekten hinzuzufügen
6. Den generierten JSON-Asset-Link kopieren, den Sie
7. Fügen Sie den JSON-Link in das Feld URL einfügen im Visual Designer einfügen

Wiedergabeeinstellungen konfigurieren

Sie können steuern, wie die Animation über die Eigenschaften-Tasche abgespielt wird.

Die Wiedergabeoptionen umfassen:

• In einer Schleife abspielen: Aktivieren Sie die Option, um die Lottie-Animation kontinuierlich abzuspielen.
• Wiedergabegeschwindigkeit: Legen Sie die Wiedergabegeschwindigkeit fest, z. B. 1x, 1,5x oder 2x

Eine Vorschau der Animation wird im Visual Designer angezeigt, nachdem der Link hinzugefügt wurde.

Verbessern Sie Ihr ShoutOut mit Lottie-Animationen

Lottie-Animationen bearbeiten

So bearbeiten Sie eine Lottie-Animation:

• Öffnen Sie die Animation im Lottie Editor

Technische Hinweise

• Das Lottie-Widget ist nur im Dynamischen Visual Designer verfügbar
• Nur der in LottieFiles generierte JSON-Link funktioniert im Visual Designer

Ressourcen

Um mehr über die Funktionen von Lottie zu erfahren, lesen Sie die folgenden Ressourcen:

• Was ist eine Lottie-Animation?
• Lottie Education Center
• Lottie FAQ und Support