Lottier – Lottie Animated Images for WordPress Editor

Descripción

O Lottier incorpora animações Lottie em qualquer página WordPress por meio de um widget próprio que aceita arquivos .json e URLs do LottieFiles, com controles de loop, autoplay, velocidade e gatilhos por hover ou rolagem. Compatível com Elementor, WPBakery, Gutenberg e o editor clássico, é voltado para quem quer substituir GIFs pesados e ilustrações estáticas por vetores animados leves em landing pages, headers e seções de destaque.

Principais Características do Lottier

• Suporte nativo a arquivos Lottie
  Carrega animações .json exportadas do After Effects via plugin Bodymovin ou baixadas do LottieFiles.
• Widget para construtores visuais
  Adiciona um elemento dedicado em Elementor, WPBakery, Gutenberg e shortcode para o editor clássico.
• Controles de reprodução granulares
  Configura autoplay, loop, velocidade, direção reversa e ponto inicial/final em cada instância.
• Gatilhos interativos
  Dispara a animação ao passar o mouse, clicar no elemento ou quando ele entra no viewport durante a rolagem.
• Renderização vetorial responsiva
  Mantém a qualidade da animação em qualquer resolução com arquivos significativamente mais leves que GIFs ou vídeos.

Benefícios do Lottier

• Páginas mais leves
  Substitui GIFs pesados e vídeos curtos por arquivos vetoriais de poucos kilobytes.
• Identidade visual diferenciada
  Adiciona movimento sutil a ícones, ilustrações e CTAs para destacar seções importantes.
• Sem código manual
  Configura cada animação pelo painel visual do construtor, sem editar JavaScript ou CSS.
• Encaixe em qualquer layout
  Permite reaproveitar o mesmo arquivo Lottie em headers, hero sections, popups e blocos de conteúdo.

Para Quem o Lottier é Indicado?

• Designers e agências digitais que entregam sites com microinterações e ilustrações animadas.
• Quem precisa enriquecer landing pages e páginas de vendas sem aumentar o peso de carregamento.
• Estúdios criativos, portfólios e marcas que já usam o LottieFiles e querem levar essas animações ao WordPress.

Como Baixar o Lottier

O Lottier está disponível para download aqui no Ultrapack. Após obter o arquivo .zip, acesse Plugins > Adicionar Novo > Enviar plugin no painel do WordPress, selecione o arquivo e ative. O widget aparece no Elementor, WPBakery e Gutenberg logo após a ativação, pronto para receber arquivos .json.

Pensado para quem trabalha com design de interfaces e produção de páginas no WordPress, o Lottier ocupa um espaço específico no ecossistema: traduzir o fluxo de animações vetoriais do After Effects e do LottieFiles direto para os construtores visuais. O resultado é controle sobre cada detalhe da reprodução sem sair do editor onde a página já está sendo montada.

Preguntas frecuentes