Editor Wix: importar animações do Lottie para o site
3 min de leitura
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.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/11/02/2a44a091-4d0f-40e5-9836-9bf29fb892df/7627d8a7-e0dd-48e2-9b60-57a2d9537000.gif)
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:
- Clique em Elementos
no lado esquerdo do Editor.
- Selecione Incorporar código.
- Role para baixo até Animação.
- Clique em Lottie para adicioná-lo ao seu site.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/11/02/2a4359a9-455d-4026-b2cc-fd9df283465f/def1aed6-c087-40b7-b583-ad0dfa49584c.png)
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:
- Faça login na sua conta LottieFiles.
- Selecione a animação escolhida.
- Clique em Save to workspace to generate (Salvar no workspace para gerar).
- 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](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/07/18/a383399e-43d8-442e-a0b9-c9d4ae746bd2/24dc5d1a-5b28-4c79-a5bf-b6a7e305e375.jpg)
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:
- Selecione o elemento Inserção Lottie no seu Editor.
- Clique no ícone Configurações
.
- Cole o URL no campo em Qual é o URL da animação?.
- Pressione Enter no teclado.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/2d3f30b2-74a7-4aec-8ef7-67de4fff5318/2022/11/02/e0e98eb3-df16-4b08-9765-87ad2bd2f97e/49804d8d-8a6e-4f4e-8d14-bb5f12d1c547.png)
Qual é o próximo passo?
- Clique em Visualizar animação na parte superior do painel para ver como a animação é reproduzida.
- Use as configurações para ajustar como a animação é reproduzida. Saiba mais sobre como ajustar sua animação do Lottie
Esse artigo foi útil?
|