Vous êtes à la recherche du meilleur plugin WordPress avant et après ?
Un plugin WordPress "avant et après" vous permet de comparer deux images côte à côte à l'aide d'une barre de défilement. Il est parfait pour montrer des transformations, des résultats de produits ou des changements visuels sur votre site.
J'ai testé plusieurs d'entre eux sur les sites de mes clients et sur mes propres pages. Qu'il s'agisse d'une rénovation, d'une refonte ou d'un projet de restauration, ces outils permettent de mettre facilement en évidence la différence.
Dans ce guide, je partagerai les meilleurs plugins avant et après pour WordPress et ce que l'on peut attendre de chacun d'entre eux.
| Plugin | Plan gratuit | Tarification | Type de curseur | Compatibilité avec les éditeurs |
|---|---|---|---|---|
| SeedProd | Non | À partir de 39,50 $/an | Horizontal et vertical | SeedProd Builder |
| BEAF | Oui | Pro à partir de 19 $/an | Horizontal et vertical | Block Editor, Elementor, Divi, WPBakery |
| Ultimate Addons | Non | À partir de 57 $/an | Horizontal et vertical | Elementor |
| Vingt-et-un | Oui | Gratuit | Horizontal et vertical | Shortcodes, Bâtisseurs de pages |
| Bloc de comparaison d'images | Oui | Gratuit | Horizontal et vertical | Éditeur de blocs |
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 sliders 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.
- 1. SeedProd
- 2. BEAF - Ultimate Before After Image Slider & Gallery
- 3. Ultimate Addons Before After Slider
- 4. Image Twenty20 avant-après
- 5. Bloc de comparaison d'images
- Cas d'utilisation populaires pour les plugins Before and After
Guide vidéo
1. SeedProd
| Tarifs : A partir de 39,50 $/an |
| Plan gratuit / Essai : Non |
| Caractéristiques remarquables : |
| 🔹 Drag-and-drop builder 🔹 Mobile preview toggle 🔹 Before/after block with full customization |
| Note : A+ |
| Le meilleur pour : Les débutants qui veulent une édition complète du site et une comparaison d'images dans un seul 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
| Prix : Gratuit, Pro à partir de 19 $/an |
| Plan gratuit / Essai : Oui |
| Caractéristiques remarquables : |
| 🔹 Sliders illimités 🔹 Slider templates 🔹 Page builder support |
| Evaluation : B+ |
| Le meilleur pour : Les blogueurs et les petits sites souhaitant un plugin de comparaison d'images gratuit |
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
| Prix : A partir de 57 $/an |
| Plan gratuit / Essai : Non |
| Caractéristiques remarquables : |
| 🔹 Intégration d'Elementor 🔹 Redimensionnement de l'image et contrôle du slider 🔹 Fait partie d'un pack complet de widgets |
| Cote : B |
| Le meilleur pour : Les utilisateurs d'Elementor qui cherchent à étendre leur bibliothèque de widgets |
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.
Un petit inconvénient 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 |
| Plan gratuit / Essai : Oui |
| Caractéristiques remarquables : |
| 🔹 Configuration simple basée sur des shortcodes 🔹 Réactif et minimal 🔹 Prise en charge du constructeur de pages |
| Cote : B |
| Le meilleur pour : Les utilisateurs qui souhaitent un plugin de comparaison léger sans fonctionnalités supplémentaires |
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 |
| Plan gratuit / Essai : Oui |
| Caractéristiques remarquables : |
| 🔹 Construit pour Gutenberg 🔹 Contrôles pour le mouvement du curseur 🔹 Style d'étiquette personnalisé |
| Evaluation : B+ |
| Le meilleur pour : Les blogueurs qui utilisent l'éditeur de blocs et qui veulent quelque chose de rapide et de gratuit |
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.
Cas d'utilisation populaires pour les plugins Before and After
Il n'est pas nécessaire d'être concepteur ou développeur pour utiliser un plugin "avant-après". Ces outils sont utiles pour tous les types de sites web, en particulier lorsque les images sont plus parlantes que les mots.
- Sites web consacrés à la beauté et aux cosmétiques : ils présentent les résultats de soins de la peau, de maquillages ou de procédures.
- Aménagement intérieur ou rénovation de maison : Mettez en évidence les changements apportés aux pièces, aux cuisines ou aux espaces extérieurs.
- Services d'aménagement paysager et de jardinage : Comparer les cours et les jardins avant et après les travaux.
- Portefeuilles de conception web : Affichez les transformations des sites des clients ou les refontes de thèmes en une seule vue.
- Organismes à but non lucratif et campagnes de sensibilisation : Partagez l'impact visuel - comme les nettoyages communautaires, les constructions ou les projets de restauration.
- Blogueurs spécialisés dans le fitness et le bien-être : Partagez des photos de vos progrès pour documenter les changements physiques au fil du temps.
Si votre travail implique un changement visuel quelconque, les curseurs avant et après peuvent vous aider à prouver les résultats rapidement et clairement.
FAQ : Avant et après les plugins WordPress
Oui, certains plugins comme SeedProd et Image Comparison Block vous permettent d'ajouter des sliders avant et après directement dans l'éditeur de blocs de WordPress (Gutenberg). Vous n'avez pas besoin d'installer un constructeur de pages séparé.
BEAF et Twenty20 sont deux plugins gratuits populaires pour ajouter des curseurs avant et après dans WordPress. Ils sont faciles à utiliser et fonctionnent bien avec les constructeurs de pages les plus répandus.
Vous pouvez utiliser un plugin drag-and-drop comme SeedProd pour afficher des comparaisons d'images avant et après sans toucher au code. Il vous suffit de faire glisser le bloc du curseur et de télécharger vos images.
La plupart des plugins avant et après sont adaptés aux mobiles. SeedProd, BEAF et Image Comparison Block s'adaptent tous à des écrans plus petits afin que les utilisateurs puissent faire glisser ou toucher le curseur sur les appareils mobiles.
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 à participer à la conversation sur YouTube, X et Facebook pour obtenir d'autres conseils et contenus utiles pour développer votre entreprise.
