¿Buscas el mejor plugin de WordPress para antes y después?
Un plugin de WordPress para antes y después te permite comparar dos imágenes una al lado de la otra usando un deslizador arrastrable. Es perfecto para mostrar transformaciones, resultados de productos o cambios visuales en tu sitio.
He probado bastantes de estos en sitios de clientes y en mis propias páginas. Ya sea que muestres una renovación, un rediseño o un proyecto de restauración, estas herramientas facilitan resaltar la diferencia.
En esta guía, compartiré los mejores plugins de antes y después para WordPress y qué esperar de cada uno.
| Plugin | Plan gratuito | Precios | Tipo de deslizador | Compatibilidad con editor |
|---|---|---|---|---|
| SeedProd | No | Desde 39,50 $/año | Horizontal y vertical | Constructor SeedProd |
| BEAF | Sí | Pro desde 19 $/año | Horizontal y vertical | Editor de bloques, Elementor, Divi, WPBakery |
| Complementos Definitivos | No | Desde 57 $/año | Horizontal y vertical | Elementor |
| Twenty20 | Sí | Gratis | Horizontal y vertical | Códigos cortos, constructores de páginas |
| Bloque de comparación de imágenes | Sí | Gratis | Horizontal y vertical | Editor de bloques |
¿Qué es un plugin de WordPress para antes y después?
Un plugin deslizador de antes y después es un complemento para tu sitio web que permite a los visitantes arrastrar un deslizador entre 2 imágenes diferentes. A medida que arrastras el control, una sola imagen pasará a la siguiente.
Muchos sitios web utilizan plugins de antes y después para resaltar 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.
Alternativamente, este tipo de plugin te ayuda a ilustrar y explicar temas complicados. Digamos que quieres crear conciencia sobre el cambio climático. En ese caso, puedes usar 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 deslizadores de antes y después para WordPress? Descubrámoslo.
Los mejores plugins de WordPress para antes y después
A continuación, encontrarás los mejores plugins de antes y después para tu sitio web de WordPress. Analizaremos cómo funciona cada plugin, su funcionalidad, si son compatibles con dispositivos móviles y qué tan fáciles son de usar.
Guía en vídeo
1. SeedProd
| Precios: A partir de 39,50 $/año |
| Plan Gratuito / Prueba: No |
| Funciones destacadas: |
| 🔹 Constructor de arrastrar y soltar 🔹 Alternancia de vista previa móvil 🔹 Bloque antes/después con personalización completa |
| Calificación: A+ |
| Ideal para: Principiantes que desean edición completa del sitio y comparación de imágenes en un solo plugin |
SeedProd es el mejor constructor de sitios web de arrastrar y soltar para WordPress. Su interfaz visual fácil de usar te permite crear páginas de destino, temas de WordPress multipropósito y diseños de barra lateral flexibles para tu sitio sin código.
Puedes personalizar cualquier área de tu sitio web con los bloques de 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 más.
Uno de esos bloques es el potente conmutador Antes y Después. Puedes usarlo 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 puedes configurar un control deslizante de imágenes interactivo y personalizaciones avanzadas para tipografía, colores, relleno, espaciado y más.
SeedProd es 100% compatible con dispositivos móviles, por lo que cada diseño se adapta perfectamente a diferentes dispositivos móviles. Además, incluye una función de vista previa móvil en vivo y opciones para mostrar u ocultar elementos de diseño específicos en dispositivos móviles o de escritorio.
No necesitarás saber HTML, CSS, jQuery ni códigos cortos con este plugin. No requiere código, lo que te permite personalizar cada parte de tu sitio visualmente sin la ayuda de un desarrollador.
SeedProd ofrece compatibilidad total con plugins y temas populares de WordPress. También funciona perfectamente con herramientas líderes de marketing por correo electrónico, WooCommerce y Zapier.
Características
- Constructor de páginas de arrastrar y soltar
- Constructor de temas de WordPress
- Modo de 'próximamente' y de mantenimiento
- Modo de página 404 personalizada
- Modo de página de inicio de sesión de WordPress
- Panel de gestión de suscriptores
- Controles de acceso de usuario
- Mapeo de dominios
- Texto dinámico
Precios: El precio de SeedProd comienza en 39,50 $ al año.
2. BEAF – El control deslizante y galería definitivo de imágenes antes y después
| Precios: Gratuito, Pro a partir de 19 $/año |
| Plan gratuito / Prueba: Sí |
| Funciones destacadas: |
| 🔹 Control deslizante ilimitado 🔹 Plantillas de control deslizante 🔹 Soporte de constructor de páginas |
| Calificación: B+ |
| Ideal para: Bloggers y sitios pequeños que desean un plugin gratuito de comparación de imágenes |
BEAF es un control deslizante de imágenes gratuito de antes y después para WordPress. Te permite añadir un número ilimitado de controles deslizantes a tu sitio, lo que te 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 te permite incrustar tus fotos de antes y después en cualquier lugar de tu sitio de WordPress.
Características
- Galería de imágenes de antes y después en varias columnas
- Capacidad para deshabilitar superposiciones
- Opciones de pasar el ratón por encima
- Plantillas de control deslizante
- Descripciones optimizadas para SEO
- 100% adaptable a móviles
BEAF también es compatible con creadores de páginas populares, incluyendo WPBakery, Elementor, Visual Composer, Divi, Beaver Builder y el editor de bloques de WordPress (Gutenberg).
Precios: Puedes descargar la versión gratuita de BEAF desde el repositorio de plugins de WordPress. Los precios de la versión Pro comienzan desde $19 al año.
3. Deslizador Antes y Después de Ultimate Addons
| Precios: A partir de $57/año |
| Plan Gratuito / Prueba: No |
| Funciones destacadas: |
| 🔹 Integración con Elementor 🔹 Control de tamaño de imagen y deslizador 🔹 Parte de un paquete completo de widgets |
| Calificación: B |
| Ideal para: Usuarios de Elementor que buscan ampliar su biblioteca de widgets |
Ultimate Addons es un conocido plugin de WordPress que amplía la funcionalidad de los creadores de páginas. Con Ultimate Addons para 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 características similares a SeedProd, con opciones para redimensionar 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 múltiples deslizadores en una página.
Un pequeño inconveniente de Ultimate Addons es la necesidad de añadir otro plugin de WordPress a tu sitio web. Plugins como SeedProd ofrecen la creación de páginas visuales y la funcionalidad de antes y después en un solo plugin.
Características
- Deslizador responsivo de antes y después
- Compatible con el creador de páginas Elementor
- El plugin incluye muchos otros widgets y módulos
- Amplia base de conocimientos y tutoriales para soporte al cliente
Precios: El paquete Ultimate Addons comienza desde $57 al año.
4. Twenty20 Imagen Antes-Después
| Precios: Gratis |
| Plan gratuito / Prueba: Sí |
| Funciones destacadas: |
| 🔹 Configuración sencilla basada en shortcodes 🔹 Responsivo y minimalista 🔹 Soporte para creadores de páginas |
| Calificación: B |
| Ideal para: Usuarios que desean un plugin de comparación ligero sin funciones adicionales |
Twenty20 Image Before-After es otro plugin gratuito de WordPress para antes y después. Puedes usar este plugin para mostrar 2 imágenes de tu biblioteca de medios una al lado de la otra para que los visitantes del sitio web puedan comparar las diferencias.
Es un plugin de WordPress sencillo, sin adornos, y no requiere imágenes para funcionar.
Este plugin utiliza shortcodes para establecer los parámetros del widget de presentación de diapositivas. Puedes personalizar el shortcode introduciendo el tamaño de la imagen, el texto de antes y después, la dirección del deslizador, el desplazamiento, la alineación y más.
Twenty20 también es compatible con los creadores de páginas populares, lo que permite a los principiantes añadir visualmente deslizadores de antes y después a su sitio.
Características
- Responsivo y compatible con móviles
- Interfaz de usuario minimalista
- Te permite usar el alt de la imagen como alt y título de la imagen
- Soporta creadores de páginas populares
Precios: Este plugin es completamente gratuito.
5. Bloque de Comparación de Imágenes
| Precios: Gratis |
| Plan gratuito / Prueba: Sí |
| Funciones destacadas: |
| 🔹 Creado para Gutenberg 🔹 Controles para el movimiento del deslizador 🔹 Estilo de etiquetas personalizado |
| Calificación: B+ |
| Ideal para: Bloggers que usan el editor de bloques y quieren algo rápido y gratuito |
Image Comparison Block es un plugin de WordPress de antes y después súper simple para bloggers y sitios de pequeñas empresas. Permite a los visitantes de tu 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 usar bloques de WordPress para configurar tus widgets.
La configuración del bloque incluye opciones para cambiar la relación de visibilidad y la orientación del control deslizante, y elegir entre mover al deslizar, hacer clic o pasar el ratón por encima. Además, puedes cambiar los colores de la superposición y el texto, las etiquetas, la tipografía y más con unos pocos clics.
Características
- Controles para el movimiento del control deslizante
- Etiquetas personalizadas para antes y después
- Opciones de posición y estilo de la etiqueta
- Funcionalidad de superposición
- Bloque dedicado de WordPress
Precio: Image Comparison Block es un plugin gratuito de WordPress sin versión premium.
Casos de uso populares para plugins de antes y después
No necesitas ser diseñador ni desarrollador para usar un plugin de antes y después. Estas herramientas son útiles en todo tipo de sitios web, especialmente cuando las imágenes cuentan una mejor historia que las palabras.
- Sitios web de belleza y cosmética: Muestra los resultados de tratamientos para el cuidado de la piel, looks de maquillaje o procedimientos.
- Diseño de interiores o renovación de viviendas: Destaca los cambios en habitaciones, cocinas o espacios exteriores.
- Servicios de paisajismo y jardinería: Compara patios y jardines antes y después de realizar el trabajo.
- Portafolios de diseño web: Muestra transformaciones de sitios de clientes o rediseños de temas en una sola vista.
- Organizaciones sin ánimo de lucro y campañas de concienciación: Comparte el impacto visual, como limpiezas comunitarias, construcciones o proyectos de restauración.
- Bloggers de fitness y bienestar: Comparte fotos de progreso para documentar los cambios físicos a lo largo del tiempo.
Si tu trabajo implica cualquier tipo de cambio visual, los controles deslizantes de antes y después pueden ayudarte a demostrar resultados de forma rápida y clara.
Preguntas frecuentes: Plugins de WordPress de antes y después
Sí, algunos plugins como SeedProd e Image Comparison Block te permiten añadir controles deslizantes de antes y después directamente en el editor de bloques de WordPress (Gutenberg). No necesitas instalar un constructor de páginas aparte.
BEAF y Twenty20 son plugins gratuitos populares para añadir controles deslizantes de antes y después en WordPress. Son fáciles de usar y funcionan bien con constructores de páginas populares.
Puedes usar un plugin de arrastrar y soltar como SeedProd para mostrar comparaciones de imágenes de antes y después sin tocar código. Simplemente arrastra el bloque deslizante a su lugar y sube tus imágenes.
La mayoría de los plugins de antes y después son adaptables a dispositivos móviles. SeedProd, BEAF e Image Comparison Block se adaptan a pantallas más pequeñas para que los usuarios puedan deslizar o tocar el control deslizante en dispositivos móviles.
¿Qué plugin de antes y después es el mejor?
Creemos que el mejor plugin de antes y después para WordPress es SeedProd. Incluye todas las funciones que necesitas en un widget de antes y después, al tiempo que te permite editar cualquier área de tu sitio de WordPress sin código.
SeedProd es rápido, ligero, fácil de usar y adaptable. ¿A qué esperas?
Esperamos que este artículo te haya ayudado a encontrar el mejor plugin de WordPress de antes y después para tu sitio web. También te pueden interesar estas otras comparaciones mientras estás aquí:
- 6 mejores plugins de pago de Stripe para WordPress
- 8 mejores software CRM para impulsar las ventas de tu negocio
- 8 mejores proveedores de VoIP para tu pequeña empresa
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.
