# Wix Editor: Lottie-Animationen auf deine Website importieren

Source: https://support.wix.com/de/article/wix-editor-lottie-animationen-auf-deine-website-importieren (updated 2025-08-14)
Related: Wix developer documentation, https://dev.wix.com/docs/llms.txt; Help Center index, https://support.wix.com/en/llms.txt

Lottie-Animationen sind hochwertige animierte Dateien, die du deiner Website hinzufügen kannst. Indem du die Animation direkt aus deinem LottieFiles-Konto importierst, kannst du einzigartige, lebendige Seiten erstellen, ohne Code hinzufügen zu müssen.

![Live-Website mit dem Text „Laylas Tauchabenteuer“. Eine Animation einer Qualle und Blasen werden abgespielt.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/16/9bf442b0-1550-4882-9f57-8af73cce3b88/c8c72d58-3089-4074-b23a-995d771bac07.gif)

> **Bevor du loslegst:** Um eine Animation zu importieren, benötigst du ein Konto bei LottieFiles.

---

## Schritt 1 | Eine Lottie-Animation hinzufügen

Lege los, indem du über das „Elemente hinzufügen“-Panel die Lottie-Animation zu deiner Website hinzufügst.

### Eine Lottie-Animation zu deiner Website hinzufügen:

1. Klicke auf der linken Seite des Editors auf **Hinzufügen** ![](https://lh5.googleusercontent.com/2Z_SFnRQxP-ZdBFG56i2ambuamzTmfsvwB5FLkTW74IzybirPhYhMdYO-FOZwDb5WHFx2Gi7Owebv_YQlw37o0mvjTuv1ZfzEgWiLTwAIhNvmqcyep8WHpmMyDGN7c7q-XSaDBJtpH4msdJdtA).
2. Wähle **Code einbetten** aus.
3. Scrolle nach unten zu **Animationen**.
4. Klicke auf **Lottie**, um es zu deiner Website hinzuzufügen.

![Das „Elemente hinzufügen“-Panel im Editor. Der Cursor fährt über die Option, Lottie zur Website hinzuzufügen.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/07/18/ec84ead7-c823-46b7-bffc-61e0511d6c9a/7be57150-35a3-472c-b342-bd22d998b36b.jpg)

---

## Schritt 2 | Die URL der Animation kopieren

Nachdem du eine Animation in deinem LottieFiles-Arbeitsbereich gespeichert hast, kannst du die URL kopieren und direkt einfügen. Wähle aus deinen eigenen Designs aus oder importiere eine der Hunderten von kostenlosen Animationen, die auf LottieFiles.com verfügbar sind.

### Die URL der Animation abrufen und kopieren:

1. [Melde dich in deinem LottieFiles-Konto an](https://lottiefiles.com/getting-started).
2. Wähle die gewünschte Animation aus.
3. Klicke auf **Save to workspace to generate**.
4. Klicke unter **Asset-Link** auf das Symbol für Kopieren.

![Zugeschnittener Screenshot, der die URL einer Animation zeigt, die auf Lottiefiles.com kopiert wird](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/07/18/a383399e-43d8-442e-a0b9-c9d4ae746bd2/24dc5d1a-5b28-4c79-a5bf-b6a7e305e375.jpg)

> **Wusstest du schon?** Lottie-Animationen sind Vektordateien. Das bedeutet, dass sie sowohl auf deiner Desktop- als auch auf deiner mobilen Website ihre Qualität behalten.

---

## Schritt 3 | Die Datei auf deine Website von Wix importieren

Sobald du die URL der Animation kopiert hast, füge sie in das Element auf deiner Website ein, um ein unterhaltsames, einzigartiges Erlebnis für deine Besucher zu schaffen.

### Die Datei auf deine Website importieren:

1. Wähle das Lottie Animation-Element in deinem Editor aus.
2. Klicke auf das Symbol für Einstellungen ![](https://lh3.googleusercontent.com/-HErRScvJP27-3_SqUOsAOrDs6NAXLYewKDRiFMKl0x4tGHC6GaLawpYT_0LIzTFxG8aKz6DuPtwE4HZ--rMOKlj08sr9I6yqF7Nfn0d3mzFqzrXJIpKbxmJk0sIq-MGML1sN4P9UYKykSQUdw).
3. Füge die URL in das Feld unter **Wie lautet die URL der Animation?** ein.
4. Drücke die **Enter**-Taste auf deiner Tastatur.

![Das Lottie-Einstellungen-Panel im Editor. Der Cursor fährt über das URL-Feld.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/16/32f18f38-42e9-4c81-86bd-abb5611e9a18/f2d6edd5-3adf-4f31-b776-c12ebf773809.png)

> **Wie geht es weiter?**
>
> * Klicke oben im Panel auf **Vorschau der Animation**, um zu sehen, wie die Animation abgespielt wird.
> * Verwende die Einstellungen, um anzupassen, wie die Animation abgespielt wird. [Erfahre mehr über das Anpassen deiner Lottie-Animation.](https://support.wix.com/de/article/wix-editor-deine-lottie-animation-anpassen)

> **Was du wissen solltest:** Lottie-Animationen werden automatisch in JSON-Dateien konvertiert, wenn du sie auf eine Website von Wix importierst. Aus technischen Gründen kann es sein, dass nicht alle Dateifelder enthalten sind. Lottie-Animationen können daher auf einer Live-Website von Wix etwas anders aussehen (z. B. einen reduzierten Bereich/weniger Bewegungsumfang anzeigen).