Últimas Notícias do SeedProd

Tutoriais, Dicas e Recursos do WordPress para Ajudar a Crescer Seu Negócio

Melhor Plugin WordPress de Antes e Depois

5 Melhores Plugins WordPress de Antes e Depois (Com Efeito de Deslizamento) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey Corrin é uma especialista certificada em marketing de conteúdo e SEO com mais de 15 anos de experiência escrevendo sobre WordPress, SEO e marketing digital. Ela gerencia o conteúdo para SeedProd e RafflePress, cobrindo ferramentas e estratégias que ela mesma usa e testa ativamente.
    
Revisado por: avatar do revisor Turner John
avatar do revisor Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento, e seus plugins foram baixados mais de 25 milhões de vezes.

Procurando o melhor plugin WordPress de antes e depois?

Um plugin WordPress de antes e depois permite comparar duas imagens lado a lado usando um slider arrastável. É perfeito para mostrar transformações, resultados de produtos ou mudanças visuais em seu site.

Eu testei vários desses em sites de clientes e em minhas próprias páginas. Se você está mostrando uma reforma, um redesign ou um projeto de restauração, essas ferramentas facilitam destacar a diferença.

Neste guia, compartilharei os melhores plugins de antes e depois para WordPress e o que esperar de cada um.

PluginPlano GratuitoPreçosTipo de SliderCompatibilidade com Editor
SeedProdNãoA partir de R$ 39,50/anoHorizontal e VerticalConstrutor SeedProd
BEAFSimPro a partir de R$ 19/anoHorizontal e VerticalEditor de Blocos, Elementor, Divi, WPBakery
Addons DefinitivosNãoA partir de R$ 57/anoHorizontal e VerticalElementor
Vinte20SimGrátisHorizontal e VerticalShortcodes, Construtores de Páginas
Bloco de Comparação de ImagensSimGrátisHorizontal e VerticalEditor de Blocos

O que é um Plugin WordPress de Antes e Depois?

Um plugin de slider de antes e depois é um complemento para o seu site que permite aos visitantes arrastar um slider entre 2 imagens diferentes. Conforme você arrasta a alça, uma imagem única transita para a próxima.

Muitos sites usam plugins de antes e depois para destacar os efeitos de um produto ou serviço. Por exemplo, você pode mostrar uma foto da mesma pessoa antes e depois de receber um tratamento de beleza ou uma transformação.

Alternativamente, este tipo de plugin ajuda a ilustrar e explicar tópicos complicados. Digamos que você queira aumentar a conscientização sobre as mudanças climáticas. Nesse caso, você pode usar um widget de antes e depois para mostrar fotos da mesma paisagem antes e depois dos efeitos do aquecimento global.

plugin WordPress de antes e depois

Em última análise, um plugin WordPress de antes e depois pode ajudar os proprietários de sites WordPress a demonstrar facilmente as diferenças ou semelhanças entre 2 imagens.

Então, quais são os melhores plugins de slider de antes e depois para WordPress? Vamos descobrir.

Melhores Plugins WordPress de Antes e Depois

Abaixo, você encontrará os melhores plugins de antes e depois para o seu site WordPress. Analisaremos como cada plugin funciona, sua funcionalidade, se eles são amigáveis para dispositivos móveis e quão fáceis de usar são.

Guia em Vídeo

1. SeedProd

SeedProd Construtor de sites WordPress com arrastar e soltar
Preço: A partir de R$ 39,50/ano
Plano Gratuito / Teste: Não
Recursos de Destaque:
🔹 Construtor de arrastar e soltar
🔹 Alternância de visualização móvel
🔹 Bloco antes/depois com personalização completa
Classificação: A+
Ideal para: Iniciantes que desejam edição completa do site e comparação de imagens em um único plugin

SeedProd é o melhor construtor de sites com arrastar e soltar para WordPress. Sua interface visual amigável permite que você crie páginas de destino, temas WordPress multipropósito e layouts de barra lateral flexíveis para seu site sem código.

Você pode personalizar qualquer área do seu site com os blocos do WordPress do SeedProd. Eles permitem aprimorar seu site com recursos avançados, incluindo galerias de imagens, tabelas de preços, botões de call-to-action, cronômetros e muito mais.

Um desses blocos é o poderoso Bloco Antes e Depois. Você pode usá-lo para mostrar 2 imagens e comparar as diferenças lado a lado.

toggle de antes e depois do SeedProd

O bloco inclui layouts horizontal e vertical, cores de sobreposição antes e depois, e rótulos. Você também pode configurar um controle deslizante de imagem interativo e personalizações avançadas para tipografia, cores, preenchimento, espaçamento e muito mais.

O SeedProd é 100% compatível com dispositivos móveis, portanto, todo design se adapta perfeitamente a diferentes dispositivos móveis. Além disso, inclui um recurso de visualização móvel ao vivo e opções para mostrar ou ocultar elementos de design específicos em dispositivos móveis ou de desktop.

