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 gratuit | Tarification | Slider Type | Editor Compatibility |
|---|---|---|---|---|
| SeedProd | Non | From $39.50/year | Horizontal & Vertical | SeedProd Builder |
| BEAF | Oui | Pro from $19/year | Horizontal & Vertical | Block Editor, Elementor, Divi, WPBakery |
| Ultimate Addons | Non | From $57/year | Horizontal & Vertical | Elementor |
| Twenty20 | Oui | Gratuit | Horizontal & Vertical | Shortcodes, Page Builders |
| Image Comparison Block | Oui | Gratuit | Horizontal & Vertical | Block Editor |
Qu'est-ce qu'un plugin WordPress Before and After ?
Un plugin de curseur avant et après est un module complémentaire pour votre site web qui permet aux visiteurs de faire glisser un curseur entre deux images différentes. Lorsque vous faites glisser la poignée, une image passe à la suivante.
De nombreux sites web utilisent des plugins "avant et après" pour mettre en évidence les effets d'un produit ou d'un service. Par exemple, vous pouvez montrer une photo de la même personne avant et après avoir reçu un traitement de beauté ou une métamorphose.
Ce type de plugin vous permet également d'illustrer et d'expliquer des sujets complexes. Imaginons que vous souhaitiez sensibiliser le public au changement climatique. Dans ce cas, vous pouvez utiliser un widget "avant et après" pour montrer des photos du même paysage avant et après les effets du réchauffement climatique.
En fin de compte, un plugin WordPress " avant et après" peut aider les propriétaires de sites web WordPress à démontrer facilement les différences ou les similitudes entre deux images.
Quels sont donc les meilleurs plugins WordPress pour les curseurs avant et après ? Découvrons-les.
Les meilleurs plugins WordPress avant et après
Vous trouverez ci-dessous les meilleurs plugins avant et après pour votre site web WordPress. Nous examinerons le fonctionnement de chaque plugin, ses fonctionnalités, s'il est adapté aux mobiles et s'il est facile à utiliser.
Guide vidéo
1. SeedProd
| Pricing: Starts at $39.50/year |
| Free Plan / Trial: No |
| Standout Features: |
| 🔹 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 est le meilleur constructeur de site web pour WordPress. Son interface visuelle conviviale vous permet de créer des pages d'atterrissage, des thèmes WordPress polyvalents et des dispositions de barre latérale flexibles pour votre site sans code.
Vous pouvez personnaliser n'importe quelle partie de votre site web avec les blocs WordPress de SeedProd. Ils vous permettent d'améliorer votre site avec des fonctionnalités avancées, y compris des galeries d'images, des tableaux de prix, des boutons d'appel à l'action, des comptes à rebours, et plus encore.
L'un de ces blocs est la puissante bascule Avant/Après. Vous pouvez l'utiliser pour afficher deux images et comparer les différences côte à côte.
Le bloc comprend des dispositions horizontales et verticales, des couleurs d'incrustation avant et après et des étiquettes. Vous pouvez également configurer un curseur d'image interactif et des personnalisations avancées pour la typographie, les couleurs, le remplissage, l'espacement, etc.
SeedProd est 100% mobile-friendly, de sorte que chaque design s'adapte parfaitement aux différents appareils mobiles. De plus, il comprend une fonction de prévisualisation mobile en direct et des options permettant d'afficher ou de masquer des éléments de conception spécifiques sur les appareils mobiles ou de bureau.
Vous n'aurez pas besoin de connaître le HTML, le CSS, le jQuery ou les shortcodes avec ce plugin. Il ne contient aucun code, ce qui vous permet de personnaliser visuellement chaque partie de votre site sans l'aide d'un développeur.
SeedProd offre une compatibilité totale avec les plugins et thèmes WordPress les plus répandus. Il fonctionne également de manière transparente avec les principaux outils de marketing par email, WooCommerce et Zapier.
Caractéristiques
- Constructeur de pages par glisser-déposer
- Constructeur de thèmes WordPress
- Prochainement et mode maintenance
- Mode de page 404 personnalisé
- Mode de la page de connexion WordPress
- Tableau de bord de gestion des abonnés
- Contrôles d'accès des utilisateurs
- Cartographie du domaine
- Texte dynamique
Prix : Le prix de SeedProd commence à 39,50 $ par an.
2. BEAF - Ultimate Before After Image Slider & Gallery
| Pricing: Free, Pro starts at $19/year |
| Free Plan / Trial: Yes |
| Standout Features: |
| 🔹 Unlimited sliders 🔹 Slider templates 🔹 Page builder support |
| Rating: B+ |
| Best For: Bloggers and small sites wanting a free image comparison plugin |
BEAF est un slider d'images avant et après gratuit pour WordPress. Il vous permet d'ajouter un nombre illimité de sliders à votre site, vous permettant de montrer facilement des comparaisons entre 2 images.
Ce plugin est livré avec une mise en page horizontale et verticale, un titre, une description et des boutons "lire plus". Il permet également de personnaliser les étiquettes et les couleurs d'arrière-plan.
Le panneau d'administration est intuitif et facile à utiliser avec un générateur de shortcodes pratique. Il vous permet également d'intégrer vos photos avant et après n'importe où sur votre site WordPress.
Caractéristiques
- Galerie d'images multi-colonnes avant et après
- Possibilité de désactiver les superpositions
- Options de survol de la souris
- Modèles de diapositives
- Des descriptions adaptées à l'optimisation des moteurs de recherche (SEO)
- 100% adapté aux mobiles
BEAF prend également en charge les constructeurs de pages populaires, notamment WPBakery, Elementor, Visual Composer, Divi, Beaver Builder et l'éditeur de blocs de WordPress (Gutenberg).
Prix : Vous pouvez télécharger la version gratuite de BEAF à partir du dépôt de plugins WordPress. Le prix de la version Pro est de 19 $ par an.
3. Ultimate Addons Before After Slider
| Pricing: Starts at $57/year |
| Free Plan / Trial: No |
| Standout Features: |
| 🔹 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 est un plugin WordPress bien connu qui étend les fonctionnalités des constructeurs de pages. Avec Ultimate Addons for Elementor Before and After Slider, vous pouvez ajouter des comparaisons d'images réactives à votre site WordPress rapidement et facilement.
Il offre des fonctionnalités similaires à celles de SeedProd, avec des options permettant de redimensionner les images et les captures d'écran, de définir l'orientation et l'alignement du slider, et de personnaliser des couleurs spécifiques. Vous pouvez également choisir entre un slider vertical et un slider horizontal et ajouter plusieurs sliders sur une même page.
L'un des inconvénients mineurs d'Ultimate Addons est la nécessité d'ajouter un autre plugin WordPress à votre site web. Des plugins comme SeedProd offrent une construction visuelle des pages et des fonctionnalités avant et après dans un seul plugin.
Caractéristiques
- Curseur réactif avant et après
- Compatible avec le constructeur de pages Elementor
- Le plugin comprend de nombreux autres widgets et modules
- Base de connaissances étendue et didacticiels pour l'assistance à la clientèle
Prix : L'offre groupée Ultimate Addons est proposée à partir de 57 $ par an.
4. Image Twenty20 avant-après
| Prix : Gratuit |
| Free Plan / Trial: Yes |
| Standout Features: |
| 🔹 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 est un autre plugin WordPress gratuit. Vous pouvez utiliser ce plugin pour afficher 2 images de votre médiathèque côte à côte afin que les visiteurs du site web puissent comparer les différences.
Il s'agit d'un plugin WordPress simple, sans fioritures, qui ne nécessite pas d'images pour fonctionner.
Ce plugin utilise des shortcodes pour définir les paramètres du widget de diaporama. Vous pouvez personnaliser le shortcode en entrant la taille de l'image, le texte avant et après, la direction du diaporama, le décalage, l'alignement, et plus encore.
Twenty20 prend également en charge les constructeurs de pages les plus populaires, ce qui permet aux débutants d'ajouter visuellement des curseurs avant et après à leur site.
Caractéristiques
- Réactif et adapté à la mobilité
- Interface utilisateur minimale
- Il vous permet d'utiliser l'alt de l'image comme alt et titre de l'image.
- Prise en charge des constructeurs de pages les plus répandus
Prix : Ce plugin est entièrement gratuit.
5. Bloc de comparaison d'images
| Prix : Gratuit |
| Free Plan / Trial: Yes |
| Standout Features: |
| 🔹 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 |
Image Comparison Block est un plugin WordPress très simple pour les blogueurs et les petites entreprises. Il permet aux visiteurs de votre site web de comparer 2 images dans une disposition horizontale ou verticale.
Le plugin fonctionne dans l'éditeur de texte de WordPress et vous permet d'utiliser des blocs WordPress pour configurer vos widgets.
Les paramètres du bloc comprennent des options permettant de modifier le ratio de visibilité et l'orientation du curseur et de choisir entre le déplacement sur le glissement, le clic ou le survol. En outre, vous pouvez modifier les couleurs de l'incrustation et du texte, les étiquettes, la typographie, etc. en quelques clics.
Caractéristiques
- Contrôles pour le mouvement de la poignée de la glissière
- Étiquettes personnalisées pour avant et après
- Position de l'étiquette et options de style
- Fonctionnalité de superposition
- Bloc WordPress dédié
Prix : Image Comparison Block est un plugin WordPress gratuit sans version 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.
Quel est le meilleur plugin Before and After ?
Nous pensons que le meilleur plugin avant et après pour WordPress est SeedProd. Il inclut toutes les fonctionnalités dont vous avez besoin dans un widget avant et après tout en vous permettant d'éditer n'importe quelle partie de votre site WordPress sans code.
SeedProd est rapide, léger, facile à utiliser et réactif. Alors, qu'attendez-vous ?
Nous espérons que cet article vous a aidé à trouver le meilleur plugin WordPress avant et après pour votre site web. Vous pourriez également aimer ces autres comparaisons pendant que vous êtes ici :
- 6 meilleurs plugins de paiement Stripe pour WordPress
- 8 meilleurs logiciels de gestion de la relation client (CRM) pour stimuler les ventes des entreprises
- 8 meilleurs fournisseurs de VoIP pour votre petite entreprise
Merci de votre lecture ! Nous aimerions connaître votre avis, alors n'hésitez pas à laisser un commentaire pour nous faire part de vos questions et de vos réactions.
Vous pouvez également nous suivre sur YouTube, X (anciennement Twitter) et Facebook pour obtenir d'autres contenus utiles au développement de votre entreprise.
