Éditeur Wix : Importer des animations Lottie sur votre site
Temps de lecture : 3 min
Les animations Lottie sont des fichiers animés de haute qualité que vous pouvez ajouter à votre site. En important l'animation directement depuis votre compte LottieFiles, vous pouvez créer des pages uniques et animées sans avoir à ajouter de code.
Avant de commencer :
Pour importer une animation, vous devez avoir un compte LottieFiles.
Étape 1 | Ajouter une animation Lottie
Commencez par ajouter l'élément Lottie Animation à votre site à partir du panneau Ajouter.
Pour ajouter une animation Lottie à votre site :
- Cliquez sur Ajouter sur le côté gauche de l'Éditeur.
- Sélectionnez Code d'intégration .
- Faites défiler vers le bas jusqu'à Animations .
- Cliquez sur Lottie pour l'ajouter à votre site.
Étape 2 | Copier l'URL de l'animation
Après avoir ajouté l'élément à votre site, importez l'animation que vous avez choisie en copiant l'URL de Lottie. Choisissez parmi votre propre design ou importez l'une des centaines d'animations gratuites disponibles sur LottieFiles.com.
Pour récupérer et copier l'URL de l'animation :
- Connectez-vous à votre compte LottieFiles.
- Sélectionnez l'animation que vous avez choisie.
- Cliquez sur l'icône Copier sous URL d'animation Lottie .
Le saviez-vous ?
Les animations Lottie sont des fichiers vectoriels, ils conservent donc leur qualité sur votre site sur ordinateur et sur mobile.
Étape 3 | Importez le fichier sur votre site Wix
Une fois que vous avez copié l'URL de l'animation, collez-la dans l'élément sur votre site Wix pour créer une expérience amusante et unique pour vos visiteurs.
Pour importer le fichier sur votre site :
- Sélectionnez l'élément Lottie Animation dans votre Éditeur.
- Cliquez sur l'icône Paramètres .
- Collez l'URL dans le champ sous Quelle est l'URL de l'animation ? .
- Appuyez sur Entrée sur votre clavier.
Quelle est la prochaine étape ?
- Cliquez sur Aperçu de l'animation en haut du panneau pour voir comment l'animation se joue.
- Utilisez les paramètres pour ajuster la lecture de l'animation. En savoir plus sur l'ajustement de votre animation Lottie
Cela vous a-t-il aidé ?
|