🥇 4 Mejores plugins de parallax para WordPress 2026 (gratis y Pro)

Un sitio estático se ve plano. Las imágenes y los fondos están inmóviles, el desplazamiento es mecánico, no hay sensación de profundidad. Pero usted quiere que las capas se desplacen unas respecto a otras, creando volumen y atrayendo la mirada. El parallax logra exactamente esto: el fondo se mueve más lento que el primer plano, creando la ilusión de un espacio tridimensional en la ventana del navegador.

Implementar parallax en WordPress manualmente no es sencillo. La técnica CSS background-attachment: fixed falla en iOS, librerías JS como Jarallax o Rellax requieren personalización para su tema, los errores en z-index u overflow destruyen la maquetación. Los plugins de parallax resuelven este problema: ajustes visuales para velocidad y dirección, soporte para fondos de video, adaptación a dispositivos móviles.

Seleccionamos cuatro plugins para diferentes escenarios: desde un parallax ligero para una sola imagen hasta un constructor de fondos con video de YouTube y parallax por movimiento del ratón. Los cuatro son compatibles con las versiones actuales de WordPress y Gutenberg.

💡 Resumen rápido:

• Determine su caso de uso: sección hero a ancho completo con fondo de video, una sola imagen en el cuerpo de la entrada o un slider con efecto de profundidad.
• Elija un plugin para su editor: para Gutenberg con máximas capacidades use Advanced WordPress Backgrounds, para sitios con Elementor Element Pack Lite es lo óptimo, para el editor clásico funcionará el shortcode [dd-parallax] de Parallax Image.
• Verifique la compatibilidad con su tema y constructor de páginas antes de instalar, para que los efectos parallax funcionen correctamente con la maquetación existente.

Tabla comparativa de plugins

1. Advanced WordPress Backgrounds: máximos efectos y fondo de video

Advanced WordPress Backgrounds (AWB), el plugin de parallax más funcional de esta selección. Añade un bloque Background (AWB) a Gutenberg, dentro del cual usted coloca cualquier contenido, y en los ajustes del bloque configura el fondo: color, imagen, imagen destacada de la entrada, patrón, video autoalojado o video de YouTube/Vimeo. Para cada tipo de fondo, el parallax se activa basándose en la librería JS de alto rendimiento Jarallax.

Aquí hay seis efectos parallax: desplazamiento clásico, escala (escalado durante el desplazamiento), opacidad (cambio de transparencia), desplazamiento+escala, desplazamiento+opacidad y parallax por ratón, cuando el fondo se mueve con el cursor. La velocidad del efecto se controla con un deslizador. Un ajuste independiente activa o desactiva el parallax en móviles, importante porque background-attachment: fixed en iOS funciona de forma inestable.

El plugin soporta srcset para imágenes responsive. Una superposición con transparencia y color oscurece el fondo para un texto legible. El relleno CSS personalizado da un control preciso sobre la posición del bloque.

En la práctica, AWB cubre tareas para páginas de aterrizaje con fondos de video, secciones hero con videos de YouTube, bloques con parallax por ratón. Para una sola imagen en el cuerpo de la entrada puede resultar excesivo.

• Ventajas: 6 tipos de efectos parallax incluyendo parallax por ratón, fondo de video (YouTube, Vimeo, autoalojado) con ajustes de tiempo de inicio/fin, bloque Gutenberg listo para usar + Page Builder de WPBakery, actualizaciones regulares (v1.12.11, junio de 2026), compatibilidad con WordPress 7.0
• Desventajas: el fondo de video en móvil no se desactiva automáticamente (solo ajuste manual), excesivo para una imagen simple
• Precio: Gratis, sin versión Pro

🔗 Advanced WordPress Backgrounds en WordPress.org

2. Parallax Image: un shortcode para una imagen

Si AWB es una navaja suiza, Parallax Image es un bisturí. El plugin hace exactamente una cosa: inserta una imagen a ancho completo con efecto parallax mediante el shortcode [dd-parallax]. Por debajo usa parallax.js de pixelcog, un script ligero sin dependencias de jQuery.

