🥇 4 Meilleurs plugins de parallaxe pour WordPress 2026 (gratuits et Pro)

Un site statique semble plat. Les images et les arrière-plans sont immobiles, le défilement est mécanique, il n’y a aucune sensation de profondeur. Or, vous souhaitez que des couches se déplacent les unes par rapport aux autres, créant du volume et captant le regard. Le parallaxe fait exactement cela: l’arrière-plan se déplace plus lentement que le premier plan, créant l’illusion d’un espace tridimensionnel dans la fenêtre du navigateur.

Implémenter un parallaxe sur WordPress manuellement n’est pas simple. La technique CSS background-attachment: fixed ne fonctionne pas sur iOS, les bibliothèques JS comme Jarallax ou Rellax nécessitent une adaptation à votre thème, et les erreurs de z-index ou d’overflow cassent la mise en page. Les plugins de parallaxe résolvent ces difficultés: paramètres visuels pour la vitesse et la direction, prise en charge des arrière-plans vidéo, adaptation aux appareils mobiles.

Nous avons sélectionné quatre plugins pour différents scénarios: du parallaxe léger pour une image unique à un constructeur d’arrière-plan avec vidéo YouTube et parallaxe à la souris. Tous les quatre sont compatibles avec les versions actuelles de WordPress et de Gutenberg.

💡 Aperçu rapide:

• Déterminez votre cas d’usage: section hero pleine largeur avec arrière-plan vidéo, image unique dans le corps d’un article, ou slider avec effet de profondeur.
• Choisissez un plugin adapté à votre éditeur: pour Gutenberg avec un maximum de capacités, prenez Advanced WordPress Backgrounds, pour les sites Elementor, Element Pack Lite est optimal, pour l’éditeur classique, le shortcode [dd-parallax] de Parallax Image fera l’affaire.
• Vérifiez la compatibilité avec votre thème et votre constructeur de pages avant l’installation afin que les effets de parallaxe fonctionnent correctement avec la mise en page existante.

Tableau comparatif des plugins

1. Advanced WordPress Backgrounds: un maximum d’effets et l’arrière-plan vidéo

Advanced WordPress Backgrounds (AWB) est le plugin de parallaxe le plus fonctionnel de cette sélection. Il ajoute un bloc Background (AWB) à Gutenberg, à l’intérieur duquel vous placez n’importe quel contenu, et dans les paramètres du bloc, vous définissez l’arrière-plan: couleur, image, image mise en avant de l’article, motif, vidéo auto-hébergée ou vidéo YouTube/Vimeo. Pour chaque type d’arrière-plan, le parallaxe est activé en s’appuyant sur la bibliothèque JS haute performance Jarallax.

Il y a six effets de parallaxe ici: le défilement classique, l’échelle (mise à l’échelle pendant le défilement), l’opacité (changement de transparence), défilement+échelle, défilement+opacité, et le parallaxe à la souris, où l’arrière-plan se déplace avec le curseur. La vitesse de l’effet est contrôlée par un curseur. Un paramètre distinct active ou désactive le parallaxe sur mobile, ce qui est important car background-attachment: fixed fonctionne de manière instable sur iOS.

Le plugin prend en charge srcset pour les images responsives. Une superposition avec transparence et couleur assombrit l’arrière-plan pour un texte lisible. Un padding CSS personnalisé donne un contrôle précis sur le positionnement du bloc.

En pratique, AWB couvre les besoins des pages d’atterrissage avec arrière-plan vidéo, des sections hero avec vidéos YouTube, des blocs avec parallaxe à la souris. Pour une simple image dans le corps d’un article, il peut être excessif.

• Avantages: 6 types d’effets de parallaxe, y compris le parallaxe à la souris, arrière-plan vidéo (YouTube, Vimeo, auto-hébergé) avec paramètres de début/fin, bloc Gutenberg prêt à l’emploi + constructeur de pages WPBakery, mises à jour régulières (v1.12.11, juin 2026), compatibilité avec WordPress 7.0
• Inconvénients: l’arrière-plan vidéo sur mobile ne se désactive pas automatiquement (uniquement un paramètre manuel), excessif pour une simple image
• Prix: Gratuit, pas de version Pro

🔗 Advanced WordPress Backgrounds sur WordPress.org

2. Parallax Image: un shortcode pour une image

Si AWB est un couteau suisse, alors Parallax Image est un scalpel. Le plugin fait exactement une chose: il insère une image pleine largeur avec un effet de parallaxe via le shortcode [dd-parallax]. Sous le capot se trouve parallax.js de pixelcog, un script léger sans dépendance jQuery.

