Lottier – Lottie Animated Images for Divi Builder

Descripción

O Lottier adiciona um módulo nativo ao Divi Builder para incorporar animações Lottie (arquivos .json exportados do After Effects via Bodymovin) em qualquer seção do layout, com controles de reprodução, loop e velocidade direto no painel visual. Voltado para quem monta sites no Divi e quer substituir GIFs pesados por animações vetoriais leves em cabeçalhos, ícones, ilustrações e blocos de destaque, sem precisar tocar em código.

Principais Características do Lottier

• Módulo dedicado para Divi
  Adiciona um elemento Lottier à biblioteca de módulos do Divi Builder.
• Suporte a arquivos JSON
  Aceita upload de arquivos .json no padrão Lottie/Bodymovin pela biblioteca de mídia.
• Controles de reprodução
  Configura autoplay, loop, velocidade e direção da animação no painel visual.
• Gatilhos de interação
  Permite iniciar a animação ao passar o mouse, clicar ou rolar a página até o elemento.
• Carregamento por URL externa
  Aponta para arquivos hospedados em CDN ou no LottieFiles sem subir o JSON ao servidor.

Benefícios do Lottier

• Sites mais leves
  Animações vetoriais ocupam fração do peso de GIFs e vídeos MP4 equivalentes.
• Qualidade em qualquer tela
  Renderização vetorial mantém nitidez em telas Retina e monitores 4K sem reexportar.
• Edição sem código
  Toda a configuração acontece no editor visual do Divi, dispensando CSS e JavaScript manuais.
• Mais vida nas páginas
  Micro-interações em ícones, botões e seções herói prendem a atenção do visitante.

Para Quem o Lottier é Indicado?

• Quem mantém sites no Divi e quer trocar GIFs e vídeos curtos por animações vetoriais Lottie.
• Designers que exportam composições do After Effects via Bodymovin e precisam embutir o resultado no WordPress.
• Quem cria landing pages no Divi Builder e busca micro-interações em ícones, botões e seções herói.

Como Baixar o Lottier

O Lottier está disponível para download aqui no Ultrapack. Após baixar o arquivo .zip, vá em Plugins > Adicionar Novo > Enviar plugin, selecione o arquivo e ative. Com o plugin ativo, o módulo Lottier passa a aparecer na lista de elementos do Divi Builder, pronto para ser arrastado para qualquer seção.

Ao reunir suporte completo a Lottie, gatilhos de interação por hover, clique e scroll, e integração total com o painel visual do Divi, o Lottier preenche a lacuna deixada pelos módulos padrão do construtor para quem trabalha com motion design. É a ponte direta entre o After Effects e o Divi Builder, abrindo espaço para animações sofisticadas em sites WordPress sem comprometer o desempenho.

Preguntas frecuentes