El shortcode soporta seis parámetros: img (nombre de archivo de la biblioteca multimedia o URL), height (altura del viewport en píxeles), speed (velocidad de 0 a 10, donde 0 = estático, 10 = desplazamiento máximo), z-index, mobile (imagen separada para móvil), offset (estirar a ancho completo). El texto entre las etiquetas de apertura y cierre se muestra sobre el fondo parallax, conveniente para secciones hero con título y botón.

El plugin se probó con temas clásicos de WordPress (Twenty Fourteen, Twenty Seventeen) y temas Bootstrap. Funciona con temas de bloques modernos, pero el botón de TinyMCE solo está disponible en el editor clásico. El desarrollador nunca publicó un widget para Gutenberg.

La última actualización fue en noviembre de 2024 (v1.9.1, correcciones CVE). El plugin no ha sido probado formalmente con las últimas tres versiones principales de WordPress, pero en la práctica el shortcode simple con parallax.js sigue funcionando de forma estable.

En la práctica, Parallax Image es adecuado para temas clásicos sin el editor de bloques, cuando necesita añadir rápidamente una imagen parallax mediante shortcode.

• Ventajas: extremadamente simple (un shortcode, un parallax), script parallax.js ligero sin dependencias de jQuery, imagen separada para móvil mediante el parámetro mobile
• Desventajas: solo editor clásico (sin bloque Gutenberg), sin actualizaciones funcionales desde 2024, solo imágenes (sin fondo de video)
• Precio: Gratis

🔗 Parallax Image en WordPress.org

3. Element Pack Lite: widgets parallax para Elementor

Element Pack Lite no es solo un plugin de parallax, sino un conjunto completo de más de 300 widgets y extensiones para Elementor. Entre ellos hay dos herramientas parallax especializadas: Parallax Section (efecto parallax para una sección completa) y Parallax Background (fondo parallax para bloques y columnas individuales). Además, Floating Effects y un panel de animación para ajustar con precisión el movimiento de los elementos.

Los widgets están integrados en la interfaz de Elementor: arrastre el deseado al lienzo, configure velocidad, dirección y disparador (desplazamiento o cursor). Para la sección parallax, establezca la imagen de fondo y el comportamiento: desplazamiento, escala, opacidad. Active o desactive por separado en móvil.

La versión gratuita contiene más de 30 widgets, incluyendo los elementos parallax. Para sitios que ya usan Elementor, Element Pack Lite es una elección natural: no requiere un plugin separado para parallax, los widgets parallax funcionan en una interfaz con cientos de otras herramientas.

En la práctica, el plugin es óptimo para sitios con Elementor donde el parallax es una de muchas tareas, no la única. Si usted construye con Elementor, Element Pack Lite ya está en la lista de imprescindibles.

• Ventajas: dos widgets parallax + Floating Effects + animaciones en un solo plugin, más de 100 000 instalaciones activas, soporte activo, compatibilidad con WordPress 7.0, última actualización julio de 2026 (v8.7.6)
• Desventajas: funciona solo con Elementor (no para Gutenberg ni para el Editor Clásico), más de 300 widgets pueden parecer excesivos si solo necesita parallax
• Precio: Gratis

🔗 Element Pack Lite en WordPress.org

4. Parallax Slider Block: slider con efecto de profundidad

Parallax Slider Block resuelve una tarea específica pero demandada: slider de imágenes con efecto parallax al desplazarse. Es un bloque nativo de Gutenberg. Instale el plugin, añada el bloque Slider Block en el editor, cargue imágenes.

En los ajustes del bloque usted configura: velocidad del efecto parallax, altura del slider (en píxeles o vh), espaciado entre diapositivas, animación de transición, controles responsive para móvil. Opciones de personalización añadidas: sombra, redondeo de esquinas, borde, CSS personalizado. La tipografía del título de la diapositiva se configura en tiempo real.

El plugin fue creado por el equipo de WPDeveloper, los mismos desarrolladores que hacen Essential Addons para Elementor (más de 2 millones de instalaciones) y NotificationX. El código es ligero, los recursos se cargan solo en las páginas donde se usa el bloque.

La última actualización fue en julio de 2024 (v1.2.7), formalmente el plugin no ha sido probado con las últimas tres versiones de WordPress. En la práctica funciona de forma estable con WordPress 6.6.

En la práctica, Parallax Slider Block es adecuado para páginas de aterrizaje y portafolios donde se necesita un slider con efecto de profundidad, no un fondo parallax estático.

• Ventajas: bloque Gutenberg nativo (instalar y usar), ligero (sin jQuery, los recursos se cargan solo donde se usan), equipo WPDeveloper con buena reputación
• Desventajas: solo slider (sin fondo parallax estático), última actualización julio de 2024 (sin nuevas funcionalidades), más de 1000 instalaciones (audiencia menor que otros plugins de la selección)
• Precio: Gratis

🔗 Parallax Slider Block en WordPress.org

Video: efecto parallax en acción

Mejor verlo una vez que leer los ajustes. El video del equipo WP Royal Themes muestra la configuración paso a paso del efecto de desplazamiento parallax en WordPress: desde la instalación del plugin hasta el resultado final en un sitio en vivo.

⁉️🤔 Preguntas frecuentes

¿El parallax ralentiza el sitio?

Los plugins de parallax modernos usan requestAnimationFrame e IntersectionObserver: el efecto se activa solo cuando el bloque está en el viewport. AWB sobre Jarallax y Parallax Image sobre parallax.js cargan menos de 5 KB en gzip. Las ralentizaciones ocurren si usted pone un fondo de video a pantalla completa en un hosting barato sin caché. Ahí el problema no es el parallax, sino el video.

¿El parallax funciona en iPhone?

Históricamente, Safari en iOS ignora background-attachment: fixed debido a particularidades de renderizado. Esa es exactamente la razón por la que todos los plugins de la selección o bien reemplazan fixed con transformaciones (AWB, Parallax Slider Block), o bien ofrecen una imagen estática separada para móvil (Parallax Image mediante el parámetro mobile). Antes de publicar, verifique definitivamente el sitio en un iPhone real.

¿Se puede hacer parallax sin un plugin?

Se puede. Variante mínima: un bloque con background-image y background-attachment: fixed en CSS personalizado. Pero en móvil esto se rompe. Un camino más fiable: conecte manualmente la librería Jarallax o rellax.js y escriba un envoltorio para su tema. Para un desarrollador esto está bien, para un gestor de contenidos un plugin ahorrará horas de depuración.

¿Qué plugin elegir para Gutenberg y cuál para Elementor?

Para Gutenberg: AWB (máximas capacidades) o Parallax Slider Block (solo slider). Para Elementor: Element Pack Lite, porque los widgets parallax están integrados en la interfaz del constructor de páginas y no requieren cambiar entre plugins. Parallax Image mediante shortcode funciona en cualquier editor: comodín universal.

¿Qué hacer si el fondo parallax no se muestra?

Tres causas comunes: 1) conflicto de z-index con otros elementos (suba el valor en los ajustes del plugin), 2) el contenedor del tema corta el overflow (revise overflow: hidden en los bloques padre en el inspector), 3) la imagen no carga (revise la URL en la consola del navegador). En AWB el problema a menudo se resuelve activando la opción Stretch.

Qué elegir para su tarea

La elección depende del escenario y las herramientas.

• Si está creando una página de aterrizaje o sección hero con fondo de video, use Advanced WordPress Backgrounds. Este es el único plugin de la selección que puede hacer fondo de YouTube/Vimeo con parallax, e incluso con ajustes de tiempo de inicio y fin para el video.

• Si trabaja en Elementor, Element Pack Lite ya está en su lista de imprescindibles. Los widgets parallax vienen incluidos junto con cientos de otras herramientas útiles.

• Si solo necesita un slider con efecto de profundidad, Parallax Slider Block cubre la tarea sin sobrecargar el sitio con librerías adicionales.

• Si tiene un tema clásico sin el editor de bloques y necesita añadir rápidamente una imagen parallax, el shortcode [dd-parallax] de Parallax Image lo resolverá en cinco minutos.

La regla principal del parallax en WordPress: moderación. Uno, máximo dos bloques parallax por página. El efecto debe enfatizar el contenido, no distraer de él. Un parallax correctamente configurado añade profundidad y una sensación premium al sitio. Tres secciones parallax seguidas convierten una página de aterrizaje en una atracción de feria de la que uno quiere salir.