Lottier – Lottie Animated Images for Elementor

Descripción

O Lottier adiciona ao Elementor um widget dedicado para exibir animações Lottie em formato JSON dentro de qualquer página construída no editor visual, permitindo carregar arquivos .json locais ou via URL e controlar reprodução por hover, clique, scroll ou autoplay. É voltado para quem cria landing pages, portfólios e sites institucionais no Elementor e quer substituir GIFs pesados e vídeos de fundo por animações vetoriais leves e responsivas.

Principais Características do Lottier

• Widget nativo no Elementor
  Adiciona um novo elemento arrastável no painel lateral do construtor visual.
• Suporte a arquivos Lottie JSON
  Carrega animações vetoriais leves geradas a partir de projetos do After Effects via Bodymovin.
• Gatilhos de reprodução configuráveis
  Inicia a animação por autoplay, hover, clique ou ao entrar no viewport.
• Controle de velocidade e loop
  Ajusta velocidade de reprodução, direção reversa e quantidade de repetições direto no painel.
• Renderização responsiva
  Escala a animação proporcionalmente em desktop, tablet e mobile sem perda de qualidade.

Benefícios do Lottier

• Páginas mais leves
  Substitui GIFs e vídeos pesados por arquivos JSON de poucos kilobytes.
• Workflow visual sem código
  Permite configurar animações complexas sem escrever JavaScript ou CSS adicional.
• Maior engajamento visual
  Insere micro-interações e ilustrações animadas que prendem a atenção do visitante.
• Compatibilidade ampla
  Funciona em qualquer tema compatível com Elementor sem ajustes adicionais no theme.

Para Quem o Lottier é Indicado?

• Quem monta landing pages no Elementor e quer destacar seções com ilustrações animadas.
• Designers e estúdios criativos que produzem animações no After Effects e exportam via Bodymovin.
• Você que precisa substituir GIFs pesados por animações vetoriais leves no site WordPress.
• Agências que desenvolvem portfólios e sites institucionais buscando diferenciar a apresentação visual.

Como Baixar o Lottier

O Lottier está disponível para download aqui no Ultrapack. Após baixar o arquivo .zip, instale em Plugins > Adicionar Novo > Enviar plugin, selecione o .zip e ative. O widget passa a aparecer no painel de elementos do Elementor, na seção dedicada ao plugin, pronto para ser arrastado para qualquer página em edição.

Para quem já trabalha com Elementor e busca elevar o apelo visual das páginas sem comprometer a performance, o Lottier preenche uma lacuna importante ao tornar animações Lottie acessíveis dentro do fluxo de arrastar e soltar. A combinação de gatilhos por scroll, hover e clique abre espaço para narrativas visuais interativas que antes exigiam código personalizado ou plugins de terceiros mais complexos.

Preguntas frecuentes