Le shortcode prend en charge six paramètres: img (nom du fichier depuis la médiathèque ou URL), height (hauteur de la fenêtre en pixels), speed (vitesse de 0 à 10, où 0 = statique, 10 = décalage maximal), z-index, mobile (image distincte pour mobile), offset (étirement en pleine largeur). Le texte entre les balises d’ouverture et de fermeture s’affiche par-dessus l’arrière-plan en parallaxe, ce qui est pratique pour les sections hero avec titre et bouton.

Le plugin a été testé avec des thèmes WordPress classiques (Twenty Fourteen, Twenty Seventeen) et des thèmes Bootstrap. Il fonctionne avec les thèmes modernes basés sur les blocs, mais le bouton TinyMCE n’est disponible que dans l’éditeur classique. Le développeur n’a jamais publié de widget Gutenberg.

La dernière mise à jour date de novembre 2024 (v1.9.1, corrections de CVE). Le plugin n’a pas été formellement testé avec les trois dernières versions majeures de WordPress, mais en pratique, le shortcode simple avec parallax.js continue de fonctionner de manière stable.

En pratique, Parallax Image convient aux thèmes classiques sans l’éditeur de blocs, lorsque vous devez ajouter rapidement une image en parallaxe via un shortcode.

• Avantages: extrêmement simple (un shortcode, un parallaxe), script parallax.js léger sans dépendance jQuery, image distincte pour mobile via le paramètre mobile
• Inconvénients: éditeur classique uniquement (pas de bloc Gutenberg), aucune mise à jour fonctionnelle depuis 2024, images uniquement (pas d’arrière-plan vidéo)
• Prix: Gratuit

🔗 Parallax Image sur WordPress.org

3. Element Pack Lite: widgets de parallaxe pour Elementor

Element Pack Lite n’est pas seulement un plugin de parallaxe, mais un ensemble complet de plus de 300 widgets et extensions pour Elementor. Parmi eux se trouvent deux outils de parallaxe spécialisés: Parallax Section (effet de parallaxe pour une section entière) et Parallax Background (arrière-plan en parallaxe pour des blocs et colonnes individuels). Plus Floating Effects et un panneau d’animation pour un réglage fin du mouvement des éléments.

Les widgets sont intégrés à l’interface d’Elementor: faites glisser celui souhaité sur le canevas, configurez la vitesse, la direction et le déclencheur (défilement ou curseur). Pour la section en parallaxe, définissez l’image d’arrière-plan et le comportement: défilement, échelle, opacité. Activez ou désactivez séparément sur mobile.

La version gratuite contient plus de 30 widgets, y compris les éléments de parallaxe. Pour les sites utilisant déjà Elementor, Element Pack Lite est un choix naturel: il ne nécessite pas de plugin séparé pour le parallaxe, les widgets de parallaxe fonctionnent dans une seule interface avec des centaines d’autres outils.

En pratique, le plugin est optimal pour les sites Elementor où le parallaxe est une tâche parmi d’autres, et non la seule. Si vous construisez avec Elementor, Element Pack Lite figure déjà sur la liste des indispensables.

• Avantages: deux widgets de parallaxe + Floating Effects + animations dans un seul plugin, plus de 100 000 installations actives, support actif, compatibilité avec WordPress 7.0, dernière mise à jour en juillet 2026 (v8.7.6)
• Inconvénients: fonctionne uniquement avec Elementor (pas pour Gutenberg ni pour l’éditeur classique), plus de 300 widgets peuvent sembler excessifs si vous n’avez besoin que du parallaxe
• Prix: Gratuit

🔗 Element Pack Lite sur WordPress.org

4. Parallax Slider Block: un slider avec effet de profondeur

Parallax Slider Block résout une tâche étroite mais demandée: un slider d’images avec effet de parallaxe au défilement. C’est un bloc Gutenberg natif. Installez le plugin, ajoutez le bloc Slider Block dans l’éditeur, téléchargez les images.

Dans les paramètres du bloc, vous définissez: la vitesse de l’effet de parallaxe, la hauteur du slider (en pixels ou vh), l’espacement entre les diapositives, l’animation de transition, les contrôles responsives pour mobile. Des options de personnalisation supplémentaires: ombre, arrondi des coins, bordure, CSS personnalisé. La typographie du titre de la diapositive se configure en temps réel.

Le plugin a été créé par l’équipe de WPDeveloper, les mêmes développeurs qui font Essential Addons pour Elementor (plus de 2 millions d’installations) et NotificationX. Le code est léger, les ressources ne sont chargées que sur les pages où le bloc est utilisé.

La dernière mise à jour date de juillet 2024 (v1.2.7), formellement le plugin n’a pas été testé avec les trois dernières versions de WordPress. En pratique, il fonctionne de manière stable avec WordPress 6.6.

En pratique, Parallax Slider Block convient aux pages d’atterrissage et aux portfolios où vous avez besoin d’un slider avec effet de profondeur, et non d’un arrière-plan statique en parallaxe.

• Avantages: bloc Gutenberg natif (installez et utilisez), léger (pas de jQuery, les ressources se chargent uniquement là où elles sont utilisées), équipe WPDeveloper avec une bonne réputation
• Inconvénients: slider uniquement (pas d’arrière-plan statique en parallaxe), dernière mise à jour en juillet 2024 (pas de nouvelles fonctionnalités récentes), plus de 1 000 installations (audience plus réduite que les autres plugins de la sélection)
• Prix: Gratuit

🔗 Parallax Slider Block sur WordPress.org

Vidéo: l’effet de parallaxe en action

Mieux vaut voir une fois que lire les paramètres. La vidéo de l’équipe WP Royal Themes montre la configuration pas à pas de l’effet de défilement parallaxe dans WordPress: de l’installation du plugin au résultat final sur un site en production.

⁉️🤔 Foire aux questions

Le parallaxe ralentit-il le site?

Les plugins de parallaxe modernes utilisent requestAnimationFrame et IntersectionObserver: l’effet s’active uniquement lorsque le bloc est dans la fenêtre d’affichage. AWB sur Jarallax et Parallax Image sur parallax.js chargent moins de 5 Ko en gzip. Les ralentissements surviennent si vous mettez un arrière-plan vidéo plein écran sur un hébergement bas de gamme sans cache. Ici, le problème ne vient pas du parallaxe, mais de la vidéo.

Le parallaxe fonctionne-t-il sur iPhone?

Safari sur iOS ignore historiquement background-attachment: fixed en raison de spécificités de rendu. C’est précisément pourquoi tous les plugins de la sélection remplacent le fixed par des transformations (AWB, Parallax Slider Block), ou proposent une image statique distincte pour mobile (Parallax Image via le paramètre mobile). Avant de publier, vérifiez impérativement le site sur un vrai iPhone.

Peut-on faire un parallaxe sans plugin?

C’est possible. Variante minimale: un bloc avec background-image et background-attachment: fixed en CSS personnalisé. Mais sur mobile, cela ne fonctionne pas. Une approche plus fiable: connecter manuellement la bibliothèque Jarallax ou rellax.js et écrire un wrapper pour votre thème. Pour un développeur, c’est acceptable, pour un gestionnaire de contenu, un plugin fera gagner des heures de débogage.

Quel plugin choisir pour Gutenberg, et lequel pour Elementor?

Pour Gutenberg: AWB (capacités maximales) ou Parallax Slider Block (slider uniquement). Pour Elementor: Element Pack Lite, car les widgets de parallaxe sont intégrés à l’interface du constructeur de pages et ne nécessitent pas de basculer entre les plugins. Parallax Image via shortcode fonctionne dans n’importe quel éditeur: solution de repli universelle.

Que faire si l’arrière-plan en parallaxe ne s’affiche pas?

Trois causes fréquentes: 1) conflit de z-index avec d’autres éléments (augmentez la valeur dans les paramètres du plugin), 2) le conteneur du thème coupe le débordement (vérifiez overflow: hidden sur les blocs parents dans l’inspecteur), 3) l’image ne se charge pas (vérifiez l’URL dans la console du navigateur). Dans AWB, le problème se résout souvent en activant l’option Stretch.

Que choisir pour votre projet

Le choix dépend du scénario et des outils.

• Si vous créez une page d’atterrissage ou une section hero avec un arrière-plan vidéo, prenez Advanced WordPress Backgrounds. C’est le seul plugin de la sélection capable de faire un arrière-plan YouTube/Vimeo avec parallaxe, et même avec des paramètres de début et de fin pour la vidéo.

• Si vous travaillez dans Elementor, Element Pack Lite figure déjà sur votre liste d’indispensables. Les widgets de parallaxe sont livrés avec des centaines d’autres outils utiles.

• Si vous avez simplement besoin d’un slider avec effet de profondeur, Parallax Slider Block couvre le besoin sans surcharger le site avec des bibliothèques supplémentaires.

• Si vous avez un thème classique sans l’éditeur de blocs et devez ajouter rapidement une image en parallaxe, le shortcode [dd-parallax] de Parallax Image s’en chargera en cinq minutes.

La règle principale du parallaxe sur WordPress: la modération. Un, maximum deux blocs de parallaxe par page. L’effet doit mettre en valeur le contenu, pas en détourner l’attention. Un parallaxe correctement configuré ajoute de la profondeur et une sensation premium au site. Trois sections en parallaxe à la suite transforment une page d’atterrissage en manège dont on a envie de descendre.