Animação

O elemento Animação, da categoria Mídia, exibe uma animação pronta do catálogo, sempre centralizada, na página do funil. Ele é puramente visual: dá vida a telas de carregamento, confirmações e momentos de transição, sem capturar dados. Não confunda com o campo Animação da aba Configurações de outros elementos (Pulsar, Crescer, Digitação…), que aplica um efeito a um elemento já existente — aqui, a animação é o próprio conteúdo.

Escolhendo a animação

Na aba Conteúdo, a seção Animação mostra o catálogo em uma grade de miniaturas, já em movimento — passe o mouse sobre uma delas para ver o nome. São 19 animações vetoriais (formato Lottie): Alerta (ícone), Robô, Carro, Gato brincando, Urso dançando, Cachorrinho, E-mail enviado, Erro (exclamação), Presente, Gato carregando, Progresso (mão), Foguete (lançamento), Foguete (loader), Ampulheta, Sucesso (brilho), Sucesso (círculo), Erro (X), Carregando (rastro) e WhatsApp. O elemento chega à página com Sucesso (brilho) selecionada.

Repetição e velocidade

Na seção Geral:

• Repetir (loop) — ligado por padrão; desligado, a animação é reproduzida uma única vez.
• Velocidade — 0.5×, 1×, 1.5× ou 2× (sem valor, 1×).

Aparência

Na aba Tema, seção Geral:

• Largura — porcentagem da coluna da página, de 50% a 100% (sem valor, 100%). Abaixo de 100%, a animação continua centralizada.
• Container — envolve a animação em um card; desligado por padrão. Ao ligar, aparecem a Cor de fundo e a Cor da borda do card, além do Estilo da borda (sólida, tracejada ou pontilhada), da Espessura da borda e do Raio da borda.

Não há cores do elemento para configurar: cada animação usa as cores do próprio desenho, e a proporção original de cada arte é sempre respeitada.

Configurações

A aba Configurações traz o Nome do elemento (organização interna no editor), o Delay — o elemento só aparece depois de um tempo em minutos e segundos, ou sincronizado com a reprodução de um vídeo da mesma página — e a Exibição condicional, que só exibe o elemento quando uma condição sobre as variáveis da sessão for verdadeira.

No funil publicado

O espaço da animação fica reservado na proporção exata antes de ela carregar, então a página não muda de altura durante o carregamento; cada animação é baixada sob demanda — o visitante baixa apenas a que está na página. Se o sistema do visitante pede para reduzir movimento, a animação fica parada no primeiro quadro. A Animação não é clicável e não gera resposta nem evento: nada dela aparece na tabela de Leads nem nos números de Analytics. Com Delay ou Exibição condicional, o elemento surge com um fade quando o tempo ou a condição é satisfeita.