Você não precisará saber nenhum HTML, CSS, jQuery ou shortcodes com este plugin. É completamente sem código, permitindo que você personalize todas as partes do seu site visualmente sem a ajuda de um desenvolvedor.

O SeedProd oferece compatibilidade total com plugins e temas populares do WordPress. Ele também funciona perfeitamente com principais ferramentas de marketing por e-mail, WooCommerce e Zapier.

Recursos

Preços: O preço do SeedProd começa em R$ 199,90 por ano.

Plugin WordPress BEAF de antes e depois
Preços: Gratuito, Pro a partir de R$ 99,90/ano
Plano Gratuito / Teste: Sim
Recursos de Destaque:
🔹 Controles deslizantes ilimitados
🔹 Modelos de controle deslizante
🔹 Suporte a construtor de páginas
Avaliação: B+
Ideal para: Blogueiros e sites pequenos que desejam um plugin gratuito de comparação de imagens

BEAF é um controle deslizante de imagem antes e depois gratuito para WordPress. Ele permite que você adicione um número ilimitado de controles deslizantes ao seu site, permitindo que você mostre facilmente comparações entre 2 imagens.

Este plugin vem com layout horizontal e vertical, título, descrição e botões de leitura. Ele também oferece personalizações para rótulos e cores de fundo.

O painel de administração é intuitivo e fácil de usar com um prático gerador de shortcode. Ele também permite que você incorpore suas fotos antes e depois em qualquer lugar do seu site WordPress.

Recursos

  • Galeria de imagens antes e depois em várias colunas
  • Capacidade de desativar sobreposições
  • Opções de passar o mouse
  • Modelos de controle deslizante
  • Descrições amigáveis para SEO
  • 100% responsivo para dispositivos móveis

O BEAF também suporta construtores de páginas populares, incluindo WPBakery, Elementor, Visual Composer, Divi, Beaver Builder e o editor de blocos do WordPress (Gutenberg).

Preços: Você pode baixar a versão gratuita do BEAF no repositório de plugins do WordPress. Os preços para a versão Pro começam em US$ 19 por ano.

3. Slider Antes e Depois Definitivo Addons

slider de antes e depois do Ultimate Addons
Preços: Começa em US$ 57/ano
Plano Gratuito / Teste: Não
Recursos de Destaque:
🔹 Integração com Elementor
🔹 Redimensionamento de imagens e controles deslizantes
🔹 Parte de um pacote completo de widgets
Classificação: B
Ideal para: Usuários do Elementor que buscam expandir sua biblioteca de widgets

Ultimate Addons é um plugin conhecido do WordPress que estende a funcionalidade dos construtores de páginas. Com o Ultimate Addons for Elementor Before and After Slider, você pode adicionar comparações de imagens responsivas ao seu site WordPress de forma rápida e fácil.

Ele oferece recursos semelhantes ao SeedProd, com opções para redimensionar imagens e capturas de tela, definir a orientação e o alinhamento do controle deslizante, e personalizar cores específicas. Você também pode escolher entre um controle deslizante vertical e horizontal e adicionar vários controles deslizantes a uma página.

Um pequeno inconveniente do Ultimate Addons é a necessidade de adicionar outro plugin do WordPress ao seu site. Plugins como o SeedProd oferecem construção de páginas visuais e funcionalidade de antes e depois em um único plugin.

Recursos

  • Controle deslizante responsivo de antes e depois
  • Compatível com o construtor de páginas Elementor
  • O plugin inclui muitos outros widgets e módulos
  • Extensa base de conhecimento e tutoriais para suporte ao cliente

Preços: O pacote Ultimate Addons começa em US$ 57 por ano.

4. Vinte20 Imagem Antes-Depois

Plugin WordPress Twenty20 de Antes e Depois
Preço: Grátis
Plano Gratuito / Teste: Sim
Recursos de Destaque:
🔹 Configuração simples baseada em shortcode
🔹 Responsivo e minimalista
🔹 Suporte a construtor de páginas
Classificação: B
Ideal para: Usuários que desejam um plugin de comparação leve sem recursos extras

Twenty20 Image Before-After é outro plugin gratuito de antes e depois para WordPress. Você pode usar este plugin para exibir 2 imagens da sua biblioteca de mídia lado a lado para que os visitantes do site possam comparar as diferenças.

É um plugin simples do WordPress sem frescuras e não requer imagens para funcionar.

Este plugin usa shortcodes para definir os parâmetros do widget de slideshow. Você pode personalizar o shortcode inserindo o tamanho da imagem, texto de antes e depois, direção do controle deslizante, deslocamento, alinhamento e muito mais.

O Twenty20 também suporta construtores de páginas populares, permitindo que iniciantes adicionem visualmente controles deslizantes de antes e depois em seus sites.

Recursos

  • Responsivo e compatível com dispositivos móveis
  • Interface de usuário minimalista
  • Ele permite que você use o alt da imagem como alt e título da imagem
  • Suporta construtores de páginas populares

Preços: Este plugin é totalmente gratuito.

