Hors de la boîte, WooCommerce affiche les variations du produit sous forme de menus déroulants simples. Choisissez une taille, choisissez une couleur, le tout dans une zone de sélection grise qui cache à quoi ressemblent réellement les options. UN Plugin d'échange de variations WooCommerce corrige cela. Il échange ces réductions contre des cercles de couleurs cliquables, des vignettes d'image et des boutons étiquetés, de sorte qu'un acheteur voit la chemise rouge ou le XL en un coup d'œil au lieu de décoder un menu texte.
Ce petit changement déplace l'aiguille, parce que les gens achètent ce qu'ils peuvent voir Ce guide compare 8 des meilleurs plugins de swatches, et chacun est libre d'installer à partir du répertoire officiel de WordPress.org, de sorte que vous pouvez les essayer sur votre propre boutique avant de vous engager Tout d'abord, cependant, un plugin qui appartient à chaque magasin Elementor avant même que vous ne pensiez aux swatches : Master Addons pour Elementor Ce n'est pas un plugin de swatches, mais il construit la page produit sur laquelle vos swatches vivront, donc il gagne la première place.
Que sont les échantillons de variations WooCommerce ?
Les échantillons de variations remplacent les chutes d'attributs sur un produit variable par des sélecteurs visuels. Au lieu d'une liste déroulante “Color”, vous obtenez une rangée de carrés de couleur. Au lieu d'une liste déroulante “Size”, vous obtenez des boutons cliquables : S, M, L, XL.
Vous verrez généralement quatre types d'échantillons :
- Échantillons de couleurs pour des attributs comme le rouge, le bleu marine ou l'olive
- Échantillons d'images cela montre une petite photo de chaque variation, qu'il s'agisse d'un motif, d'une texture ou du produit de cette couleur
- Échantillons de boutons ou d'étiquettes pour les tailles, les matériaux ou tout attribut de texte
- Échantillons radio pour une version plus soignée de la norme, sélectionnez
Les meilleurs plugins proposent également des échantillons sur les pages de la boutique et de la catégorie, et pas seulement sur la page d'un seul produit, afin que les acheteurs repèrent leurs options pendant qu'ils naviguent encore.
Comment ajouter des échantillons de couleurs dans WooCommerce
La configuration est presque identique sur chaque plugin ici :
- Installez et activez WooCommerce et le plugin swatches que vous avez choisi.
- Aller à Produits > Attributs et créez un attribut comme Color, puis ajoutez ses termes (Rouge, Bleu, Vert).
- Définissez le type d'échange de chaque terme Pour la couleur, choisissez la valeur hexadécimale ; pour l'image, téléchargez une vignette.
- Ouvrez un produit variable, ajoutez l'attribut sous l'onglet Attributs et générez des variations.
- Enregistrer et prévisualiser Le dropdown est maintenant une rangée de swatches.
Aucun code nulle part dans cette liste Si vos produits variables ne sont pas encore configurés, triez-le d'abord avec le fonctionnaire Documentation des produits variables WooCommerce[traduction], qui parcourt les attributs et les variations Pour la conception des pages autour des échantillons, notre tour d'horizon des meilleurs modules complémentaires Elementor pour WooCommerce montre comment construire un modèle de produit unique personnalisé.
Comparaison rapide : Meilleurs plugins WooCommerce Swatches
| Plugin | Installations actives | Évaluation | Échantillons de pages de boutique (gratuits) | Meilleur Pour |
|---|---|---|---|---|
| Modules complémentaires principaux pour Elementor | 30 000+ | 4,5 : | n/a (boîte à outils) | Construire la page produit elle-même |
| Échantillons de variations pour WooCommerce (Emran Ahmed) | 300 000+ | 4.8 : | Pro | Le choix par défaut sûr |
| Échantillons de variation pour WooCommerce (CartFlows) | 200 000+ | 4.6 : | Pro | Magasins Astra/CartFlows |
| Échantillons de variation WCBoost | 50 000+ | 4.8 : | Oui | Option rapide et sans bourdonnement |
| Variations de produits Échanges (VillaTheme) | 10 000+ | 4,7 : | Oui | Échanges + échange d'images de galerie |
| Variation Échantillons (RadiusTheme) | 10 000+ | 4,7 : | Oui | Tout autour avec des échantillons de catalogue |
| Échantillons de variation WPC | 7 000+ | 4.3 : | Oui | Utilisateurs de l'écosystème WPClever |
| Images et échantillons de variantes intelligentes | 1 000+ | 4,7 : | Partiel | Échange d'images de variations |
| Échantillons de variations pour WooCommerce (Woosuite) | 50 000+ | 3,7 : | Oui | Échantillons de catalogue gratuits de longue date |
1. addons principaux pour Elementor (la fondation)
Laissez-moi être franc: Modules complémentaires principaux pour Elementor n'est pas un plugin de swatches de variation, et il se trouve toujours au numéro un Voici la logique Les swatches ne gagnent leur garde que sur une page de produit qui est réellement conçue pour vendre, et cette page est l'endroit où Master Addons entre C'est la boîte à outils légère Elementor qui conçoit le modèle, puis tout plugin de swatch ci-dessous y dépose ses sélecteurs de couleur et d'image.
Utilisé sur plus de 30 000 sites et reconstruit pour fonctionner environ 3 fois plus rapidement dans la version 3, Master Addons vous offre une version complète Constructeur de thèmes pour les modèles personnalisés de produits uniques, de magasins et d'archives. Ainsi, au lieu d'accepter la disposition de votre thème, vous concevez la page produit, ajoutez les échantillons et contrôlez exactement où ils atterrissent.
Pourquoi il va d'abord pour un magasin Elementor :
- Constructeur de thèmes pour créer le produit unique et les modèles d'atelier sur lesquels vos échantillons s'affichent
- Widget Produit en vedette pour déposer n'importe quel produit, prix et bouton d'ajout au panier sur une page de destination
- Créateur Popup à vendre, des offres de coupons et d'intention de sortie qui augmentent la valeur du chariot
- Méga Menu pour une navigation achetable avec des catégories de produits
- Plus de 80 widgets et extensions dans un seul package léger, vous n'empilez donc pas cinq plugins pour créer une page
Installez-le d'abord pour créer le magasin, puis choisissez l'un des plugins de swatches ci-dessous pour gérer l'affichage des variations. Parcourir le complet widgets et extensions lister ou vérifier le tarification&, et prenez la version gratuite du Page du plugin WordPress.org.
2. Variation Swatches pour WooCommerce (par Emran Ahmed)
Il s'agit du plugin swatches le plus installé sur WordPress.org, avec plus de 300 000 installations actives et une note de 4,8 sur plus de 900 avis. Vous voulez l'option à laquelle la plupart des magasins font déjà confiance ? Commencez ici.
Meilleures caractéristiques :
- Types de couleur, d'image et d'échange de boutons/étiquettes
- Attribuer des info-bulles sur le vol stationnaire
- Remplacements par attribution et par échantillon de produit
- Contrôle du comportement, de l'encliquetage ou du flou des variations hors stock
- Compatibilité de thème large, il fonctionne donc sans problème sur la plupart des thèmes WooCommerce
La version gratuite gère bien la page produit unique Les échantillons de catalogue et de pages d'achat, ainsi que les galeries d'images de variations, font partie de la mise à niveau Pro. Attrapez-le du Page du plugin WordPress.org.
3. Variation Swatches pour WooCommerce (par CartFlows)
Celui-ci vient de l'équipe derrière Astra et CartFlows, et il a récupéré plus de 200 000 installations à une note de 4,6. Il est léger, propre et facile à appeler si vous exécutez déjà d'autres produits Brainstorm Force.
Meilleures caractéristiques :
- Types de couleur, d'image, de bouton/étiquette et d'échange radio
- Conseils d'outils pour les attributs
- Style global avec remplacements par attribute
- Code léger qui reste en dehors du chemin de votre thème
- Soutenu par un fournisseur WordPress bien connu
Si votre magasin fonctionne sur Astra ou si vous construisez des entonnoirs avec CartFlows, cela garde tout dans une seule maison Installez-le à partir du Page du plugin WordPress.org.
4. Échantillons de variation WCBoost
WCBoost est le choix pragmatique, et il fait quelque chose que les deux plus gros plugins vous font payer : il affiche des échantillons sur les pages de boutique et d'archives dans la version gratuite. Ajoutez une note de 4,8 et plus de 50 000 installations et gagne sa place.
Meilleures caractéristiques :
- Échantillons de couleur, d'image, de bouton et de radio
- Conseils d'outils sur le survol des attributs
- Forme et taille de l'échantillon réglables (arrondies ou carrées)
- Affichage de la page de boutique et d'archives, gratuit
- Pas de bêtises constantes dans l'administrateur
Pour un plugin rapide et propre qui vous offre des échantillons de catalogue sans mur payant, WCBoost est l'un des choix les plus rentables de cette liste. Téléchargez-le à partir du Page du plugin WordPress.org.
5. Variations de produits Échanges pour WooCommerce (par VillaTheme)
VillaTheme est dans l'espace WooCommerce depuis longtemps, et son plugin swatches associe des sélecteurs visuels avec échange d'images de variation Cliquez sur une couleur et la galerie principale se retourne vers les photos de cette variation.
Meilleures caractéristiques :
- Types de couleur, d'image, de bouton, de radio et d'échange déroulant
- Conseils d'outils pour chaque attribut
- Échanges de catalogue et de pages de boutique
- Variation d'échange d'images dans la galerie de produits
- Contrôles de style par attribut
Si vous vendez des choses où les photos de la galerie comptent autant que l'échantillon (mode, meubles, tirages d'art), cet échange d'images est la raison pour laquelle il est choisi. Obtenez-le du Page du plugin WordPress.org.
6. Échantillons de variations pour WooCommerce (par RadiusTheme)
De RadiusTheme, les gens derrière The Post Grid et ShopBuilder, il s'agit d'un polyvalent stable avec plus de 10 000 installations et une note de 4,7. Il couvre les principaux types d'échange et les pousse également vers les pages de catalogue.
Meilleures caractéristiques :
- Échantillons de couleur, d'image, de bouton et de radio
- Attribuer des infobulles
- Échantillons de pages de boutique et d'archives
- Paramètres par attribut et par produit
- Soutenu par un fournisseur de plugin WooCommerce actif
Il s'agit d'un choix fiable au milieu du terrain, et ces paramètres par produit gagnent leur vie lorsqu'une poignée de produits ont besoin d'échantillons conçus différemment des autres. Installez-le à partir du Page du plugin WordPress.org.
7. Échantillons de variation WPC pour WooCommerce
WPClever gère une grande famille de plugins WooCommerce, et ce plugin swatches s'y insère. Si vous utilisez déjà des produits WPC comme Smart Compare ou Linked Variation, vous vous sentirez comme chez vous.
Meilleures caractéristiques :
- Types d'échange de couleurs, d'images, de boutons et d'étiquettes
- Support tooltip
- Affectation d'échange au niveau du terme
- Petite empreinte
- Fonctionne avec la suite WPClever plus large
La note est un peu plus basse et le nombre d'avis est mince, alors testez-le sur la mise en scène avant de l'expédier Pour les utilisateurs de WPClever, cependant, c'est l'ajustement évident Téléchargez-le à partir du Page du plugin WordPress.org.
8. Images et échantillons de variantes intelligentes pour WooCommerce
Celui-ci s'appuie fortement sur les images Il montre, cache et échange automatiquement les photos produit-galerie en fonction de la variation qu'un acheteur choisit, ce qui est idéal lorsque la différence visuelle entre les variations est l'ensemble du pitch.
Meilleures caractéristiques :
- Échantillons d'images liés à des photos de variation
- Exposition automatique de la galerie, masquage et échange par variation
- Liaison d'image intelligente avec les attributs
- Joue bien avec un autre plugin swatch si vous en exécutez déjà un
- 142 avis à une note de 4,7, engagement lourd pour sa taille
Il s'agit moins de style de bouton que de réaction de la galerie au clic Si l'échange d'image est votre priorité, c'est le spécialiste Obtenez-le du Page du plugin WordPress.org.
9. Variation Swatches pour WooCommerce (par Woosuite)
Il s'agit de l'un des plus anciens plugins de swatches du référentiel, répertorié en 2017, et il fonctionne toujours sur plus de 50 000 magasins. Le tirage est constitué d'échanges gratuits sur page de catalogue et d'un ensemble complet de types de swatch sans mur de vente incitative.
Meilleures caractéristiques :
- Échantillons de couleur, d'image, d'étiquette/texte et de radio
- Conseils d'outils pour les attributs
- Échanges de pages d'archives et de catalogues dans la version gratuite
- Configuration par attribut
- Un long palmarès sur les magasins WooCommerce
Une mise en garde honnête : sa note de 3,7 est la plus faible ici, alors écrémez les critiques récentes et testez-la par rapport à votre thème avant de vous appuyer dessus Installez-la à partir du Page du plugin WordPress.org.
Cela vaut également le détour
Quelques autres sont sur WordPress.org et peuvent convenir à une configuration spécifique, même s'ils n'ont pas déchiffré la liste principale. Variations de couleur et d'étiquette YITH vous offre gratuitement des échantillons de couleurs et d'étiquettes et retient les échantillons d'images pour Pro. Échantillons de variation QODE est une option plus récente et plus légère qui continue de faire des critiques.
Comment choisir le bon plugin Swatches
Faites correspondre le plugin à ce dont votre boutique a réellement besoin :
- Vous voulez l'option la plus sûre, la plus testée : Échantillons de variations pour WooCommerce par Emran Ahmed.
- Vous voulez des échantillons de pages de magasin sans payer : WCBoost ou le plugin Woosuite.
- Vos images de galerie changent beaucoup entre les variantes : Images de VillaTheme ou de variantes intelligentes.
- Vous vivez dans l'écosystème Astra/CartFlows ou WPClever : choisissez le plugin correspondant (CartFlows ou WPC).
Quoi que vous atterrissiez, gardez un œil sur les performances Les scripts Swatch ajoutent du poids à vos pages de produits, alors associez-les aux conseils de notre guide comment accélérer les sites Web Elementor. Et si vos produits ont besoin de plus que des échantillons, pensez aux champs personnalisés, aux modules complémentaires ou à la gravure, regardez options de produits supplémentaires pour WooCommerce pour capturer ceux à la caisse.
Construire le magasin autour de ces échantillons ? Master Addons reste léger avec Plus de 80 widgets et extensions(, et son Constructeur de thèmes vous permet de concevoir le modèle de produit unique sur lequel vos échantillons reposent Vérifiez le tarification si vous voulez toute la boîte à outils.
Foire aux questions
Quel est le meilleur plugin gratuit de woocommerce variation swatches ?
Variation Swatches pour WooCommerce par Emran Ahmed est le choix gratuit le plus sûr, avec plus de 300 000 installations et une note de 4,8. Si vous avez besoin d'échanges de pages d'achat gratuitement, WCBoost Variation Swatches est une alternative solide qui ne porte pas les échanges de catalogue derrière Pro.
Comment ajouter des échantillons de couleurs dans WooCommerce ?
Installez un plugin swatches, accédez à Produits > Attributs, créez un attribut Color et définissez une valeur hexadécimale pour chaque terme. Ajoutez ensuite l'attribut à un produit variable et générez des variations. La liste déroulante se transforme en une rangée d'échantillons de couleurs cliquables, aucun code n'est nécessaire.
Puis-je ajouter des échantillons de variation sans plugin ?
Pas facilement. WooCommerce n'a pas d'option de swatch intégrée, vous aurez donc besoin de code personnalisé et de CSS pour convertir vous-même les dropdowns. Un plugin swatches dédié le fait en quelques clics et reste compatible via les mises à jour WooCommerce, c'est pourquoi presque tous les magasins en utilisent un.
Les échantillons de variations apparaissent-ils sur les pages des magasins et des catégories ?
Cela dépend du plugin Beaucoup affichent des échantillons uniquement sur la page unique du produit dans leur version gratuite WCBoost, VillaTheme, RadiusTheme et le plugin Woosuite les affichent gratuitement sur les pages de boutique et d'archives, tandis que d'autres gardent cela pour Pro.
Un plugin swatches va-t-il ralentir ma boutique ?
Un bien construit n'ajoute qu'un peu de CSS et de JavaScript Les options légères comme WCBoost maintiennent l'impact à un faible niveau Ne pas exécuter deux plugins d'échange à la fois, et vérifiez la vitesse de votre page avant et après l'installation afin de savoir où vous vous situez.
Envelopper
Le meilleur plugin d'échange de variations WooCommerce pour votre boutique se résume vraiment à deux questions : avez-vous besoin d'échange de pages de boutique gratuitement, et dans quelle mesure les images de votre galerie changent-elles entre les variations Pour la plupart des magasins, les échantillons de variations pour WooCommerce par Emran Ahmed est le début sûr, WCBoost est la meilleure route gratuite pour cataloguer les échantillons, et VillaTheme ou Smart Variations Images gagnent lorsque les photos font la vente.
Installez quelques versions gratuites, testez-les par rapport à votre thème et conservez celle qui semble correcte. Ensuite, construisez le magasin autour d'eux : explorez le complet Widgets et extensions Master Addons ou commencez plus vite avec du ready-made kits de modèles.
Lecture connexe: Meilleurs modules complémentaires d'élément pour WooCommerce, Options de produits supplémentaires pour WooCommerce, et 100 meilleurs modules complémentaires d'élément.
