Before After Image Slider Elementor Addon

Descripción

O Before After Image Slider Elementor Addon adiciona um widget de comparação visual ao construtor Elementor, permitindo sobrepor duas imagens com um divisor arrastável que revela o “antes” e o “depois” conforme o visitante interage. Você configura a posição inicial do divisor, o sentido do arraste (horizontal ou vertical), os rótulos de cada lado e os efeitos de hover diretamente no painel do Elementor, sem tocar em código.

Características principales

• Widget nativo do Elementor: arraste o componente Before/After diretamente do painel lateral pra qualquer seção da página.
• Divisor interativo: linha de separação ajustável que o visitante move com o cursor ou toque pra revelar a imagem oposta.
• Orientação configurável: alterna entre comparação horizontal (esquerda/direita) e vertical (cima/baixo) conforme o layout.
• Rótulos personalizáveis: textos sobrepostos em cada imagem com controle de tipografia, cor e posicionamento.
• Estilização visual: cor da linha do divisor, ícone central de arraste, opacidade e efeitos no carregamento.

Benefícios do Before After Image Slider Elementor Addon

• Demonstração visual de resultado: mostra transformações em segundos sem depender de vídeos ou textos longos.
• Implantação sem código: toda a configuração acontece no editor visual do Elementor, sem necessidade de CSS ou JavaScript adicional.
• Engajamento maior: o gesto de arrastar mantém o visitante interagindo com a página por mais tempo.
• Flexibilidade de uso: aplicável em portfólios, páginas de serviço, comparativos de produto e estudos de caso.

¿Para quién es?

• Designers e estúdios que apresentam projetos de redesign, retoque ou edição fotográfica.
• Profissionais de estética, odontologia, fitness e reformas que documentam evolução visual de clientes.
• Agências e freelancers que constroem páginas no Elementor e precisam de um recurso pronto pra comparativos.

O componente entrega uma forma direta de transformar duas imagens estáticas em uma peça interativa dentro do Elementor, com controle granular de comportamento e aparência. Em páginas de serviço, portfólio e landing pages de conversão, a comparação arrastável funciona como prova visual rápida do resultado entregue, ocupando pouco espaço vertical e dispensando recursos de mídia mais pesados.

Preguntas frecuentes