---
title: "Ajouter des animations LottieFiles à votre guide interactif"
description: "Lottie est une vaste bibliothèque d'animations personnalisables prêtes à être utilisées immédiatement.  Vous pouvez facilement ajouter ces animations à votre gu"
canonical_url: "https://fr.goodbarber.com/help/organiser-votre-contenu-r93/ajouter-des-animations-lottiefiles-a-votre-guide-interactif-a427/"
lang: fr
---

# Ajouter des animations LottieFiles à votre guide interactif

Source: https://fr.goodbarber.com/help/organiser-votre-contenu-r93/ajouter-des-animations-lottiefiles-a-votre-guide-interactif-a427/

[Lottie](https://lottiefiles.com/) est une vaste bibliothèque d'animations personnalisables prêtes à être utilisées immédiatement.
Vous pouvez facilement ajouter ces animations à votre [guide interactif de votre app GoodBarber](https://fr.goodbarber.com/help/organiser-votre-contenu-r93/configurer-l-extension-guide-interactif-a418/) .
Lottie vous permet également de créer [vos propres images animées](https://lottiefiles.com/lottie-creator) .

## 1. Installer l'extension Guide intéractif

1. Accédez au menu **Extensions Store > Toutes les extensions > Extension Guide interactif**
2. Cliquez sur « **Installer** »*

**En fonction de votre offre GoodBarber, il peut s'agir d'une extension payante.
Le prix est affiché sur la page de l'extension.*

## 2. Créez votre compte LottieFiles

1. Accédez à [https://lottiefiles.com/](https://lottiefiles.com/) pour créer votre compte*
**Tarifs LottieFiles : [https://lottiefiles.com/pricing](https://lottiefiles.com/pricing)*

## 3. Ajoutez vos animations au guide interactif de votre app

Vous pouvez obtenir votre URL JSON ou votre fichier JSON pour l'ajouter à votre guide interactif, les deux fonctionneront sur votre application GoodBarber

1. Sélectionnez votre animation à partir de la plateforme LottieFiles
2. Sous *Asset link and embed*, cliquez sur "**Save to workspace to generate**"

**URL JSON :**
- Onglet Handoff > Enable Asset Link
- Copiez Asset Link
- Collez-le dans votre back-office GoodBarber

*Assurez-vous que le format de l'Asset Link sélectionné est Lottie JSON.*

![](https://cmsphoto.ww-cdn.com/superstatic/1682490/art/default/82009213-59424837.jpg?v=1726822870.803939)

**Fichier JSON :**
- Onglet Download > Téléchargez votre Lottie JSON ou Optimisez Lottie JSON (selon votre abonnement à LottieFiles)
- Sélectionnez Fichier et téléchargez votre fichier Lottie JSON dans votre back-office GoodBarber

*Assurez-vous que l'Asset Link sélectionné est Lottie JSON*

![](https://cmsphoto.ww-cdn.com/superstatic/1682490/art/default/82009213-59425132.jpg?v=1726822870.8374448)

***Note :***
*Lottie ne prend pas en charge toutes les fonctionnalités ; veuillez consulter la documentation de Lottie pour plus de détails : [https://lottiefiles.com/supported-features](https://lottiefiles.com/supported-features)*