EHERO Woo Swatches – Échantillons visuels pour les variations de WooCommerce

Échantillons visuels pour les variations de WooCommerce

Les sélecteurs déroulants natifs de WooCommerce cachent vos variantes derrière un menu gris. Le client ne voit pas quelles couleurs sont disponibles, il doit ouvrir le menu déroulant taille par taille et, bien souvent, il abandonne le produit sans comprendre ce que vous vendez. Dans un catalogue de mode, de chaussures ou de décoration, ce menu déroulant freine directement la conversion.

EHERO Woo Swatches résout ce problème avec des échantillons visuels pour les variations de WooCommerce. Le plugin intercepte automatiquement le menu déroulant standard de Woo et le remplace par des swatches de couleur unie, des miniatures d’image, des boutons texte, des swatches bicolores en diagonale et des dégradés premium. Le client voit toutes les options en même temps, avec infobulle au survol, changement de l’image du produit lors de la sélection de la variante, prix mis à jour en temps réel et indication de stock par variante.

De plus, ces échantillons visuels pour les variations de WooCommerce apparaissent aussi dans la liste de la boutique : le client choisit la couleur ou la taille sans entrer dans la fiche produit et peut ajouter au panier depuis l’archive elle-même. Tout est configurable par attribut et par terme, avec un panneau de design qui contrôle la forme, la taille, les bordures, les ombres et le style du swatch sélectionné ou épuisé, en héritant des couleurs de votre thème via des propriétés CSS personnalisées.

Cinq types de swatch configurables par attribut

Chaque attribut de votre catalogue s’affiche dans le format qui le représente le mieux, sans mélanger les critères.

• Couleur unie avec swatch à partir du hex enregistré dans le terme
• Image/miniature pour les motifs, textures ou matières
• Étiquette texte (S, M, L, XL) avec couleur de fond, couleur du texte et icône optionnelle
• Swatch bicolore en diagonale à 135º et dégradés premium prédéfinis (or, argent, bronze, océan…)

Fiche produit qui convertit

Le plugin remplace le menu déroulant natif de WooCommerce et se synchronise avec le formulaire de variations de Woo.

• Swatch sélectionné marqué par une bordure ou une coche visuelle configurable
• Variante épuisée barrée d’une croix, semi-transparente ou masquée selon le réglage
• Changement de l’image de la galerie lors de la sélection de la variante (gallery swap)
• Prix en temps réel, message de stock ‘Il ne reste que X’ et delta de prix entre variantes

Swatches aussi dans la liste de la boutique

Les clients choisissent la variante sans entrer dans la fiche, directement depuis l’archive ou la boutique.

• Position configurable : avant l’image, après le titre ou après le prix
• Changement de l’image du produit au clic sur un swatch dans la liste
• Limite de swatches visibles avec indicateur ‘+N’ pour éviter la surcharge
• Ajout de la variation au panier par AJAX avec mise à jour du mini-panier

Panneau de design avec propriétés CSS personnalisées

Vous contrôlez l’apparence des swatches depuis le panneau, en héritant des couleurs de votre thème.

• Forme carrée, ronde ou arrondie et taille du swatch en pixels
• Bordure, rayon, espacement (gap) et mise à l’échelle au survol
• Style du swatch sélectionné (bordure/check) et de l’épuisé (croix/opacité/masqué)
• Variables –ehero-swatch-* et CSS personnalisé pour les réglages avancés

Compatibilité réelle avec votre stack

Conçu pour fonctionner avec les thèmes et constructeurs réellement utilisés par les boutiques.

• Compatible avec HPOS (tables de commandes haute performance de WooCommerce)
• Réinitialisation automatique dans Bricks Builder et contenu chargé par AJAX (quick view)
• Chargement différé dans les listes avec IntersectionObserver pour ne pas pénaliser les performances
• Prend en charge les produits variables, variable-subscription et ehero_variable_subscription

Étiquettes, suffixes de prix et auto-sélection

Des détails qui affinent la présentation du prix et des options de chaque produit.

• Suffixe de prix configurable sur la fiche et dans la liste (ex. : ‘TVA non incluse’) avec couleur et taille
• Style des étiquettes d’attribut : couleur, taille et graisse de police, ou les masquer
• Infobulle avec le nom de la variante au survol
• Fallback d’image (variante, produit ou aucun) lorsqu’un terme n’a pas sa propre miniature

Idéal pour

Si vous cherchez des échantillons visuels pour les variations de WooCommerce, voici votre outil. Là où il s’intègre le mieux :

📋 Exigences système

Compatibilité testée avec les versions actuelles de WordPress et WooCommerce.

🛟 Support technique

Support par e-mail en espagnol* à soporte@consultoriaehero.com et manuel en ligne (ES/EN), avec mises à jour automatiques depuis votre tableau de bord.

⚖️ Comparatif : pourquoi EHERO Woo Swatches ?

Ce qui distingue Woo Swatches des alternatives.

Combien de ventes perds-tu chaque jour parce que tes clients n’arrivent pas à ouvrir le menu déroulant des couleurs et des tailles ?

Active aujourd’hui les échantillons visuels pour les variations de WooCommerce et transforme tes menus déroulants en une expérience d’achat qui convertit vraiment.

Découvre tous nos plugins pour WooCommerce ou visite la boutique de Consultoría EHERO.

*Le support couvre les incidents, les erreurs et l’installation du plugin ; il n’inclut pas la consultation, les configurations sur mesure ni les développements personnalisés. Conditions applicables.