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.
| Plugin | Plan gratuito | Precios | Slider Type | Editor Compatibility |
|---|---|---|---|---|
| SeedProd | No | From $39.50/year | Horizontal & Vertical | SeedProd Builder |
| BEAF | Sí | Pro from $19/year | Horizontal & Vertical | Block Editor, Elementor, Divi, WPBakery |
| Ultimate Addons | No | From $57/year | Horizontal & Vertical | Elementor |
| Twenty20 | Sí | Gratis | Horizontal & Vertical | Shortcodes, Page Builders |
| Image Comparison Block | Sí | Gratis | Horizontal & Vertical | Block 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.
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
| 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.
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
- Constructor de páginas de arrastrar y soltar
- Creador de temas de WordPress
- Próximamente y modo de mantenimiento
- Modo de página 404 personalizada
- Modo de página de inicio de sesión de WordPress
- Panel de gestión de abonados
- Controles de acceso de los usuarios
- Asignación de dominios
- Texto dinámico
Precios: Los precios de SeedProd empiezan a partir de 39,50 $ al año.
2. BEAF - Galería y deslizador de imágenes Ultimate Before After
| 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
| 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
| 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
| 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.
Popular Use Cases for Before and After Plugins
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
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.
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.
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.
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í:
- 6 mejores plugins de pago de Stripe para WordPress
- 8 mejores programas CRM para aumentar las ventas de su empresa
- Los 8 mejores proveedores de VoIP para su pequeña empresa
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.
