Agregar instrucciones de cuidado del producto con metacampos

Los metacampos te ayudan a personalizar la funcionalidad y la apariencia de tu tienda Shopify, ya que permiten guardar información especializada que normalmente no se captura en el panel de control de Shopify. Puedes usar los metacampos internamente en el panel de control y también optar por mostrarlos en la tienda online.

A continuación, algunos ejemplos de metacampos y dónde puedes usarlos:

  • Crea instrucciones de envío para los productos, por ejemplo información sobre el material de empaque, para la página de producto en el panel de control de Shopify.
  • Crea un tiempo estimado de procesamiento o envío, como Se envía en 1 día, y muéstralo en las páginas de producto de la tienda online.
  • Agrega información de color a los productos, como rojo, negro o azul, y muéstrala en las páginas de producto de la tienda online o úsala para crear smart collections by metafields.
  • Algunas categorías de producto incluyen metacampos de categoría color. Después de seleccionar una categoría para un producto, puedes agregar entradas de color al metacampo de la categoría de color. Puedes conectar las entradas de color con las opciones de la variante. Cuando usas las entradas de color como opciones de la variante, puedes display variant options as swatches for color options en las páginas de producto de la tienda online. Más información sobre category metafields.

Puedes agregar metacampos a los productos, colecciones, clientes, pedidos y otras partes de la tienda directamente desde el panel de control de Shopify.

Si tienes un theme that supports dynamic sources, puedes conectar la mayoría de los metacampos a tu tema con el editor de temas. Si usas temas vintage o si quieres agregar tipos de metacampos que tu tema no admite, puedes edit your theme code o contratar a un Shopify Partner para que te ayude. Más información sobre hiring a Shopify Partner.

Tutorial de instrucciones de cuidado del producto

En este tutorial aprenderás a crear un metacampo para las instrucciones de cuidado del producto y a mostrarlas en la tienda online.

Qué aprenderás

Cuando termines este tutorial, habrás logrado lo siguiente:

  • Crear una definición de metacampo
  • Agregar valores a los metacampos
  • Publicar los metacampos

Paso uno: crear una definición de metacampo

  1. En el panel de control de Shopify, ve a Configuración > Metacampos y metaobjetos.

  2. En la sección Metacampos, haz clic en Metacampos de producto.

  3. Haz clic en Agregar definición.

  4. En el campo Nombre, introduce Guía de cuidado. Debajo del campo, aparece una burbuja de definición estándar sugerida. Haz clic en la burbuja Guía de cuidado para usar la definición estándar. Obtén más información sobre las definiciones de metacampo estándar.

  5. Haz clic en Guardar.

Una vez que guardes la definición de metacampo, puedes empezar a adding values to metafields.

Paso dos: agregar valores a los metacampos

  1. Desde tu panel de control de Shopify, ve a Productos.

  2. Haz clic en un producto al que quieras agregar instrucciones de cuidado.

  3. En Metacampos de producto, haz clic en Guía de cuidado. Ingresa las instrucciones de cuidado.

  4. Haz clic en Guardar.

Repite los pasos anteriores para agregar valores a ese metacampo en otros productos.

Luego, publish your metafield to your online store.

Paso tres: publica tu metacampo en tu tienda online

Ahora que agregaste valores a los metacampos de los productos, es momento de mostrar el metacampo en la tienda. En este paso, usa el editor de temas para seleccionar los bloques y secciones donde se vinculará el metacampo.

Después de agregar una sección o un bloque, puedes seleccionar un metacampo haciendo clic en el ícono Conectar fuente dinámica:

Ícono de conectar fuente dinámica

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

  2. Junto al tema que quieres editar, haz clic en Editar tema.

  3. Usa el menú desplegable en la parte superior de la pantalla para seleccionar Productos > Producto predeterminado. Se carga la plantilla de producto predeterminada en el editor de temas.

  4. En la sección Información del producto, haz clic en Agregar bloque > Fila desplegable.

  5. Ingresa un encabezado.

  6. Opcional: elige un ícono de la lista o haz clic en Ninguno para no usar ícono.

  7. Junto a contenido de la fila, haz clic en el ícono Conectar fuente dinámica y selecciona Guía de cuidado.

  8. Haz clic en Guardar para publicar las instrucciones de cuidado del producto.

Las instrucciones de cuidado solo se mostrarán en los productos a los que estén conectadas y la sección queda vacía en los productos que no tienen un valor para ese metacampo. Esto significa que puedes configurar una única plantilla de producto que funcione para todos los productos.