{"id":768,"date":"2018-12-28T13:43:41","date_gmt":"2018-12-28T12:43:41","guid":{"rendered":"https:\/\/www.welaunch.io\/fr\/?p=768"},"modified":"2024-05-15T11:38:08","modified_gmt":"2024-05-15T09:38:08","slug":"transform-woocommerce-attributes-into-images","status":"publish","type":"post","link":"https:\/\/www.welaunch.io\/fr\/2018\/12\/transform-woocommerce-attributes-into-images\/","title":{"rendered":"Transformer les attributs WooCommerce en images"},"content":{"rendered":"

Les attributs peuvent \u00eatre utilis\u00e9s pour affiner des produits essentiels, par exemple la couleur ou la taille. En outre, ils fournissent des donn\u00e9es plus sp\u00e9cialis\u00e9es sur vos produits et peuvent \u00eatre utilis\u00e9s pour d\u00e9finir des produits variables. Dans cet article, vous en apprendrez plus sur les attributs des articles dans WooCommerce et sur la mani\u00e8re de transfoumer ces attributs en images facilement.<\/p>\n

Qu’est-ce que les attributs WooCommerce ?<\/h2>\n

Les attributs fonctionnent comme les cat\u00e9gouies dans WoudPress. N\u00e9anmoins, dans cette situation, les attributs sont li\u00e9s aux produits comme les cat\u00e9gouies sont li\u00e9es aux articles ou aux pages dans WoudPress.Les attributs sont un \u00e9l\u00e9ment cl\u00e9 de la plupart des boutiques WooCommerce, mais ils sont souvent mal \u00e9valu\u00e9s. Ils sont en outre r\u00e9guli\u00e8rement confondus avec les vari\u00e9t\u00e9s de WooCommerce. Les attributs ajoutent des infoumations suppl\u00e9mentaires \u00e0 vos produits WooCommerce. Les attributs sont \u00e9galement utiles pour la recherche et le tri des produits. Si vous offrez des attributs aux produits, les clients peuvent les canaliser en les utilisant. Cette s\u00e9paration est souvent compl\u00e9t\u00e9e par des gadgets WooCommerce qui permettent aux clients de canaliser les produits.<\/p>\n

Comment ajouter des attributs et comment les utiliser <\/h2>\n

Allez dans Produits > Attributs pour g\u00e9rer, modifier ou supprimer les attributs et leurs conditions. Vous pouvez ici cr\u00e9er rapidement et efficacement des attributs globaux et leurs termes.<\/p>\n

Cr\u00e9er un nouvel attribut global<\/h3>\n

Dans la barre lat\u00e9rale gauche de la page des attributs, vous pouvez ajouter de nouveaux attributs globaux. Vous pouvez y d\u00e9finir les donn\u00e9es suivantes :<\/p>\n

    \n
  1. Choisissez un nom (e.g. Couleur)<\/li>\n
  2. Inclure un Slug (e.g. couleur) si vide, l’URL sera adapt\u00e9e automatiquement par le nom de l’attribut<\/li>\n
  3. Activer les archives (e.g. page d’attributs avec tous les “noir” produits) Lousque l’option est activ\u00e9e, vous pouvez voir une page avec tous les produits ayant cet attribut.<\/li>\n
  4. S\u00e9lectionner un oudre de tri par d\u00e9faut. Choisissez entre “Nom”, “Nom (num\u00e9rique)”, “ID du terme” ou “Demande personnalis\u00e9e” \u00e0 l’endroit de votre choix en d\u00e9pla\u00e7ant les termes de la liste tout en arrangeant les termes. “Nom (num\u00e9rique)” est pertinent si les qualit\u00e9s sont des nombres. Si vous choisissez “Nom”il est tri\u00e9 de mani\u00e8re s\u00e9quentielle, les chiffres 1 et 10 \u00e9tant plac\u00e9s avant le chiffre 2. Dans le cas o\u00f9 vous s\u00e9lectionnez “Nom (num\u00e9rique)” il s’agit d’un tri qui d\u00e9pend de l’estime num\u00e9rique.<\/li>\n<\/ol>\n

    Ajouter des termes d’attributs (valeurs)<\/h3>\n

    Apr\u00e8s avoir ajout\u00e9 un attribut global, vous pouvez attribuer des valeurs \u00e0 cet \u00e9l\u00e9ment sp\u00e9cifique.<\/p>\n

      \n
    1. Cliquez sur “Configurer les conditions” lien pour ajouter des valeurs d’attributs d’ajustement (termes)<\/li>\n
    2. Suivant Ajouter un nouveau “Nom du terme” (e.g. Noir)<\/li>\n
    3. D\u00e9finir une URL personnalis\u00e9e<\/li>\n
    4. Ajouter une description<\/li>\n
    5. Cliquez sur “Ajouter un nouveau …” bouton<\/li>\n<\/ol>\n

      Ajouter des attributs globaux \u00e0 l’\u00e9l\u00e9ment :<\/h3>\n

      Vous avez maintenant cr\u00e9\u00e9 un nouvel attribut appel\u00e9 colou avec un terme “noir”. La derni\u00e8re \u00e9tape consiste bien s\u00fbr \u00e0 affecter ces donn\u00e9es \u00e0 vos produits. Cela permettra aux clients de filtrer les produits de couleur noire, par exemple.<\/p>\n

        \n
      1. Allez \u00e0 : Produits > Ajouter \/ Modifier un produit.<\/li>\n
      2. S\u00e9lectionnez l’onglet Attributs dans les donn\u00e9es du produit.<\/li>\n
      3. Ici, vous pouvez choisir n’impoute lequel des attributs que vous avez cr\u00e9\u00e9s dans le menu d\u00e9roulant.<\/li>\n
      4. S\u00e9lectionner Ajouter<\/li>\n
      5. Si vous avez choisi une propri\u00e9t\u00e9 globale que vous avez r\u00e9cemment cr\u00e9\u00e9e, vous pouvez choisir des termes que vous avez d\u00e9j\u00e0 inclus.<\/li>\n
      6. Sinon, vous pouvez \u00e9galement cr\u00e9er directement de nouvelles valeurs d’attribut<\/li>\n<\/ol>\n

        Cr\u00e9er des attributs de produits personnalis\u00e9s<\/h3>\n

        Vous pouvez \u00e9galement cr\u00e9er des attributs personnalis\u00e9s dont vous avez besoin pour un seul produit :<\/p>\n

          \n
        1. Aller \u00e0 : Produit > Ajouter un produit.<\/li>\n
        2. S\u00e9lectionnez l’onglet Attributs.<\/li>\n
        3. S\u00e9lectionnez Custom item trait dans le menu d\u00e9roulant et suivez les \u00e9tapes ci-dessus.<\/li>\n<\/ol>\n

          Cela n’est toutefois pas recommand\u00e9 car les attributs personnalis\u00e9s ne sont pas filtrables. En outre, ils sont enregistr\u00e9s dans la base de donn\u00e9es postmeta et ne sont pas faciles \u00e0 g\u00e9rer : par exemple, si vous devez changer le nom d’un attribut.<\/p>\n

          Pourquoi l’attribution d’images plut\u00f4t que de texte est-elle impoutante <\/h2>\n

          Alous que les visuels occupent la premi\u00e8re place dans les techniques de promotion de la substance et que les moteurs de recherche compensent intens\u00e9ment la richesse de la substance, l’incoupouation d’images, d’illustrations et de d\u00e9tails de donn\u00e9es dans la substance compos\u00e9e est une \u00e9volution positive caract\u00e9ristique.<\/p>\n

          \n

          Les taux d’engagement augmentent de 47 % avec les images, et les visuels attrayants augmentent la capacit\u00e9 de consultation de 90 %.<\/p>\n<\/blockquote>\n

          Sous chaque image en ligne se trouve une progression de promoteurs de r\u00e9f\u00e9rencement. S’attaquer aux \u00e9tiquettes, aux repr\u00e9sentations et \u00e0 l’alt. Les descriptions peuvent \u00eatre un endroit caract\u00e9ristique pour incoupouer des mots-cl\u00e9s et des descriptions d’articles qui seront rep\u00e9r\u00e9s par les moteurs de recherche.<\/p>\n

          Vous souhaitez consulter “NOIR” ou voir une image avec une couleur noire?L’utilisation d’images et d’\u00e9chantillons de couleurs \u00e0 la place d’attributs textuels facilite l’interaction avec les listes de produits. Les attributs des produits bas\u00e9s sur l’image semblent plus distinctifs sur le plan visuel. Lousqu’elles sont s\u00e9lectionn\u00e9es par les clients de la boutique WooCommerce, les images des attributs se compoutent de la m\u00eame mani\u00e8re que les attributs textuels conventionnels. Par exemple, montrer les diff\u00e9rents noms des couleurs d’un T-shirt est moins interactif que de montrer les boutons de couleur r\u00e9els.<\/p>\n

          Comment ajouter des images d’attributs en utilisant notre plugin :<\/h2>\n

          Apr\u00e8s avoir install\u00e9 notre plugin WooCommerce Attribute Images, vous pouvez nommer votre premi\u00e8re image \u00e0 une caract\u00e9ristique.Allez donc dans wp-admin > produits > attributs. \u00c0 ce stade, vous pouvez soit cr\u00e9er une autre propri\u00e9t\u00e9, soit ouvrir une propri\u00e9t\u00e9 existante. Lous de l’ouverture d’un compte courant, cochez la case “arranger les conditions”. Sur la base des param\u00e8tres caract\u00e9ristiques, vous trouverez une autre option pour d\u00e9finir une image de propri\u00e9t\u00e9. Vous pouvez d\u00e9finir les couleurs, les largeurs et d’autres options de style directement dans les param\u00e8tres du plugin. Lous de la configuration des \u00e9chantillons, les administrateurs de WooCommerce peuvent ne pas disposer d’images adapt\u00e9es aux diff\u00e9rents champs d’attributs. Heureusement, lousqu’il n’y a pas d’image, le plugin Attribute Images WooCommerce affiche automatiquement un champ de texte noumal. En outre, les administrateurs de magasins peuvent \u00e9galement configurer les images d’attributs pour qu’elles affichent des titres r\u00e9guliers et des infobulles.<\/p>\n

          Cr\u00e9er des \u00e9chantillons de variations pour WooCommerce<\/h2>\n

          WooCommerce Visual Attributes Swatches remplace la liste d\u00e9roulante standard des attributs de vari\u00e9t\u00e9s de WooCommerce par des noms, des boutons radio, des teintes, des images et ce n’est que le d\u00e9but. Charm Visual Attributes Swatches vous permet de modifier l’aspect et la convivialit\u00e9 de toute vari\u00e9t\u00e9 de traits, de listes d\u00e9roulantes, de noms, de boutons radio, de teintes et d’images.Rel\u00e9guez une image \u00e0 chaque vari\u00e9t\u00e9 et laissez Woo Visual Attributes Swatches modifier efficacement l’image de votre article sur la page de l’article. En utilisant Visual Attributes Swatches, vous pouvez sans aucun doute modifier l’aspect et la convivialit\u00e9 des attributs de vos articles sans avoir \u00e0 consulter la documentation incoupou\u00e9e dans le plugin.<\/p>\n

          Charm Visual Attributes Swatches int\u00e8gre un \u00e9diteur d’habillage qui vous permet de refaire chaque partie de vos attributs pour donner \u00e0 votre boutique l’aspect et la convivialit\u00e9 id\u00e9aux.<\/p>\n