Aller au contenu principal

Site Web avancé : Widgets - Lottie Animation

Le widget Lottie Animation vous permet d'ajouter des animations de qualité vectorielle à votre site.

Lottie est une bibliothèque mobile pour Android et iOS qui analyse les animations Adobe After Effects exportées au format JSON avec Bodymovin et les restitue sur mobile et sur le Web.

Recherchez des animations via LottieFiles ou créez votre propre animation dans After Effects, exportée avec le plugin Bodymovin.

Pour ajouter le widget :

  1. Connectez-vous à votre compte Guesty.
  2. Dans la barre de navigation supérieure, cliquez sur le sélecteur de mode et sélectionnez le mode Croissance.
  3. Cliquez sur Distribution.
  4. Cliquez sur la miniature des Sites Internet Guesty.
  5. À droite du site Web concerné, cliquez sur Modifier.
  1. Dans le panneau de gauche, cliquez sur Widgets.
  2. Cliquez et faites glisser le widget Lottie Animation sur votre site.

Pour en savoir plus sur l’ajout de widgets à votre site, consultez Ajouter des widgets.

Éditeur de contenu

Pour accéder à l'éditeur de contenu :

  1. Cliquez avec le bouton droit sur le widget, puis cliquez sur Modifier le contenu.
  2. Copiez l'URL de Lottie Animation dans la case prévue à cet effet.
  3. Pour trouver l'URL de l'animation, ouvrez-la dans LottieFiles et cliquez sur <html>. Vous pouvez également coller l'URL de n'importe quel fichier JSON hébergé hors de LottieFiles.
  4. Sélectionnez Animation en boucle pour lire l'animation en continu ou sélectionnez Animer au clic.
  5. (Facultatif) Pour ajouter un lien à l’animation, cliquez sur Lien et sélectionnez le type de lien.
  6. Si vous utilisez une animation LottieFile gratuite, vous devez inclure les informations d'identification du créateur de l'animation. Ces informations se trouvent en bas de la fenêtre contextuelle. Pour plus d'informations, consultez les informations de la licence Creative Commons de LottieFile.

Éditeur de conception

Pour accéder à l'éditeur de conception, cliquez avec le bouton droit sur le widget, puis cliquez sur Modifier la conception.

Pour redimensionner le widget, déplacez les curseurs de largeur et de hauteur. Pour conserver les proportions, sélectionnez « Conserver les proportions ».

Pour plus d'informations sur les options de conception qui ne sont pas spécifiques à ce widget (par exemple, la disposition, le style ou l'espacement), voir Conception de widget.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 0 sur 0