---
title: "Adicionar LottieFiles ao Passo a Passo do seu App"
description: "O Lottie é uma vasta biblioteca de animações personalizáveis ​​prontas para uso imediato. Você pode facilmente adicionar essas animações leves ao se"
canonical_url: "https://pt.goodbarber.com/help/shop/organizar-seu-conteudo-r121/adicionar-lottiefiles-ao-passo-a-passo-do-seu-app-a514/"
lang: pt
---

# Adicionar LottieFiles ao Passo a Passo do seu App

Source: https://pt.goodbarber.com/help/shop/organizar-seu-conteudo-r121/adicionar-lottiefiles-ao-passo-a-passo-do-seu-app-a514/

O [Lottie](https://lottiefiles.com/) é uma vasta biblioteca de animações personalizáveis ​​prontas para uso imediato.
Você pode facilmente adicionar essas animações leves ao seu [passo a passo do app da GoodBarber](https://pt.goodbarber.com/help/shop/organizar-seu-conteudo-r121/configurar-a-extensao-de-passo-a-passo-do-app-a505/) .
O Lottie também permite que você crie suas [próprias imagens animadas](https://lottiefiles.com/lottie-creator) .

## 1. Instalar extensão de passo a passo do app

1. Vá para o menu **Loja de Extensão > Todas Extensões > Extensão de Passo a Passo do App**
2. Clique em "Instalar"*

*Dependendo da sua oferta GoodBarber, pode ser uma extensão paga.
O preço é exibido na página da extensão.

## 2. Crie sua conta no LottieFiles

1. Acesse [https://lottiefiles.com/](https://lottiefiles.com/) para criar sua conta*
*Preços do LottieFiles: [https://lottiefiles.com/pt/pricing](https://lottiefiles.com/pt/pricing)

## 3. Adicione suas animações ao seu passo a passo do app

Você pode obter sua URL JSON ou arquivo JSON para adicioná-lo à sua etapa de passo a passo, ambos funcionarão no seu app da GoodBarber.

1. Selecione sua animação da plataforma LottieFiles
2. Em *Link de ativo* e *incorporar*, clique em "**Salvar no espaço de trabalho para gerar**"

**URL JSON:**
- Aba Handoff > Habilitar link de ativo
- Copie o link de ativo
- Cole-o no seu back office da GoodBarber

Certifique-se de que o formato do link de ativo selecionado seja Lottie JSON.

![](https://cmsphoto.ww-cdn.com/superstatic/1878443/art/default/82984754-59463524.jpg?v=1782302712.5264418)

**Arquivo JSON:**
- Aba Download > Baixe seu Lottie JSON ou Lottie JSON otimizado (dependendo da sua assinatura com o LottieFiles)
- Selecione Arquivo e carregue seu arquivo Lottie JSON no seu back office GoodBarber

*Certifique-se de que o formato do link de ativo selecionado seja Lottie JSON*

![](https://cmsphoto.ww-cdn.com/superstatic/1878443/art/default/82984754-59463526.jpg?v=1782302712.538442)

***Nota:**
O Lottie não oferece suporte a todos os recursos; consulte a documentação do Lottie para obter detalhes: [https://lottiefiles.com/supported-features](https://lottiefiles.com/supported-features)*