Últimas notícias da SeedProd

Tutoriais, dicas e recursos do WordPress para ajudar a expandir seus negócios

Melhor plug-in WordPress de antes e depois

5 melhores plug-ins do WordPress para antes e depois (com efeito de slide) 

Escrito por: avatar do autor Stacey Corrin
avatar do autor Stacey Corrin
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.
     Avaliado por: reviewer avatar Turner John
reviewer avatar Turner John
John Turner é o cofundador da SeedProd. Ele tem mais de 20 anos de experiência em negócios e desenvolvimento e seus plug-ins foram baixados mais de 25 milhões de vezes.

Você está procurando o melhor plug-in do WordPress para antes e depois?

A inclusão de um controle deslizante de comparação de imagens antes e depois em seu site pode ajudar os visitantes a ver os efeitos posteriores do uso de seus produtos ou serviços. Você também pode usá-las para comparar seus produtos com os da concorrência e destacar recursos específicos.

Neste artigo, compartilhamos os melhores plug-ins de antes e depois do WordPress para usar em seu site WordPress.

O que é um plug-in WordPress Before and After?

Um plug-in de controle deslizante antes e depois é um complemento para o seu site que permite que os visitantes arrastem um controle deslizante entre duas imagens diferentes. À medida que você arrasta a alça, uma única imagem fará a transição para a próxima.

Muitos sites usam plug-ins 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 maquiagem.

Como alternativa, esse tipo de plug-in ajuda você 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 antes e depois para mostrar fotos da mesma paisagem antes e depois dos efeitos do aquecimento global.

Antes e depois do plug-in do WordPress

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

Então, quais são os melhores plug-ins de controle deslizante de antes e depois do WordPress? Vamos descobrir.

Melhores plug-ins de antes e depois do WordPress

Abaixo, você encontrará os melhores plug-ins de antes e depois para o seu site WordPress. Veremos como cada plug-in funciona, sua funcionalidade, se são compatíveis com dispositivos móveis e se são fáceis de usar.

Guia de vídeo

1. SeedProd

Construtor de sites WordPress SeedProd

O SeedProd é o melhor construtor de sites de arrastar e soltar para WordPress. Sua interface visual amigável permite criar páginas de destino, temas WordPress multiuso e layouts de barra lateral flexíveis para o seu site sem código.

Você pode personalizar qualquer área do seu site com os blocos do WordPress do SeedProd. Eles permitem que você aprimore seu site com recursos avançados, incluindo galerias de imagens, tabelas de preços, botões de chamada para ação, cronômetros de contagem regressiva e muito mais.

Um desses blocos é o poderoso Before After Toggle. Você pode usá-lo para mostrar duas imagens e comparar as diferenças lado a lado.

SeedProd antes e depois da alternância

O bloco inclui layouts horizontais e verticais, 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, de modo que cada design se adapta perfeitamente a diferentes dispositivos móveis. Além disso, ele inclui um recurso de visualização móvel ao vivo e opções para mostrar ou ocultar elementos específicos do design em dispositivos móveis ou desktop.

Você não precisará conhecer HTML, CSS, jQuery ou códigos de acesso com esse plug-in. Ele é totalmente livre de códigos, permitindo que você personalize visualmente cada parte do seu site sem a ajuda de um desenvolvedor.

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

Recursos

Preços: O preço do SeedProd começa em US$ 39,50 por ano.

BEAF antes e depois do plug-in do WordPress

O BEAF é um controle deslizante gratuito de imagens antes e depois 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 duas imagens.

Esse plug-in vem com um layout horizontal e vertical, título, descrição e botões de leitura adicional. 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 de antes e depois em qualquer lugar do seu site WordPress.

Recursos

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

O BEAF também oferece suporte a criadores 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 plug-ins do WordPress. O preço da versão Pro começa em US$ 19 por ano.

3. Ultimate Addons Before After Slider

Ultimate Addons antes e depois do controle deslizante

O Ultimate Addons é um conhecido plug-in do WordPress que amplia 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 aos do 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. Também é possível escolher entre um controle deslizante vertical e horizontal e adicionar vários controles deslizantes a uma página.

Uma pequena armadilha do Ultimate Addons é a necessidade de adicionar outro plug-in do WordPress ao seu site. Plug-ins como o SeedProd oferecem construção de página visual e funcionalidade de antes e depois em um único plug-in.

Recursos

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

Preços: O pacote Ultimate Addons custa a partir de US$ 57 por ano.

4. Imagem Twenty20 antes e depois

Plugin do WordPress Twenty20 Before and After

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

É um plug-in simples do WordPress, sem sinos e assobios, e não requer imagens para funcionar.

Esse plug-in usa códigos de acesso para definir os parâmetros do widget de apresentação de slides. Você pode personalizar o shortcode inserindo o tamanho da imagem, o texto antes e depois, a direção do controle deslizante, o deslocamento, o alinhamento e muito mais.

O Twenty20 também oferece suporte a criadores de páginas populares, permitindo que os iniciantes adicionem visualmente controles deslizantes antes e depois ao site.

Recursos

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

Preços: Esse plug-in é totalmente gratuito.

5. Bloco de comparação de imagens

Bloco de comparação de imagens WordPress

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

O plug-in funciona dentro do editor de texto do WordPress e permite que você use blocos do WordPress para configurar seus widgets.

As configurações do bloco incluem opções para alterar a proporção e a orientação da visibilidade do controle deslizante e escolher entre mover ao deslizar, clicar ou passar o mouse. Além disso, você pode alterar a sobreposição e as cores do texto, os rótulos, a tipografia e muito mais com apenas alguns cliques.

Recursos

  • Controles para o movimento da alavanca deslizante
  • Etiquetas personalizadas para antes e depois
  • Opções de estilo e posição do rótulo
  • Funcionalidade de sobreposição
  • Bloco dedicado do WordPress

Preços: O Image Comparison Block é um plug-in gratuito para WordPress, sem versão premium.

Depois de comparar as soluções deste guia, qual plug-in é o melhor para exibir imagens de antes e depois?

Qual plug-in Before and After é o melhor?

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

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

Esperamos que este artigo tenha ajudado você a encontrar o melhor plug-in do WordPress para antes e depois do seu website. Talvez você também goste destas outras comparações enquanto estiver aqui:

Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.

Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.

avatar do autor
Stacey Corrin Escritor
Stacey escreve sobre WordPress e marketing digital há mais de 10 anos e sobre outros tópicos há muito mais tempo. Além disso, ela é fascinada por web design, experiência do usuário e SEO.

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