Wix Editor: Lottie-animaties naar je website importeren
Leestijd 3 minuten
Lottie-animaties zijn animatiebestanden van hoge kwaliteit die je aan je website kunt toevoegen. Door de animatie rechtstreeks uit je LottieFiles-account te importeren, kun je unieke, levendige pagina's maken zonder dat je zelf code hoeft toe te voegen.
Voordat je begint:
Om een animatie te importeren, moet je een LottieFiles-account hebben.
Stap 1: Voeg een Lottie-animatie toe
Begin met het toevoegen van het element voor Lottie-animaties aan je website vanuit het Toevoegen-paneel.
Om een Lottie-animatie aan je website toe te voegen:
- Klik links in de Editor op Toevoegen
.
- Selecteer Code insluiten.
- Scrol omlaag naar Animaties.
- Klik op Lottie om het aan je website toe te voegen.
Stap 2 | Kopieer de animatie-URL
Nadat je het element aan je website hebt toegevoegd, importeer je de gekozen animatie door de Lottie-URL te kopiëren. Kies een eigen ontwerp of importeer een van de honderden gratis te gebruiken animaties die beschikbaar zijn op LottieFiles.com.
Om de URL van de animatie op te halen en te kopiëren:
- Log in op je LottieFiles-account.
- Selecteer je gekozen animatie.
- Klik op het Kopieer-pictogram
onder Lottie Animation URL.
Wist je dat?
Lottie animaties zijn vector-bestanden, dus ze behouden hun kwaliteit op zowel je desktop als op je mobiele website.
Stap 3 | Importeer het bestand naar je Wix-website
Nadat je de URL van de animatie hebt gekopieerd, plak je deze in het element op je Wix-website om een leuke, unieke ervaring voor je bezoekers te creëren.
Om het bestand naar je website te importeren:
- Selecteer het element voor Lottie-animaties in je Editor.
- Klik op het Instellingen-pictogram
.
- Plak de URL in het veld onder Wat is de URL van de animatie?
- Druk op Enter op je toetsenbord.
En nu?
- Klik bovenin het paneel op Voorbeeld van animatie om te zien hoe de animatie wordt afgespeeld.
- Gebruik de instellingen om aan te passen hoe de animatie wordt afgespeeld. Lees meer over het aanpassen van je Lottie-animatie