5. Bloco de Comparação de Imagens

Bloco de Comparação de Imagens WordPress
Preço: Grátis
Plano Gratuito / Teste: Sim
Recursos de Destaque:
🔹 Criado para Gutenberg
🔹 Controles para movimento do controle deslizante
🔹 Estilização de rótulos personalizados
Avaliação: B+
Ideal para: Blogueiros que usam o editor de blocos e desejam algo rápido e gratuito

Image Comparison Block é um plugin de antes e depois super simples para WordPress para blogueiros e sites de pequenas empresas. Ele permite que os visitantes do seu site comparem 2 imagens em um layout horizontal ou vertical.

O plugin funciona dentro do editor de texto do WordPress e permite usar blocos do WordPress para configurar seus widgets.

As configurações do bloco incluem opções para alterar a proporção de visibilidade e a orientação do slider, e escolher entre mover ao deslizar, clicar ou pairar. Adicionalmente, você pode alterar as cores da sobreposição e do texto, rótulos, tipografia e muito mais com alguns cliques.

Recursos

  • Controles para o movimento da alça do slider
  • Rótulos personalizados para antes e depois
  • Opções de posição e estilo do rótulo
  • Funcionalidade de sobreposição
  • Bloco dedicado do WordPress

Preço: O Bloco de Comparação de Imagens é um plugin gratuito para WordPress, sem versão premium.

Você não precisa ser um designer ou desenvolvedor para usar um plugin de antes e depois. Essas ferramentas são úteis em todos os tipos de sites, especialmente quando as imagens contam uma história melhor do que as palavras.

  • Sites de beleza e cosméticos: Mostre os resultados de tratamentos de skincare, looks de maquiagem ou procedimentos.
  • Design de interiores ou reforma de casas: Destaque as mudanças em cômodos, cozinhas ou espaços externos.
  • Serviços de paisagismo e jardinagem: Compare quintais e jardins antes e depois do trabalho ser feito.
  • Portfólios de web design: Mostre transformações de sites de clientes ou redesenhos de temas em uma única visualização.
  • Organizações sem fins lucrativos e campanhas de conscientização: Compartilhe o impacto visual — como limpezas comunitárias, construções ou projetos de restauração.
  • Blogueiros de fitness e bem-estar: Compartilhe fotos de progresso para documentar mudanças físicas ao longo do tempo.

Se o seu trabalho envolve qualquer tipo de mudança visual, os sliders de antes e depois podem ajudar a comprovar resultados de forma rápida e clara.

FAQ: Plugins de Antes e Depois para WordPress

Posso adicionar um slider antes e depois no Gutenberg?

Sim, alguns plugins como SeedProd e Image Comparison Block permitem adicionar sliders de antes e depois diretamente no editor de blocos do WordPress (Gutenberg). Você não precisa instalar um construtor de páginas separado.

Qual é o melhor plugin gratuito de antes e depois para WordPress?

BEAF e Twenty20 são plugins gratuitos populares para adicionar sliders de antes e depois no WordPress. Eles são fáceis de usar e funcionam bem com construtores de páginas populares.

Como posso mostrar comparações de imagens no meu site WordPress sem código?

Você pode usar um plugin de arrastar e soltar como o SeedProd para mostrar comparações de imagens de antes e depois sem tocar em código. Basta arrastar o bloco do slider para o local e fazer o upload das suas imagens.

Plugins de antes e depois são responsivos para dispositivos móveis?

A maioria dos plugins de antes e depois são responsivos para dispositivos móveis. SeedProd, BEAF e Image Comparison Block se adaptam a telas menores para que os usuários possam deslizar ou tocar no slider em dispositivos móveis.

Qual Plugin de Antes e Depois é o Melhor?

Achamos que o melhor plugin de antes e depois para WordPress é o SeedProd. Ele inclui todos os recursos que você precisa em um widget de antes e depois, permitindo que você edite qualquer área do seu site WordPress sem código.

SeedProd é rápido, leve, fácil de usar e responsivo. Então, o que você está esperando?

Esperamos que este artigo tenha ajudado você a encontrar o melhor plugin de antes e depois para WordPress para o seu site. Você também pode gostar destas outras comparações enquanto estiver aqui:

Obrigado por ler! Adoraríamos saber sua opinião, então sinta-se à vontade para participar da conversa no YouTubeXFacebook para mais conselhos e conteúdo úteis para expandir seus negócios.

avatar do autor
Stacey Corrin Especialista em Marketing de Conteúdo
Stacey Corrin é uma especialista certificada em marketing de conteúdo e SEO com mais de 15 anos de experiência escrevendo sobre WordPress, SEO e marketing digital. Ela gerencia o conteúdo para SeedProd e RafflePress, cobrindo ferramentas e estratégias que ela mesma usa e testa ativamente.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Nós apenas recomendamos produtos que acreditamos que agregarão valor aos nossos leitores.

[weglot_switcher]
Gerencie este site WordPress conversando com ChatGPT ou Claude. Plugin gratuito. Experimente grátis