Últimas noticias de SeedProd

Tutoriales, consejos y recursos de WordPress para hacer crecer tu negocio

Mejor antes y después plugin de WordPress

5 mejores plugins de WordPress para el antes y el después (con efecto de diapositivas) 

Escrito por: avatar de autor Stacey Corrin
avatar de autor Stacey Corrin
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.
     Revisado por: avatar del revisor Turner John
avatar del revisor Turner John
John Turner es el cofundador de SeedProd. Cuenta con más de 20 años de experiencia empresarial y de desarrollo y sus plugins se han descargado más de 25 millones de veces.

Looking for the best before and after WordPress plugin?

A before and after WordPress plugin lets you compare two images side-by-side using a draggable slider. It’s perfect for showing transformations, product results, or visual changes on your site.

I’ve tested quite a few of these on client sites and my own pages. Whether you’re showing a makeover, redesign, or restoration project, these tools make it easy to highlight the difference.

In this guide, I’ll share the best before and after plugins for WordPress and what to expect from each one.

PluginPlan gratuitoPreciosSlider TypeEditor Compatibility
SeedProdNoFrom $39.50/yearHorizontal & VerticalSeedProd Builder
BEAFPro from $19/yearHorizontal & VerticalBlock Editor, Elementor, Divi, WPBakery
Ultimate AddonsNoFrom $57/yearHorizontal & VerticalElementor
Twenty20GratisHorizontal & VerticalShortcodes, Page Builders
Image Comparison BlockGratisHorizontal & VerticalBlock Editor

¿Qué es un plugin WordPress Antes y Después?

Un plugin de deslizador de antes y después es un complemento para su sitio web que permite a los visitantes arrastrar un deslizador entre 2 imágenes diferentes. Al arrastrar el control, una imagen pasará a la siguiente.

Muchos sitios web utilizan plugins de antes y después para destacar los efectos de un producto o servicio. Por ejemplo, puedes mostrar una foto de la misma persona antes y después de recibir un tratamiento de belleza o un cambio de imagen.

Por otra parte, este tipo de plugin le ayuda a ilustrar y explicar temas complicados. Digamos que quieres concienciar sobre el cambio climático. En ese caso, puedes utilizar un widget de antes y después para mostrar fotos del mismo paisaje antes y después de los efectos del calentamiento global.

antes y después de WordPress plugin

En última instancia, un plugin de WordPress de antes y después puede ayudar a los propietarios de sitios web de WordPress a demostrar fácilmente las diferencias o similitudes entre 2 imágenes.

Entonces, ¿cuáles son los mejores plugins de WordPress para sliders de antes y después? Averigüémoslo.

Los mejores plugins de WordPress para el antes y el después

A continuación, encontrarás los mejores plugins para tu sitio web WordPress. Veremos cómo funciona cada plugin, su funcionalidad, si son compatibles con dispositivos móviles y lo fáciles que son de usar.

Guía en vídeo

1. SeedProd

SeedProd Drag-and-drop WordPress website builder
Pricing: Starts at $39.50/year
Free Plan / Trial: No
Características destacadas:
🔹 Drag-and-drop builder
🔹 Mobile preview toggle
🔹 Before/after block with full customization
Rating: A+
Best For: Beginners who want full site editing and image comparison in one plugin

SeedProd es el mejor constructor de sitios web de arrastrar y soltar para WordPress. Su interfaz visual fácil de usar le permite crear páginas de destino, temas de WordPress multiusos y diseños de barra lateral flexibles para su sitio sin código.

Puede personalizar cualquier área de su sitio web con los bloques WordPress de SeedProd. Te permiten mejorar tu sitio con funciones avanzadas, como galerías de imágenes, tablas de precios, botones de llamada a la acción, temporizadores de cuenta atrás y mucho más.

Uno de esos bloques es el potente conmutador Antes/Después. Se puede utilizar para mostrar 2 imágenes y comparar las diferencias lado a lado.

SeedProd antes y después de alternar

El bloque incluye diseños horizontales y verticales, colores de superposición antes y después y etiquetas. También puede configurar un deslizador de imágenes interactivo y personalizaciones avanzadas de tipografía, colores, relleno, espaciado, etc.

SeedProd es 100% compatible con móviles, por lo que cada diseño se adapta perfectamente a los diferentes dispositivos móviles. Además, incluye una función de vista previa en vivo para móviles y opciones para mostrar u ocultar elementos de diseño específicos en dispositivos móviles o de escritorio.

