header-logo
Primeiros passosConfira como você pode usar o Wix para criar seu site e seu negócio. Personalize seu site usando templates ou contrate um profissional para criar ou aprimorar sua presença online.
Crie o seu siteAprenda a usar o Editor Wix e a gerenciar o conteúdo de seu site. Descubra como proteger a privacidade de seus visitantes e tornar seu site acessível.
Conta e faturamentoRevise as configurações da sua conta, gerencie suas assinaturas e planos Premium e entenda suas faturas.
Use os apps mobile do WixUse o app Wix Owner para administrar seu negócio com eficiência, interagir com seus visitantes e criar uma comunidade.
Conecte um domínioEntenda como comprar, conectar ou transferir um domínio e como manter os dados do seu site seguros.
Gerencie o seu negócioEncontre as ferramentas certas para criar e expandir seus negócios: aceite pagamentos, analise suas estatísticas, conecte-se com visitantes e muito mais.
Promova o seu siteConfira como promover seu site nos motores de busca, enviar campanhas de email e veicular anúncios pagos.
Wix Studio, Parceiros e empresasTire o máximo proveito da sua conta do Wix Studio, Parceiro Wix ou Wix Empresarial, para que você possa expandir seus negócios.
AjudaObtenha informações sobre como resolver os problemas técnicos e de desempenho do seu site. Além disso, acompanhe os próximos recursos em nosso roadmap de produtos.
placeholder-preview-image
Wix LearnDomine novas habilidades com nossos cursos e tutoriais.
Blog do WixConfira nossas dicas de web design, marketing e mais.
Learning Hub de SEOAumente o tráfego orgânico vindo dos motores de busca.
Website developmentDesenvolva um site único com a nossa plataforma full-stack.
Contrate um profissionalAlcance seus objetivos com a ajuda de um especialista.
placeholder-preview-image

Editor Wix: importar animações do Lottie para o site

Neste artigo
  • Etapa 1 | Adicione uma Inserção Lottie
  • Etapa 2 | Copie o URL da animação
  • Etapa 3 | Importe o arquivo para o seu site Wix
As animações do Lottie são arquivos animados de alta qualidade que você pode adicionar ao seu site. Ao importar a animação diretamente da sua conta LottieFiles, você pode criar páginas exclusivas e animadas sem precisar adicionar qualquer código.
Antes de começar:
Para importar uma animação, você precisa ter uma conta LottieFiles.

Etapa 1 | Adicione uma Inserção Lottie

Comece adicionando o elemento Animações Lottie ao seu site através do painel Elementos.

Para adicionar uma Inserção Lottie ao seu site:

  1. Clique em Elementos   no lado esquerdo do Editor.
  2. Selecione Incorporar código.
  3. Role para baixo até Animação.
  4. Clique em Lottie para adicioná-lo ao seu site.

Etapa 2 | Copie o URL da animação

Após salvar uma animação no seu workspace com o LottieFiles, você pode copiar o URL e colar diretamente. Escolha seu próprio design ou importe uma das centenas de animações gratuitas disponíveis em LottieFiles.com.

Para recuperar e copiar o URL da animação:

  1. Faça login na sua conta LottieFiles.
  2. Selecione a animação escolhida.
  3. Clique em Save to workspace to generate (Salvar no workspace para gerar).
  4. Clique no ícone Copiar em Asset link (Link do recurso).
Captura de tela mostrando o URL de uma animação sendo copiada no lottiefiles.com
Você sabia?
As animações do Lottie são arquivos vetoriais, portanto mantêm sua qualidade no desktop e no site mobile.

Etapa 3 | Importe o arquivo para o seu site Wix

Após copiar o URL da animação, cole-o no elemento no seu site Wix para criar uma experiência divertida e única para seus visitantes.

Para importar o arquivo para o seu site:

  1. Selecione o elemento Inserção Lottie no seu Editor.
  2. Clique no ícone Configurações .
  3. Cole o URL no campo em Qual é o URL da animação?.
  4. Pressione Enter no teclado.
Qual é o próximo passo?
É importante saber que:
As animações Lottie são convertidas automaticamente em arquivos JSON quando você as importa para um site Wix. Por motivos técnicos, nem todos os campos do arquivo podem ser contidos. As animações Lottie podem, portanto, parecer um pouco diferentes em um site Wix online (por exemplo: exibindo uma variedade/quantidade de movimento reduzida).