---
title: "LottieFiles dans 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 à vot"
canonical_url: "https://fr.goodbarber.com/help/shop/organiser-votre-contenu-r121/lottiefiles-dans-votre-guide-interactif-a514/"
lang: fr
---

# LottieFiles dans votre guide interactif

Source: https://fr.goodbarber.com/help/shop/organiser-votre-contenu-r121/lottiefiles-dans-votre-guide-interactif-a514/

[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/shop/organiser-votre-contenu-r121/configurer-l-extension-guide-interactif-a505/) .
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/1878398/art/default/82984713-59466724.jpg?v=1727096672.4523222)

**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/1878398/art/default/82984713-59466729.jpg?v=1727096672.488909)

***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)*