Shopify metafields: cómo usar campos personalizados para mejorar tu feed

Hay 10 características principales que hacen que una página de producto sea excelente, y una de ellas es incluir información detallada del producto. En tu tienda Shopify puedes ir más allá de la lista estándar de campos para los productos, como el título del artículo, su descripción, imágenes, precio, SKU, y así sucesivamente.

La lista de atributos mencionada anteriormente es excelente para la mayoría de los productos. Sin embargo, algunos artículos requieren atributos no estándar para su presentación completa en la página del producto. Por ejemplo, podría ser un valor de sensibilidad para unos auriculares, el material del vestido, la corriente de carga para un cargador de pared, las calorías de un dulce, el tiempo de combustión de una vela, la fecha de caducidad del producto, los ingredientes del producto, etc.

Entonces, ¿cómo se enumeran los atributos de producto no estándar en una página de producto de una tienda Shopify? La respuesta son los metafields (también conocidos como campos personalizados).

Las tiendas suelen utilizar marketplaces en línea para generar ventas adicionales al promocionar sus productos a través de un feed de productos. Es importante incluir toda la información del producto para una mejor presentación del artículo en motores de búsqueda de compras en línea, por lo que es bueno incluir los datos de los metafields en tu feed de productos.

Información

Con la aplicación Mulwi Shopping Feeds puedes incluir metafields en el feed de productos. Haz que tus productos se destaquen en los marketplaces en línea y genera ventas adicionales.

Book a demo →App's User Guide

¿Qué son los metafields en Shopify?

Metafield es una forma en la que una tienda Shopify puede incluir casi cualquier información relacionada con un producto o una colección de productos. Estos datos pueden ser recuperados por aplicaciones y comerciantes dentro del administrador de Shopify.

Para utilizar un campo personalizado en Shopify, primero debes crearlo en el administrador de la tienda. Luego, en cada producto que tenga este metafield, debes llenar su valor. Por último, debes activar la visualización de los metafields en la interfaz de la tienda.

Cómo agregar metafields de Shopify en el administrador

Puedes colocar cada atributo no estándar en su metafield correspondiente. Para usar dicho campo personalizado, debes definirlo:

En tu administrador de Shopify:

• Ve a Configuración > Metafields.
• Selecciona la parte de la tienda donde deseas agregar un nuevo campo personalizado. Por ejemplo, Productos, Variantes de producto o Colecciones.

• Haz clic en Agregar definición.
  • Dale un nombre a este metafield y su descripción.
  • Deja Namespace y key como están.
  • Activa la opción Exponer este metafield a las solicitudes de la API de la tienda.

• Haz clic en Seleccionar tipo de contenido. Elige el tipo de valor del metafield. Puedes seleccionar entre los tipos FECHA Y HORA, MEDIDA, NÚMERO (Entero, Decimal), REFERENCIA (Archivo, Página, Producto, Variante de producto, Colección), TEXTO (Texto de una o varias líneas) u OTRO (Color, JSON, Dinero, Calificación, Verdadero o falso, URL).
• Selecciona Un valor o Lista de valores.

nota

Un metafield puede contener un valor o una lista de valores. Por ejemplo, si deseas agregar un campo personalizado para la fecha de caducidad de un producto. Para las dimensiones del producto (longitud, ancho, altura), un metafield con una lista de valores es más adecuado.

Una lista de valores de un metafield puede almacenar hasta 128 valores.

• Selecciona las reglas de validación para el metafield. Las opciones de validación dependen del tipo de contenido seleccionado en el paso anterior.

• Haz clic en el botón Guardar.
• Anota la clave de acceso del metafield para futuras referencias. Esta clave de acceso puede tener un formato como product.metafields.custom.product_certification.

Cómo completar los datos del metafield para un producto en el administrador de Shopify

Los metafields creados ahora son accesibles en la página de edición del producto en el administrador de Shopify. Para acceder rápidamente a un metafield específico en la página de edición del producto, puedes anclarlo en la configuración de Shopify.

Para completar los datos del metafield para un producto específico, sigue los siguientes pasos:

• Abre la página de edición del producto en el administrador de Shopify.
• Haz clic en el campo gris junto al nombre del metafield.
• Escribe el valor del metafield.
• Haz clic en Guardar.

Cómo editar metafields en masa en Shopify

Para editar un metafield de Shopify en masa, debes modificar una URL en la barra de direcciones de tu navegador. La URL del editor en masa se ve así:

https://NOMBRE-DE-TU-TIENDA.myshopify.com/admin/bulk?resource_name=Product&edit=metafields.custom.NAMESPACE-METAFIELD:TIPO-DE-CONTENIDO-DEL-METAFIELD

En el enlace de ejemplo anterior, reemplaza:

• NOMBRE-DE-TU-TIENDA con el nombre de tu tienda.
• NAMESPACE-METAFIELD con el espacio de nombres del metafield que has anotado anteriormente.
• TIPO-DE-CONTENIDO-DEL-METAFIELD con el tipo de contenido del metafield.

Aquí tienes un ejemplo de la URL:

https://test-store.myshopify.com/admin/bulk?resource_name=Product&edit=metafields.custom.product_certification:text

Cómo utilizar metafields en Shopify

Para mostrar los metafields de los productos de Shopify en el frontend de la tienda, es necesario conectarlos al tema del frontend de la tienda. Con un tema de Tienda en línea 2.0, los metafields se pueden activar a través del editor de temas. Los temas de generaciones anteriores requieren cambiar directamente el código del tema.

nota

Si quieres saber qué generación de tema frontend se utiliza en tu tienda Shopify, en el administrador, ve a Tienda en línea > Temas > Acciones > Editar código. Localiza el archivo product.json en la carpeta de Plantillas.

Si encuentras el archivo product.json, significa que tu tienda utiliza una segunda generación de temas de Shopify.

Habilitar metafields para una tienda con un tema de Tienda en línea 2.0

Los temas de frontend de Tienda en línea 2.0 proporcionan un editor en el navegador fácil de usar para habilitar los metafields:

• Abre el administrador de Shopify y ve a Tienda en línea > Tema.
• Haz clic en el botón Personalizar.
• Localiza la plantilla de página donde deseas colocar el campo personalizado. Por ejemplo, la plantilla de la página de producto.
• Agrega un nuevo bloque como marcador de posición del metafield. Cada bloque permite colocar hasta 20 campos personalizados.
• Haz clic en (icono de conectar origen dinámico).
• Selecciona el metafield que deseas mostrar en este tipo de página.
• Haz clic en Insertar.
• Agrega texto para describir el valor del campo personalizado en el frontend.
• Haz clic en Guardar.

Habilitar metafields para una tienda con un tema antiguo

Para habilitar los metafields en la generación anterior de temas frontend de Shopify, es necesario editar directamente la plantilla de la página.

En el panel de administración de Shopify:

• Ve a Tienda en línea > Temas.
• Haz clic en Acciones > Editar código.

• Localiza el archivo de plantilla de la página. Por ejemplo, un archivo de plantilla product-template.liquid para la página de Producto.
• Ve a la posición en la página donde se debe mostrar el campo personalizado.
• Inserta el código del metafield. Por ejemplo:

Código del campo personalizado para la página de producto de Shopify

Reemplaza METAFIELD-NAME y METAFIELD-NAMESPACE con un nombre frontend que se mostrará para el metafield y una clave de nombre de metafield que has anotado cuando creaste el campo personalizado.

<div class=”additional-attributes”>
<table>
<tbody>
<tr><th>METAFIELD-NAME</th><td>{{ product.metafields.METAFIELD-NAMESPACE }}</td></tr>
</tbody>
</table>
</div>

• Haz clic en Guardar.
• Verifica cómo se muestra el metafield en el frontend de la tienda.

Cómo incluir metafields en el feed de productos de Shopify

La aplicación Omega Commerce Shopping Feeds genera un feed de productos sin metafields. Para incluir campos personalizados en tu feed de productos, debes personalizar la plantilla del feed.

Paso 1. Activar la indexación de metafields

Puedes incluir metafields en tu feed de productos después de indexarlos.

En la aplicación Omega Commerce:

• Ve a Configuración Global > Indexación
• Habilita Indexar datos de metafields de productos y Indexar datos de metafields de variantes de productos

• Ve a Estado de Indexación
• Haz clic en Programar sincronización

Paso 2. Utilizar metafields de Shopify en un feed de productos

Después de que la indexación haya finalizado, puedes llamar a los metafields desde la plantilla del feed. Para obtener los datos del metafield, colócalo en el feed de la siguiente manera: {{ product.metafields.METAFIELD-NAMESPACE }}. Reemplaza METAFIELD-NAMESPACE con el espacio de nombres de tu metafield.

Aquí tienes un ejemplo de una plantilla personalizada de feed de productos XML con un metafield:

INPUT

{% for product in context.products %}
<item>
  <id><![CDATA[{{ product.sku }}]]></id>
  <title><![CDATA[{{ product.title }}]]></title>
  <metafield><![CDATA[{{ product.meta_fields.custom.product_certification }}]]></metafield>
</item>
{% endfor %}

OUTPUT

<item>
  <id><![CDATA[TOY139]]></id>
  <title><![CDATA[4"10-cm Digimon Tailmon Plush Toy]]></title>
  <metafield><![CDATA[Yes]]></metafield>
</item>

Aquí está cómo se ve ese metafield en la página de edición del producto en el administrador de la tienda Shopify:

Resumen

Los metafields son una excelente manera de presentar en una tienda Shopify atributos de productos no estándar, como la fecha de vencimiento o las calorías. Habilita estos campos personalizados en el frontend de la tienda y mejora la presentación de los productos para tus compradores.

Cuando una tienda genera ventas adicionales en marketplaces en línea (como Google Shopping, Fruugo, ShareASale o Idealo), presenta los productos a los clientes a través del feed de productos.

Con la aplicación Omega Commerce Shopping Feeds, puedes incluir metafields en tu feed de productos. Haz que tus productos en los marketplaces en línea sean más atractivos para los clientes y genera más ventas.

Book a demo →