Ajouter des couleurs de variations aux produits WooCommerce avec blocksy 2

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

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
  • 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

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 offrescausalité.
  • 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
  • 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
  • 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
Image [7] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2
Image [8] - Comment optimiser l'affichage d'une boutique WooCommerce en utilisant la fonction d'échantillonnage de variantes de Blocksy 2

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érieurpersonnalisation.
  • 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
  • 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

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

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


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨詢:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
? Déclaration de reproduction
Cet article a été écrit par : les voleurs seront des souris et des rats.
LA FIN
Si vous l'aimez, soutenez-le.
félicitations1034 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires