Mit dem neuen Lottie-Widget kannst du kleine, hochwertige Animationen direkt in dein Digitalmagazin integrieren. Lottie-Animationen sind vektorbasierte Animationen, die auch auf hochauflösenden Bildschirmen gestochen scharf bleiben und deutlich kleiner sind als klassische Videos.
Sie eignen sich perfekt für Icons, Loader, Hero-Elemente oder kleine visuelle Highlights.
Du benötigst dafür eine .lottie- oder .json-Datei. Kostenlose Animationen findest du zum Beispiel auf lottiefiles.com. Eigene Animationen kannst du aus Adobe After Effects mit dem Bodymovin-Plugin oder aus Figma exportieren.
Tipp: Verwende möglichst .lottie-Dateien, da diese meist kleiner sind.
Wie verwendest du Lottie?
Lade die Datei zuerst in die Mediathek hoch.
Anschließend ziehst du im Editor links das Lottie-Widget per Drag & Drop auf die Seite.
In den Widget-Optionen klickst du auf Lottie und wählst die gewünschte Datei aus der Mediathek aus. Die Animation wird direkt im Editor abgespielt.
Zur Verfügung stehen unter anderem folgende Einstellungen:
Autoplay — Animation startet automatisch beim Laden der Seite.
Loop — Animation läuft endlos in Schleife.
Wiedergabegeschwindigkeit — von 0,5x bis 2x.
Skalierung — Breite des Widgets im Verhältnis zur Spalte (0–100 %).
Zoom — vergrößert in die Animation.
Horizontale Ausrichtung — links / mittig / rechts.
Innenabstand, Rahmen, Rundungen, Sichtbarkeit pro Gerät, Animationseinstellungen — wie bei jedem anderen Widget.