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: personalizar e ajustar sua animação Lottie

Neste artigo
  • Alterar sua animação Lottie
  • Configurar a animação para reproduzir continuamente
  • Adicionar outros efeitos de animação
  • Adicionar alt text à sua animação Lottie
Depois de importar uma animação Lottie, ajuste-o para que fique e se comporte como quiser. Você pode decidir se ela é reproduzida continuamente ou apenas uma vez e aplicar um efeito para que a animação se destaque quando a página for carregada.
Gif da animação Lottie chamada Docinhos da Gi.

Alterar sua animação Lottie

Se você quiser alterar sua animação Lottie, você pode fazê-lo facilmente ao colar um URL diferente no painel de configurações do elemento.

Para alterar a animação:

  1. Faça login na sua conta do LottieFiles e copie o link da animação
  2. Clique no elemento Lottie no seu editor.
  3. Clique no ícone Configurações .
  4. Cole o novo URL em Qual é o URL da animação?.
  5. Pressione Enter no teclado.
O painel de configuração do Lottie. O cursor está passando sobre o campo do URL.
Dica:
Clicar em Alterar animação leva você diretamente para LottieFiles em uma nova aba do navegador.

Configurar a animação para reproduzir continuamente

Dependendo da aparência do seu site, você pode querer configurar a animação para reproduzir o tempo todo. Isso significa que ele é reproduzido continuamente enquanto os visitantes estão na página. Você também pode desativar a configuração para que ela seja reproduzida apenas uma vez quando suas páginas forem carregadas.

Para ativar/desativar um efeito de loop:

  1. Clique na animação Lottie no seu editor.
  2. Clique no ícone Configurações .
  3. Clique na alavanca ao lado de Reproduz novamente para ativá-la ou desativá-la.
O painel de configurações do lottie. O cursor está passando sobre a alavanca

Adicionar outros efeitos de animação

As inserções Lottie vêm com seus próprios efeitos de animação. No entanto, você pode adicionar uma animação extra de entrada no Editor Wix. Esses efeitos aparecem quando seu site carrega e não cancelam ou impedem a reprodução da animação original.

Para adicionar outros efeitos de animação:

  1. Clique na animação Lottie no seu editor.
  2. Clique no ícone Animação .
  3. Selecione um efeito no painel.
  4. (Opcional) Clique em Personalizar para ajustar as configurações do efeito.
O painel de animação. O cursor clicou no efeito Virar.
Mudou de ideia?
Você pode remover o efeito de animação extra clicando em Nenhum no painel.

Adicionar alt text à sua animação Lottie

O alt text é uma descrição escrita do seu elemento. Ao adicionar alt text à sua animação Lottie, você garante que ele possa ser lido por leitores de tela e motores de busca, que podem melhorar a acessibilidade e a classificação de SEO do seu site.

Para adicionar alt text à sua animação:

  1. Clique na animação Lottie no seu editor.
  2. Clique no ícone Configurações .
  3. Digite ou cole a descrição do texto em Insira um alt text para sua animação.
  4. Pressione Enter no teclado.
O painel de configurações do Lottie. O cursor está passando sobre o campo de alt text.