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.

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
  1. En el panel de control de Shopify, ve a Products.

  2. Haz clic en un producto.

  3. En la sección Categoría, selecciona Apparel & Accessories > Clothing > Clothing Tops > Shirts u otra Categoría con el metacampo de categoría de color.

  4. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Productos .
  2. Toca un producto para editarlo o busca uno.
  3. En la sección Categoría, toca Seleccionar categoría.
  4. Selecciona Apparel & Accessories > Clothing > Clothing Tops > Shirts u otra Categoría con el atributo de producto color.
  5. 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
  1. En el panel de control de Shopify, ve a Products.

  2. Haz clic en el producto con los metacampos de categoría que quieras editar o agregar.

  3. Para agregar una de las entradas predeterminadas, completa estas tareas:

    1. En la sección Metacampos de categoría, haz clic en el metacampo de categoría y luego en la entrada que quieras editar.
    2. Edita los campos según sea necesario.
    3. Haz clic en Guardar.
  4. Para agregar una entrada personalizada, completa estas tareas:

    1. En la sección Metacampos de categoría, haz clic en el metacampo de categoría y luego en Agregar nueva entrada
    2. Completa los campos de la entrada.
    3. Haz clic en Guardar.
  5. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Productos .

  2. Toca el producto con los metacampos de categoría que quieras editar o agregar.

  3. Para agregar una de las entradas predeterminadas, completa estas tareas:

    1. En la sección Metacampos, toca Ver todo.
    2. Toca el metacampo de categoría. Selecciona valores adicionales.
    3. Toca Guardar o .
  4. Para agregar una entrada personalizada, completa estas tareas:

    1. En la sección Metacampos, toca Ver todo.
    2. Toca el metacampo de categoría.
    3. Toca +.
    4. Completa los campos de la entrada.
    5. 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
  1. En el panel de control de Shopify, ve a Products.

  2. Haz clic en el producto que quieres editar.

  3. En la sección Variantes, haz clic en + Agregar opciones como talla o color.

  4. 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.

  5. 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.

  6. Haz clic en Guardar para guardar el producto.

Móvil
  1. Desde la Shopify app, toca el ícono Productos .
  2. Toca un producto.
  3. 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.
  4. 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.
  5. 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 .
  6. 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:

  1. En el panel de control de Shopify, ve a Products.

  2. Haz clic en el producto con opciones de variante que quieres migrar a metacampos de categoría.

  3. 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.
  4. 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.
  5. Haz clic en Guardar.

Móvil
  1. Desde la Shopify app, toca el ícono Productos .
  2. Toca el producto con opciones de variante que quieres migrar a metacampos de categoría.
  3. 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.
  4. En la sección Opciones, toca Editar.
  5. 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.
  6. Aparece un cuadro de diálogo con un mensaje que indica que se borrarán los valores existentes. Toca Continuar.
  7. 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.

Ejemplo de tienda online con opciones de muestras seleccionables

Ejemplo de configuración de Dawn para muestras

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:

  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.

  2. Haz clic en Editar tema.

  3. Ve al producto al que le agregaste opciones de color.

  4. 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.

  5. 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.

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:

  1. En la Shopify Search & Discovery app, ve a Filtros y haz clic en Agregar filtro.
  2. Haz clic en + Seleccionar fuente y luego selecciona Color con el tipo Metacampo de categoría.
  3. Opcional: Rename the filter.
  4. Opcional: Cambia el filter behavior.
  5. 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.
  6. Opcional: Selecciona valores de filtro para group together as a single value.
  7. Opcional: Sort filter values.
  8. 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 reverso
  • Color del tapizado del respaldo
  • Color de la banda
  • Color de la manta
  • Color del cuerpo
  • Color del tapón trasero
  • Color
  • Color del toldo
  • Color del estuche
  • Color del núcleo
  • Color de la cubierta
  • Color de la esfera
  • Color de la puerta
  • Color de la base del felpudo
  • Color de la montura
  • Color de las lentes
  • Color del diapasón
  • Color de la flor
  • Color de la placa de descarga
  • Color del calzado
  • Color de base de maquillaje
  • Color del marco
  • Color del mueble/accesorio
  • Color de la manija
  • Color de la carcasa
  • Color de la tinta
  • Color del instrumento
  • Color de la cuerda del instrumento
  • Color de la superficie de salto
  • Color del láser
  • Color de la pata
  • Color de la lente
  • Color de la luz
  • Color del mástil
  • Color del bolígrafo
  • Color del poste
  • Color del elevador
  • Color de la varilla
  • Color de la base del sillín
  • Color del asiento del sillín
  • Color del asiento
  • Color del tapizado del asiento
  • Color del eje
  • Color de la sábana
  • Color del estante
  • Color de la carcasa/marco
  • Color de la tablilla
  • Color del carrete
  • Color de la cuerda
  • Color de la ventosa
  • Color del tablero de la mesa
  • Color del tanque
  • Color de las patillas
  • Color de la parte superior
  • Color del tapizado