Dans l'environnement concurrentiel du commerce électronique, l'amélioration de l'intuitivité et de l'esthétique de la présentation des produits est directement liée aux décisions d'achat des utilisateurs.blocksy 2 Lancement du thème échantillons de variations Fonctions pourWooCommerceLa boutique propose une nouvelle fa?on d'afficher les variantes de produits. Grace à des options visuelles riches telles que des blocs de couleurs, des boutons et des images, les utilisateurs peuvent rapidement sélectionner leurs combinaisons de produits préférées et améliorer considérablement l'expérience d'achat.
![Image [1] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427162750241-image.png)
Qu'est-ce qu'un échantillon de variation ?
Variation Swatches est un moyen d'afficher les variantes de produits (par exemple, les couleurs, les tailles, les matériaux) sous forme de petites ic?nes visuelles ou de blocs de couleurs sur la page, en remplacement des menus déroulants traditionnels. Cette approche permet aux acheteurs de compléter leur sélection de manière plus intuitive et plus rapide.
Les types d'échantillons pris en charge sont les suivants :
- Bouton
- Couleur unique ou bicolore (couleur ou bicolore)
- Image (Image)
- Palette de couleurs mixtes (couleur + image)
blocksy 2 du système de palette de couleurs variante avec WooCommerce La fonctionnalité native d'Attributs est parfaitement compatible et facile à configurer, sans qu'aucun plug-in supplémentaire ne soit nécessaire.
? Rappel : Le module Variation Swatches fait partie de l'outil de gestion de l'information de la Commission européenne. blocksy Pro (utilisé comme expression nominale) Shop Extra Extension, abonnement professionnel ou abonnement d'agence requis.
Comment activer la fonction de palette de couleurs des variantes ?
Le processus d'habilitation est très simple :
- entrer dans WordPress Dans le backend, cliquez sur blocksy→ dans le menu de gauche. Extensions.
![Image [2] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427163121928-image.png)
- localiser Shop Extra activer le module d'extension échantillons de variations.
![Image [3] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427163154246-image.png)
Configurer les attributs du produit (Attributs)
Après avoir activé le module, vous devez définir le type d'échantillon pour les attributs du produit :
- Sélection des coulisses offres → causalité.
- Nouvelles propriétés ou modification des propriétés existantes.
![Image [4] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427163600501-image.png)
- Sélectionnez le type d'échantillon correspondant (par exemple, Image, Couleur, Bouton).
![Image [5] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427163657750-image.png)
- Après avoir sauvegardé les paramètres, dans l'entrée Propriétés (Termes) :
- Image Swatches : téléchargez une image représentant la variante.
- échantillons de blocs de couleurs : sélectionnez une ou deux combinaisons de couleurs.
- L'infobulle peut être définie pour ajouter des instructions d'aide à l'accessibilité.
![Image [6] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427163747933-image.png)
![Image [7] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427163955998-image.png)
![Image [8] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427164035690-image.png)
De cette manière, les options textuelles traditionnelles peuvent être facilement transformées en sélecteurs visuels vivants.
Configuration individuelle des différents produits
Si certains produits nécessitent une présentation particulière.blocksy 2 également autorisé dansInterface d'édition de produits variables individuelsdans la page des échantillons pour ajuster les styles d'échantillons individuellement. Il suffit de trouver la nouvelle option de paramétrage des échantillons sur la page d'édition du produit pour personnaliser l'affichage de chaque variante.
Optimisation du style dans le Customizer
Pour que la présentation du front-end soit esthétiquement agréable, blocksy 2 offre également une multitude d'options de personnalisation :
- entrer dans état extérieur → personnalisation.
- Localisation :WooCommerce → Général → échantillons de variations.
![Image [9] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427164717220-image.png)
- Personnalisable :
- Forme de la plaque de couleur (ronde ou carrée)
- Taille de l'échantillon
- Espacement des plaques de couleur
- Affichage ou non de la palette de couleurs et de la limite de quantité sur la page de liste des produits
Les pages de produits individuels affichent les palettes de couleurs des variantes par défaut, sans qu'aucune action supplémentaire ne soit nécessaire.
Spectacle d'effet frontal
Une fois l'option activée, les utilisateurs peuvent voir des sélecteurs de palette de couleurs clairs et intuitifs sur les pages de listage des produits et les pages détaillées des produits individuels. Les échantillons de couleurs améliorent non seulement l'esthétique visuelle, mais accélèrent également les décisions d'achat.
![Image [10] - Comment optimiser l'affichage de votre boutique WooCommerce à l'aide de la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427164908391-image.png)
En particulier, la prise en charge de palettes de couleurs mixtes (couleur + image) rend l'affichage des produits plus riche et plus détaillé, ce qui améliore considérablement l'expérience d'achat de l'utilisateur.
![Image [11] - Comment optimiser l'affichage de votre boutique WooCommerce à l'aide de la fonction d'échantillonnage de variantes de Blocksy 2](http://gqxi.cn/wp-content/uploads/2025/04/20250427165009762-image.png)
résumés
effet de levier blocksy 2 de la fonction de palette de couleurs de la variante.WooCommerce Les boutiques peuvent facilement présenter leurs produits de manière plus professionnelle et plus attrayante. Qu'il s'agisse de couleurs, d'images ou de boutons personnalisés, blocksy 2 offre un support solide pour améliorer l'expérience utilisateur et les taux de conversion.
Derniers articles
Lien vers cet article :http://gqxi.cn/fr/52489L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires