Agregar muestras de color con metacampos de categoría
Los metacampos de categoría se asignan a categorías de producto específicas en Shopify's Standard Product Taxonomy. Los metacampos de categoría, que en la taxonomía se llaman atributos de producto, ayudan a agregar la información adecuada a los productos para que sean más fáciles de encontrar en el sitio, en mercados y en motores de búsqueda.
Por ejemplo, si agregas la categoría de producto Apparel & Accessories > Clothing > Clothing Tops > Shirts, puedes agregar metacampos de categoría para clothing size, neckline, sleeve length type y más. Según las predicciones de Shopify Magic, algunos metacampos de categoría se agregan de forma predeterminada. Es posible que se sugieran otros metacampos de categoría y puedes decidir agregarlos a la tienda. Los metacampos de categoría tienen entradas predeterminadas que puedes usar tal cual o personalizar.
Puedes vincular los metacampos de categoría a las opciones de variantes del producto y las entradas a los valores de las opciones. Esto significa que puedes cambiar el color black por graphite y los valores de las variantes se actualizan en cualquier lugar donde se use ese color. Cuando usas entradas de color como opciones de variantes, puedes display variant options as swatches for color options en las páginas de producto de la tienda online.
Puedes agregar metacampos de categoría a los productos directamente desde el panel de control de Shopify.
Para completar todos los pasos, necesitas un tema que admita opciones de variantes con muestras. Si usas temas vintage o quieres agregar funciones que el tema no admite, puedes edit your theme code o hire a Shopify Partner para recibir ayuda.
Este es un tutorial de 5 pasos que presenta Shopify's Standard Product Taxonomy, cómo agregar metacampos de categoría, conectar opciones de variantes a metacampos de categoría, personalizar las muestras de color en la tienda online y agregar muestras de color como filtro en la tienda con Search and Discovery app.
En esta página
Paso 1: Agregar una categoría de producto
La categoría de producto se selecciona de las categorías predefinidas en la taxonomía de productos estándar de Shopify.
La taxonomía de productos estándar de Shopify se usa para lo siguiente:
- Habilitar atributos de producto, llamados metacampos de categoría, que se asignan a cada categoría de producto.
- Gestiona mejor los productos en Shopify; por ejemplo, como condición para una colección o para ayudarte a filtrar la lista de productos.
- Facilitar la venta de productos en otros canales que requieren un tipo de producto estandarizado, como Facebook o Google.
- Determinar la tasa a la que se grava el producto cuando se usa Shopify Tax. Es posible que los productos estén sujetos a tasas especiales o exenciones. Cuando un producto se categoriza correctamente, se cobra la tasa de impuestos más precisa en el pago. Cobrar demasiado o muy poco impuesto sobre las ventas puede generar responsabilidades financieras o legales para el negocio.
Un ejemplo de categoría de producto es Apparel & Accessories > Clothing > Clothing Tops > Shirts. Esta es la categoría de ejemplo que se usa en este tutorial. Sin embargo, puedes agregar muestras de color para cualquier metacampo de categoría con el atributo de producto color.
Otros metacampos de categoría para Apparel & Accessories > Clothing > Clothing Tops > Shirts incluyen size, neckline, sleeve length type, top length type, age group, fabric, target gender y clothing features. Los metacampos de categoría tienen entradas predeterminadas que puedes usar tal cual o personalizar más para mantener la coherencia de la marca. Por ejemplo, si el color black no va con la marca, puedes cambiarlo a graphite.
Según la información y el contenido multimedia que proporciones para un producto, es posible que una categoría se complete automáticamente. Puedes cambiarla por otra.
Pasos:
Escritorio
En el panel de control de Shopify, ve a Products.
Haz clic en un producto.
En la sección Categoría, selecciona
Apparel & Accessories > Clothing > Clothing Tops > Shirtsu otra Categoría con el metacampo de categoría de color.Haz clic en Guardar.
Móvil
- Desde la Shopify app, toca el ícono
.
- Toca un producto para editarlo o busca uno.
- En la sección Categoría, toca Seleccionar categoría.
- Selecciona
Apparel & Accessories > Clothing > Clothing Tops > Shirtsu otra Categoría con el atributo de producto color. - Toca Guardar o ✓.
Paso 2: Agregar y editar entradas para los metacampos de categoría
Después de agregar una categoría de producto, puedes agregar todas las entradas que necesites para los valores de las opciones de variantes del producto.
Pasos:
Escritorio
En el panel de control de Shopify, ve a Products.
Haz clic en el producto con los metacampos de categoría que quieras editar o agregar.
Para agregar una de las entradas predeterminadas, completa estas tareas:
- En la sección Metacampos de categoría, haz clic en el metacampo de categoría y luego en la entrada que quieras editar.
- Edita los campos según sea necesario.
- Haz clic en Guardar.
Para agregar una entrada personalizada, completa estas tareas:
- En la sección Metacampos de categoría, haz clic en el metacampo de categoría y luego en Agregar nueva entrada
- Completa los campos de la entrada.
- Haz clic en Guardar.
Haz clic en Guardar.
Móvil
Desde la Shopify app, toca el ícono
.
Toca el producto con los metacampos de categoría que quieras editar o agregar.
Para agregar una de las entradas predeterminadas, completa estas tareas:
- En la sección Metacampos, toca Ver todo.
- Toca el metacampo de categoría. Selecciona valores adicionales.
- Toca Guardar o ✓.
Para agregar una entrada personalizada, completa estas tareas:
- En la sección Metacampos, toca Ver todo.
- Toca el metacampo de categoría.
- Toca +.
- Completa los campos de la entrada.
- Toca Guardar o ✓.
Paso 3: conectar los metacampos de categoría con las opciones de variante
En este tutorial, conectarás el metacampo de categoría de color. Puedes conectar otros metacampos de categoría según sea necesario.
Cuando agregas una variante, se muestra una lista de metacampos de categoría a los que puedes conectar, o puedes crear una opción personalizada.
Pasos:
Escritorio
En el panel de control de Shopify, ve a Products.
Haz clic en el producto que quieres editar.
En la sección Variantes, haz clic en + Agregar opciones como talla o color.
Si hay un metacampo de categoría disponible para conectar, selecciónalo. Los valores de la opción se completan automáticamente con las entradas que agregaste en el metacampo de categoría. Puedes seleccionar más valores de la opción o crear nuevos.
Opcional: si quieres agregar valores de opción personalizados, haz clic en Editar y luego en Agregar nueva entrada. Completa los campos de la entrada y haz clic en Guardar.
Haz clic en Guardar para guardar el producto.
Móvil
- Desde la Shopify app, toca el ícono
.
- Toca un producto.
- Si no tienes opciones de variante, en la sección Variantes, toca + Agregar opciones como talla o color. Si tienes opciones de variante, en la sección Opciones, toca Editar y luego Agregar opción.
- Si hay un metacampo de categoría disponible para conectar, tócalo para seleccionarlo. Los valores de la opción se completan automáticamente con las entradas que agregaste en el metacampo de categoría. Puedes seleccionar más valores de la opción o crear nuevos tocando Agregar valor y luego los valores que quieres agregar.
- Opcional: si quieres agregar valores de opción personalizados, escribe la opción en el campo Agregar valor. Toca + Agregar {option name}, completa los campos de la entrada y toca Guardar o ✓.
- Toca Guardar o ✓.
Migrar las opciones de variante a metacampos de categoría
Si ya creaste un producto con opciones de variante, puedes migrar los valores a metacampos de categoría y generar rápidamente varias combinaciones nuevas de variantes. Si usas metacampos de categoría para crear las opciones de variante, puedes actualizar los nombres de las opciones de variante en un solo lugar y se actualizan en todos los lugares donde esté conectado ese valor del metacampo de categoría.
Conecta el metacampo de categoría a una opción existente haciendo clic en el ícono de fuente dinámica ⛁;
Escritorio
Pasos:
En el panel de control de Shopify, ve a Products.
Haz clic en el producto con opciones de variante que quieres migrar a metacampos de categoría.
Opcional: si el producto no tiene una Categoría, completa uno de los siguientes pasos:
- Escribe la categoría del producto y luego selecciona el resultado más preciso en la lista Categoría de producto.
- Haz clic en cada nivel de las categorías y subcategorías hasta encontrar la categoría del producto.
- Haz clic en Sugerida para aceptar la categoría sugerida.
Para conectar la opción de variante a un metacampo de categoría, realiza una de estas acciones:
- Haz clic en una opción existente, haz clic en el ícono de fuente dinámica y luego haz clic en el metacampo de categoría que quieres conectar.
- Haz clic en Agregar otra opción y luego haz clic en el metacampo de categoría que quieres conectar.
Haz clic en Guardar.
Móvil
- Desde la Shopify app, toca el ícono
.
- Toca el producto con opciones de variante que quieres migrar a metacampos de categoría.
- Opcional: si el producto no tiene una Categoría, completa uno de los siguientes pasos:
- Toca Seleccionar categoría, escribe la categoría del producto y luego selecciona el resultado más preciso en la lista Categoría.
- Toca Seleccionar categoría, recorre cada nivel de las categorías y subcategorías para encontrar la categoría de producto más precisa y luego toca la categoría para seleccionarla.
- En la sección Opciones, toca Editar.
- Para conectar la opción de variante a un metacampo de categoría, realiza una de estas acciones:
- Toca una opción existente, toca Sin fuente conectada y luego toca el metacampo de categoría que quieres conectar.
- Toca Agregar opción y luego toca el metacampo de categoría que quieres conectar.
- Aparece un cuadro de diálogo con un mensaje que indica que se borrarán los valores existentes. Toca Continuar.
- Toca Guardar o ✓.
Paso 4: personalizar las muestras de color en la tienda online
A continuación, personaliza las muestras de color de la tienda online.