No necesitarás saber nada de HTML, CSS, jQuery o shortcodes con este plugin. Es completamente libre de código, lo que le permite personalizar cada parte de su sitio visualmente sin la ayuda de un desarrollador.

SeedProd ofrece compatibilidad total con los plugins y temas más populares de WordPress. También funciona a la perfección con las principales herramientas de marketing por correo electrónico, WooCommerce y Zapier.

Características

Precios: Los precios de SeedProd empiezan a partir de 39,50 $ al año.

BEAF antes y después plugin WordPress
Pricing: Free, Pro starts at $19/year
Free Plan / Trial: Yes
Características destacadas:
🔹 Unlimited sliders
🔹 Slider templates
🔹 Page builder support
Rating: B+
Best For: Bloggers and small sites wanting a free image comparison plugin

BEAF es un deslizador de imágenes de antes y después gratuito para WordPress. Le permite añadir un número ilimitado de deslizadores a su sitio, lo que le permite mostrar fácilmente comparaciones entre 2 imágenes.

Este plugin viene con un diseño horizontal y vertical, título, descripción y botones de leer más. También ofrece personalizaciones para etiquetas y colores de fondo.

El panel de administración es intuitivo y fácil de usar, con un práctico generador de códigos cortos. También le permite incrustar su antes y después de las fotos en cualquier lugar en su sitio de WordPress.

Características

  • Galería de imágenes del antes y el después en varias columnas
  • Posibilidad de desactivar las superposiciones
  • Opciones de desplazamiento del ratón
  • Plantillas deslizantes
  • Descripciones SEO
  • 100% móvil

BEAF también es compatible con los constructores de páginas más populares, como WPBakery, Elementor, Visual Composer, Divi, Beaver Builder y el editor de bloques de WordPress (Gutenberg).

Precios: Puede descargar la versión gratuita de BEAF desde el repositorio de plugins de WordPress. El precio de la versión Pro es a partir de 19 $ al año.

3. Ultimate Addons Antes Después Slider

Ultimate Addons antes después deslizante
Pricing: Starts at $57/year
Free Plan / Trial: No
Características destacadas:
🔹 Elementor integration
🔹 Image resizing and slider controls
🔹 Part of a full widget pack
Rating: B
Best For: Elementor users looking to expand their widget library

Ultimate Addons es un conocido plugin para WordPress que amplía la funcionalidad de los creadores de páginas. Con Ultimate Addons for Elementor Before and After Slider, puedes añadir comparaciones de imágenes responsivas a tu sitio de WordPress de forma rápida y sencilla.

Ofrece funciones similares a SeedProd, con opciones para cambiar el tamaño de las imágenes y capturas de pantalla, establecer la orientación y alineación del deslizador y personalizar colores específicos. También puedes elegir entre un deslizador vertical u horizontal y añadir varios deslizadores a una página.

Un pequeño inconveniente de Ultimate Addons es la necesidad de añadir otro plugin de WordPress a su sitio web. Plugins como SeedProd ofrecen la construcción de páginas visuales y antes y después de la funcionalidad en un solo plugin.

Características

  • Responsive antes y después de control deslizante
  • Compatible con el constructor de páginas Elementor
  • El plugin incluye muchos otros widgets y módulos
  • Amplia base de conocimientos y tutoriales de asistencia al cliente

Precios: El paquete Ultimate Addons cuesta a partir de 57 $ al año.

4. Imagen Twenty20 Antes-Después

Twenty20 Antes y después de WordPress plugin
Precios: Gratis
Free Plan / Trial: Yes
Características destacadas:
🔹 Simple shortcode-based setup
🔹 Responsive and minimal
🔹 Page builder support
Rating: B
Best For: Users who want a lightweight comparison plugin without extra features

Twenty20 Image Before-After es otro plugin gratuito para WordPress de antes y después. Puede utilizar este plugin para mostrar 2 imágenes de su biblioteca de medios de lado a lado para que los visitantes del sitio web pueden comparar las diferencias.

Se trata de un sencillo plugin para WordPress que no requiere imágenes para funcionar.

Este plugin utiliza shortcodes para establecer los parámetros del widget de presentación de diapositivas. Puede personalizar el código corto introduciendo el tamaño de la imagen, el texto anterior y posterior, la dirección del control deslizante, el desplazamiento, la alineación y mucho más.

Twenty20 también es compatible con los constructores de páginas más populares, lo que permite a los principiantes añadir visualmente deslizadores de antes y después a su sitio.

Características

  • Adaptado a dispositivos móviles
  • Interfaz de usuario mínima
  • Te permite usar el alt de la imagen como alt y título de la imagen
  • Compatible con los creadores de páginas más populares

Precios: Este plugin es totalmente gratuito.

5. Bloque de comparación de imágenes

Bloque de comparación de imágenes WordPress
Precios: Gratis
Free Plan / Trial: Yes
Características destacadas:
🔹 Built for Gutenberg
🔹 Controls for slider movement
🔹 Custom label styling
Rating: B+
Best For: Bloggers using the block editor who want something fast and free

Bloque de comparación de imágenes es un plugin de WordPress super simple antes y después para los bloggers y sitios de pequeñas empresas. Permite a los visitantes de su sitio web comparar 2 imágenes en un diseño horizontal o vertical.

El plugin funciona dentro del editor de texto de WordPress y te permite utilizar bloques de WordPress para configurar tus widgets.

Los ajustes del bloque incluyen opciones para cambiar el ratio de visibilidad y la orientación del deslizador y elegir entre mover al deslizar, hacer clic o pasar el ratón. Además, puedes cambiar la superposición y los colores del texto, las etiquetas, la tipografía y mucho más con unos pocos clics.

Características

  • Controles para el movimiento de la empuñadura deslizante
  • Etiquetas personalizadas para antes y después
  • Opciones de posición y estilo de las etiquetas
  • Funciones de superposición
  • Bloque dedicado de WordPress

Precios: Image Comparison Block es un plugin gratuito para WordPress sin versión premium.

You don’t need to be a designer or developer to use a before and after plugin. These tools are useful across all kinds of websites, especially when visuals tell a better story than words.

  • Beauty and cosmetic websites: Show the results of skincare treatments, makeup looks, or procedures.
  • Interior design or home renovation: Highlight changes to rooms, kitchens, or outdoor spaces.
  • Landscaping and gardening services: Compare yards and gardens before and after work is done.
  • Web design portfolios: Show client site transformations or theme redesigns in one view.
  • Nonprofits and awareness campaigns: Share visual impact — like community cleanups, builds, or restoration projects.
  • Fitness and wellness bloggers: Share progress photos to document physical changes over time.

If your work involves any kind of visual change, before and after sliders can help you prove results quickly and clearly.

FAQ: Before and After WordPress Plugins

Can I add a before and after slider in Gutenberg?

Yes, some plugins like SeedProd and Image Comparison Block let you add before and after sliders directly in the WordPress block editor (Gutenberg). You don’t need to install a separate page builder.

What is the best free before and after WordPress plugin?

BEAF and Twenty20 are both popular free plugins for adding before and after sliders in WordPress. They’re easy to use and work well with popular page builders.

How do I show image comparisons on my WordPress site without code?

You can use a drag-and-drop plugin like SeedProd to show before and after image comparisons without touching code. Just drag the slider block into place and upload your images.

Are before and after plugins mobile responsive?

Most before and after plugins are mobile responsive. SeedProd, BEAF, and Image Comparison Block all adapt to smaller screens so users can swipe or tap the slider on mobile devices.

¿Qué plugin de antes y después es mejor?

Creemos que el mejor plugin de antes y después para WordPress es SeedProd. Incluye todas las características que necesitas en un widget de antes y después a la vez que te permite editar cualquier área de tu sitio WordPress sin código.

SeedProd es rápido, ligero, fácil de usar y sensible. ¿A qué espera?

Esperamos que este artículo te haya ayudado a encontrar el mejor plugin para WordPress de antes y después para tu sitio web. Puede que también te gusten estas otras comparativas mientras estás aquí:

Gracias por leernos. Nos encantaría conocer tu opinión, así que no dudes en dejarnos un comentario con tus preguntas y comentarios.

También puede seguirnos en YouTube, X (antes Twitter) y Facebook para obtener más contenidos útiles para hacer crecer su negocio.

avatar de autor
Stacey Corrin Escritor
Stacey lleva más de 10 años escribiendo sobre WordPress y marketing digital, y mucho más tiempo sobre otros temas. Además, le fascinan el diseño web, la experiencia de usuario y el SEO.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, es posible que ganemos una comisión. Sólo recomendamos productos que creemos que aportarán valor a nuestros lectores.