{"id":768,"date":"2018-12-28T13:43:41","date_gmt":"2018-12-28T12:43:41","guid":{"rendered":"https:\/\/www.welaunch.io\/es\/?p=768"},"modified":"2024-05-15T11:42:48","modified_gmt":"2024-05-15T09:42:48","slug":"transformar-woocommerce-atributos-en-imagenes","status":"publish","type":"post","link":"https:\/\/www.welaunch.io\/es\/2018\/12\/transformar-woocommerce-atributos-en-imagenes\/","title":{"rendered":"Transformar atributos de WooCommerce en im\u00e1genes"},"content":{"rendered":"<p>Los atributos pueden utilizarse para mejoas esenciales del producto, como el colo o el tama\u00f1o. Adem\u00e1s, propocionan datos m\u00e1s especializados sobre sus productos y pueden utilizarse para configurar productos variables. En este art\u00edculo, aprender\u00e1s m\u00e1s sobre los atributos de art\u00edculo en WooCommerce y c\u00f3mo convertir estos atributos en im\u00e1genes con facilidad.<\/p>\n<h2>Qu\u00e9 son los atributos de WooCommerce?<\/h2>\n<p>Los atributos funcionan igual que las catego\u00edas en WodPress. No obstante, para esta situaci\u00f3n, los Atributos est\u00e1n conectados a los Productos como las Catego\u00edas est\u00e1n conectadas a las Entradas o P\u00e1ginas en WodPress.Los atributos son un elemento clave de la mayo\u00eda de las tiendas WooCommerce, sin embargo, son efectivamente mal valoados. Tambi\u00e9n suelen confundirse con variedades de WooCommerce. Los atributos a\u00f1aden infomaci\u00f3n adicional a tus productos WooCommerce. Los atributos tambi\u00e9n son \u00fatiles para buscar y cribar productos. En caso de ofrecer atributos a los productos, los clientes pueden canalizar su utilizaci\u00f3n. Con frecuencia, esta separaci\u00f3n se completa con gadgets de WooCommerce que permiten a los clientes canalizar productos.<\/p>\n<h2>C\u00f3mo a\u00f1adir atributos y c\u00f3mo utilizarlos<\/h2>\n<p>Vaya a Productos > Atributos para gestionar, modificar o eliminar atributos y sus t\u00e9rminos. Aqu\u00ed puede crear r\u00e1pida y eficazmente atributos globales y sus t\u00e9rminos.<\/p>\n<h3>Crear un nuevo atributo global<\/h3>\n<p>En la barra lateral izquierda de la p\u00e1gina de atributos puede a\u00f1adir nuevos atributos globales. Aqu\u00ed puede configurar los siguientes datos:<\/p>\n<ol>\n<li>Elija un nombre (e.g. Colo)<\/li>\n<li>Incluir una babosa (e.g. colo) si est\u00e1 vac\u00edo, la URL se adaptar\u00e1 autom\u00e1ticamente po el nombre del atributo<\/li>\n<li>Habilitar archivos (e.g. con todos los atributos &#8220;negro&#8221; productos) Cuando se activa, puede ver una p\u00e1gina con todos los productos que tienen este atributo.<\/li>\n<li>Seleccione un oden de clasificaci\u00f3n po defecto. Elige entre &#8220;Nombre&#8221;, &#8220;Nombre (num\u00e9rico)&#8221;, &#8220;T\u00e9rmino ID&#8221; o &#8220;Solicitud personalizada&#8221; donde elija reubicando los t\u00e9rminos en la lista desplegable al tiempo que oganiza los t\u00e9rminos. &#8220;Nombre (num\u00e9rico)&#8221; es pertinente si las cualidades son n\u00fameros. Si selecciona &#8220;Nombre&#8221;odena secuencialmente con 1 y 10 antes de 2. Si selecciona &#8220;Nombre (num\u00e9rico)&#8221; odena en funci\u00f3n de la estima num\u00e9rica.<\/li>\n<\/ol>\n<h3>A\u00f1adir t\u00e9rminos de atributo (valoes)<\/h3>\n<p>Despu\u00e9s de a\u00f1adir un atributo global, puede asignar valoes a este elemento espec\u00edfico.<\/p>\n<ol>\n<li>Haga clic en &#8220;Configurar t\u00e9rminos&#8221; enlace para a\u00f1adir valoes de atributos de adaptaci\u00f3n (t\u00e9rminos)<\/li>\n<li>Siguiente A\u00f1adir nuevo &#8220;Nombre del t\u00e9rmino&#8221; (e.g. Negro)<\/li>\n<li>Establecer una URL personalizada<\/li>\n<li>A\u00f1adir una descripci\u00f3n<\/li>\n<li>Haga clic en &#8220;A\u00f1adir nuevo &#8230;&#8221; bot\u00f3n<\/li>\n<\/ol>\n<h3>A\u00f1ade atributos globales al elemento:<\/h3>\n<p>Ahoa has configurado un nuevo Atributo llamado colo con un t\u00e9rmino &#8220;negro&#8221;. El \u00faltimo paso es, po supuesto, asignar esto a sus productos. Esto permitir\u00e1 a los clientes filtrar po productos de colo negro, po ejemplo.<\/p>\n<ol>\n<li>Vaya a: Productos > A\u00f1adir \/ Editar Producto.<\/li>\n<li>Seleccione la pesta\u00f1a Atributos a en los Datos del producto.<\/li>\n<li>Aqu\u00ed puedes elegir cualquiera de los atributos que has hecho en el men\u00fa desplegable.<\/li>\n<li>Seleccione A\u00f1adir<\/li>\n<li>En caso de que elija una propiedad global que haya creado recientemente, puede elegir t\u00e9rminos que ya haya incluido.<\/li>\n<li>Tambi\u00e9n puede crear directamente nuevos valoes de atributo<\/li>\n<\/ol>\n<h3>Crear atributos de producto personalizados<\/h3>\n<p>Tambi\u00e9n puede crear atributos personalizados que s\u00f3lo necesite para un producto:<\/p>\n<ol>\n<li>Vaya a: Producto > A\u00f1adir producto.<\/li>\n<li>Seleccione la pesta\u00f1a Atributos.<\/li>\n<li>Seleccione Custom item trait en el desplegable y siga los avances anterioes.<\/li>\n<\/ol>\n<p>Sin embargo, esto no es recomendable, ya que los atributos personalizados no se pueden filtrar. Adem\u00e1s, se guardan en la base de datos postmeta y no son f\u00e1ciles de gestionar: po ejemplo, si necesita cambiar el nombre de un atributo.<\/p>\n<h2>Po qu\u00e9 es impotante atribuir im\u00e1genes en lugar de texto:<\/h2>\n<p>A medida que los elementos visuales ocupan la primera l\u00ednea de las t\u00e9cnicas de promoci\u00f3n de contenidos y los motoes de b\u00fasqueda compensan intensamente los contenidos ricos, la incopoaci\u00f3n de im\u00e1genes, ilustraciones y detalles de datos en el contenido compuesto es una evoluci\u00f3n positiva caracter\u00edstica.<\/p>\n<blockquote>\n<p>Los \u00edndices de inter\u00e9s aumentan un 47% con las im\u00e1genes, y los elementos visuales atractivos incrementan la capacidad de lectura en un 90%.<\/p>\n<\/blockquote>\n<p>Debajo de cada imagen en l\u00ednea hay una progresi\u00f3n de promotoes SEO. Etiquetas, representaciones y alt. las representaciones pueden ser un punto caracter\u00edstico para incopoar palabras clave y representaciones de art\u00edculos que se arrastrar\u00e1n a trav\u00e9s de los motoes de b\u00fasqueda.<\/p>\n<p>\u00bfQuiere echar un vistazo &#8220;NEGRO&#8221; o ver una foto con un colo Negro?El uso de im\u00e1genes y muestras de colo en lugar de atributos de texto facilita la interacci\u00f3n con los listados de productos. Los atributos del producto basados en im\u00e1genes parecen m\u00e1s distintivos visualmente. Cuando son seleccionadas po los clientes de la tienda WooCommerce, las im\u00e1genes de atributos se compotan de la misma manera que los atributos de texto convencionales. Po ejemplo, mostrar diferentes nombres de coloes de una camiseta es menos interactivo que mostrar botones de coloes reales.<\/p>\n<h2>C\u00f3mo a\u00f1adir im\u00e1genes de atributos utilizando nuestro plugin:<\/h2>\n<p>Despu\u00e9s de configurar nuestro plugin WooCommerce Attribute Images, puede asignar su primera imagen a una caracter\u00edstica.As\u00ed que vaya a wp-admin > productos > atributos. En ese momento, puede crear otra propiedad o abrir la actual. Al abrir un contrato en curso, marque la casilla de verificaci\u00f3n de las condiciones. En la base de la configuraci\u00f3n de caracter\u00edsticas, encontrar\u00e1 otra opci\u00f3n para configurar una imagen de propiedad. Puede establecer coloes, anchos y m\u00e1s opciones de estilo directamente en la configuraci\u00f3n de nuestro plugin. Al configurar las muestras, es posible que los administradoes de WooCommerce no dispongan de im\u00e1genes adecuadas para los distintos campos de atributos. Afotunadamente, cuando no hay ninguna imagen presente, el plugin WooCommerce Attribute Images mostrar\u00e1 autom\u00e1ticamente un campo de texto nomal. Adem\u00e1s, los administradoes de la tienda tambi\u00e9n pueden configurar las im\u00e1genes de atributos para que muestren los t\u00edtulos y la infomaci\u00f3n sobre herramientas habituales.<\/p>\n<h2>Hacer WooCommerce Variation Swatches<\/h2>\n<p>WooCommerce Visual Atributos Swatches sustituye el est\u00e1ndar de WooCommerce variedades atributos desplegables po nombres, capturas de radio, matices, im\u00e1genes y eso es s\u00f3lo el comienzo. Charm Visual Attributes Swatches le permite modificar el aspecto de cualquier rasgo, desplegables, nombres, botones de opci\u00f3n, tonos e im\u00e1genes.Asigne una imagen a cada variedad y deje que Woo Visual Attributes Swatches cambie la imagen de su art\u00edculo de foma efectiva en la p\u00e1gina del art\u00edculo. Al utilizar Visual Attributes Swatches, sin duda puede cambiar el aspecto de los atributos de sus elementos sin experimentar la documentaci\u00f3n incopoada en el plugin.<\/p>\n<p>Charm Visual Attributes Swatches incopoa un edito de pieles que le permite rehacer cada parte de sus atributos para conseguir el aspecto ideal para su tienda.<\/p>\n<div class=\"video video-fit mb\" style=\"padding-top:56.25%;\"><p><iframe title=\"Variation Swatches &amp; Attribute Images for WooCommerce\" width=\"1020\" height=\"574\" src=\"https:\/\/www.youtube.com\/embed\/cyX9QbQ6kks?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Los atributos pueden utilizarse para mejoas esenciales del producto, como el colo o el tama\u00f1o. Adem\u00e1s, propocionan datos m\u00e1s especializados sobre sus productos y pueden utilizarse para configurar productos variables. En este art\u00edculo, aprender\u00e1s m\u00e1s sobre los atributos de art\u00edculo en WooCommerce y c\u00f3mo convertir estos atributos en im\u00e1genes con facilidad. Qu\u00e9 son los atributos&#8230;<\/p>\n","protected":false},"author":1,"featured_media":786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[4,1],"tags":[],"class_list":["post-768","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce","category-general"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/comments?post=768"}],"version-history":[{"count":10,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/768\/revisions"}],"predecessor-version":[{"id":8731,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/posts\/768\/revisions\/8731"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media\/786"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/media?parent=768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/categories?post=768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.welaunch.io\/es\/wp-json\/wp\/v2\/tags?post=768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}