Personalizar las muestras en el tema
Si tienes un bloque Selector de variantes, las muestras deberían mostrarse de forma predeterminada. Puedes personalizar cómo se muestran en la configuración del bloque.
Pasos:
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Haz clic en Editar tema.
Ve al producto al que le agregaste opciones de color.
Opcional: para personalizar las muestras, haz clic en el bloque Selector de variantes. Puedes cambiar cómo se muestran las muestras eligiendo entre Círculo, Cuadrado o Ninguno.
Haz clic en Guardar para guardar el tema.
Ahora puedes ir a la página de producto de la tienda online y se muestran las muestras de color para los valores de la opción de variante.
Paso 5: agregar muestras de color como filtro en la búsqueda de la tienda
También puedes agregar muestras de color a los filtros de la tienda con la app Search and Discovery. Más información sobre la Search and Discovery app.
Si no tienes la Search and Discovery app instalada en la tienda, debes instalarla antes de completar estos pasos. Más información sobre installing apps.
Pasos:
- En la Shopify Search & Discovery app, ve a Filtros y haz clic en Agregar filtro.
- Haz clic en + Seleccionar fuente y luego selecciona Color con el tipo Metacampo de categoría.
- Opcional: Rename the filter.
- Opcional: Cambia el filter behavior.
- Opcional: Cambia la visualización. Haz clic en Administrar valores y selecciona Incluir muestra, que muestra el color predeterminado, y Usar imágenes cuando estén disponibles, que muestra las imágenes que agregues para los colores. Puedes dejar ambas opciones sin seleccionar para mostrar solo texto en la búsqueda.
- Opcional: Selecciona valores de filtro para group together as a single value.
- Opcional: Sort filter values.
- Haz clic en Guardar.
Opciones de color con muestras
La Shopify product taxonomy actualizada incluye un atributo de color estándar que permite agregar muestras de color a la tienda online. Para acceder a este atributo estándar, selecciona una categoría de producto que incluya un metacampo de categoría para color. Los siguientes category metafields admiten muestras de color:
Color del reversoColor del tapizado del respaldoColor de la bandaColor de la mantaColor del cuerpoColor del tapón traseroColorColor del toldoColor del estucheColor del núcleoColor de la cubiertaColor de la esferaColor de la puertaColor de la base del felpudoColor de la monturaColor de las lentesColor del diapasónColor de la florColor de la placa de descargaColor del calzadoColor de base de maquillajeColor del marcoColor del mueble/accesorioColor de la manijaColor de la carcasaColor de la tintaColor del instrumentoColor de la cuerda del instrumentoColor de la superficie de saltoColor del láserColor de la pataColor de la lenteColor de la luzColor del mástilColor del bolígrafoColor del posteColor del elevadorColor de la varillaColor de la base del sillínColor del asiento del sillínColor del asientoColor del tapizado del asientoColor del ejeColor de la sábanaColor del estanteColor de la carcasa/marcoColor de la tablillaColor del carreteColor de la cuerdaColor de la ventosaColor del tablero de la mesaColor del tanqueColor de las patillasColor de la parte superiorColor del tapizado