Cómo crear metacampos y metaobjetos de Shopify [2024]

Al diseñar una tienda de comercio electrónico, una de las cosas que más importa es la flexibilidad en la personalización , y esa es un área en la que Shopify ha estado relativamente limitado.

Pero lo mejor de Shopify es que evoluciona y mejora constantemente su tecnología. Por eso, Shopify presentó estas dos excelentes funciones: metacampos y metaobjetos de Shopify.

En esta publicación de blog, explicaremos qué son los metacampos y metaobjetos de Shopify, sus ejemplos y la guía paso a paso sobre cómo crear metacampos y metaobjetos para diversos propósitos.

Metacampos vs Metaobjetos: ¿cuál es la diferencia?

Los metacampos y metaobjetos de Shopify son nombres y características que suenan similares; sin embargo, existe una diferencia sutil en sus casos de uso.

He aquí la forma más sencilla de explicar la diferencia:

El metacampo de Shopify te permite agregar un bloque de información o contenido en las páginas de tu tienda (por ejemplo, un bloque de texto de ingredientes), más allá de los campos predeterminados disponibles en una página.

El metaobjeto de Shopify te permite agregar una sección completa de información o contenido que puede incluir múltiples bloques (por ejemplo, una imagen + texto para la foto de perfil y la biografía del autor respectivamente).

Ahora, exploremos ambas características en detalle:

¿Qué son los metacampos en Shopify?

“Metacampos” es una función de personalización de la tienda Shopify que te permite agregar más campos a las páginas de tu tienda, además de los campos predeterminados que aparecen en el administrador de Shopify.

Es decir, puedes agregar campos de datos personalizados independientes a ciertas partes de una página de tienda específica, como agregar un campo de texto en la página de tu producto o colección.

¿Por qué necesitas metacampos en Shopify?

Uno de los mayores casos de uso que puedes encontrar para los metacampos es la personalización de tus páginas de productos, porque ahí es donde debes ser muy creativo y apuntar a maximizar las conversiones.

Dicho esto, también puedes crear metacampos para otros casos de uso, por ejemplo, variantes, clientes, colecciones, pedidos, publicaciones de blog, etc.

Pero, de nuevo, tomemos el ejemplo más común, es decir, el uso de metacampos para páginas de productos. Cuando creas una página de productos, de forma predeterminada, Shopify te permite agregar información en ciertos campos como:

• Título
• Descripción
• Medios de comunicación
• Precios
• Variantes

Entonces, ¿qué sucede si desea agregar un campo completamente nuevo que no está disponible en los campos predeterminados anteriores? Por ejemplo, supongamos que desea agregar un campo dedicado a "Preguntas frecuentes" . De manera predeterminada, no existe dicho campo en el editor de páginas de productos.

Ahí es donde los metacampos pueden ayudarte a crear este nuevo campo.

¿Qué son los metaobjetos en Shopify?

“Metaobjects” es una función de Shopify que te permite crear una sección de información estructurada que puedes agregar en cualquier lugar de las páginas de tu tienda para una mayor personalización.

¿Por qué necesitas metacampos en Shopify?

Supongamos que ha creado una tienda Shopify con un modelo de negocio de mercado y desea vender productos de varias marcas. En cada página de producto, desea mostrar el perfil de la marca, es decir, el nombre de la marca, el logotipo, la descripción, etc.

En lugar de insertar estos detalles en todas las descripciones de productos, puede crear un metaobjeto para los perfiles de marca que incluya múltiples campos para todos estos detalles.

Veremos una demostración práctica de esto en nuestra guía paso a paso más adelante en este artículo.

Más información: Los 7 mejores creadores de sitios web para principiantes: características, ventajas y desventajas

¿Cómo crear metacampos en Shopify?

Primero, repasemos la guía paso a paso sobre cómo crear y usar metacampos de Shopify.

Analizamos un ejemplo de creación de un campo de preguntas frecuentes dedicado a las páginas de productos. Por lo tanto, continuaremos con el mismo ejemplo y crearemos un metacampo de producto para un campo de preguntas frecuentes.

Paso n.° 1: Abra la configuración de “Datos personalizados”

Vaya al administrador de Shopify y haga clic en Configuración > Datos personalizados .

Encontrarás dos secciones:

1. Definiciones de metacampos
2. Definiciones de metaobjetos

Paso n.° 2: Elija una definición de metacampo

Dependiendo de sus necesidades, elija una definición de metacampo.

Dado que necesitamos agregar un campo de preguntas frecuentes a las páginas de productos, seleccione Productos en Definiciones de metacampos .

Paso n.° 3: agregar la definición del metacampo

Luego, haga clic en el botón Agregar definición para crear su primer metacampo de producto.

Complete los detalles necesarios: nombre y descripción del metacampo. Hemos insertado “Preguntas frecuentes” en el campo de nombre. Luego, agregue la descripción que nos puede ayudar a identificar de qué se trata el metacampo.

Haga clic en el botón “Seleccionar tipo” para elegir el tipo de metacampo que desea utilizar para el campo de preguntas frecuentes.

Aquí, elegimos el metacampo “Texto enriquecido” porque le permite agregar varias líneas y también puede usar funciones de texto como:

• Encabezados y párrafos
• Fuentes en negrita y cursiva
• Enlaces URL
• Puntos de viñetas
• Listas numeradas

Haga clic en el botón Guardar para finalizar la configuración del metacampo de su producto.

Como puede ver a continuación, el metacampo de preguntas frecuentes del producto ya está listo.

Paso n.° 4: agregue el valor del metacampo en las páginas del producto

Ahora, en cualquier página de producto que abras en el administrador de Shopify, verás esta sección Metacampos con el campo de preguntas frecuentes que acabamos de crear.

Pero tú decides en qué productos quieres que aparezca el campo de preguntas frecuentes. Si dejas este campo en blanco en determinados productos, las páginas de esos productos no mostrarán las preguntas frecuentes. Por lo tanto, ve a las páginas de productos específicas en las que quieres añadir el campo de preguntas frecuentes.

Nota al margen: incluso puedes usar la función de edición masiva para agregar este metacampo en varios productos.

Vaya a la sección Metacampos e inserte el texto.

Como se mencionó anteriormente, utilizamos funciones de texto como encabezados, párrafos y enlaces URL para crear un campo de preguntas frecuentes fácil de usar. Esto ayuda a mejorar la legibilidad y la optimización de motores de búsqueda (SEO) .

Una vez hecho esto, presione el botón Guardar en la barra superior.

Ahora el producto tiene un metacampo guardado en el backend. Sin embargo, aún no aparecerá en el sitio web publicado. Para ello, avanzaremos al siguiente paso.

Paso n.° 5: personaliza tu tema

Ahora es el momento de personalizar tu tema para colocar el metacampo en la plantilla de tu página de producto.

Vaya a Canales de ventas > Tienda en línea > Temas y luego haga clic en el botón Personalizar en su tema publicado actualmente.

Necesitaremos abrir la plantilla de la página del producto en el editor de temas de Shopify.

Vaya al producto específico en el que agregó el metacampo de preguntas frecuentes para que podamos ver los cambios en vivo.

Una vez que hagas clic en el producto, el editor de Shopify abrirá la plantilla “Producto predeterminado” . En esta plantilla, haz clic en el botón “Agregar sección” y selecciona la sección “Texto enriquecido” .

En la sección “Texto enriquecido” , puedes conservar los bloques que necesitas y ocultar o eliminar otros bloques que no sean necesarios. Aquí, ocultamos el primer y el tercer bloque, y usamos el bloque central que dice “Compartir información…”.

Eliminaremos el texto predeterminado en ese bloque. (Puedes conservarlo si lo necesitas).

Luego, haz clic en el ícono que dice “Conectar fuente dinámica” que se encuentra arriba . Verás el metacampo de preguntas frecuentes en el menú desplegable. Haz clic en Preguntas frecuentes y se insertará en la plantilla de la página de tu producto.

Ahora puedes personalizar la sección con un color diferente si lo deseas. Solo cambiamos el color de fondo a negro.

Una vez que todo esté configurado, simplemente haga clic en el botón Guardar para publicar los cambios.

Obtenga una vista previa de cómo aparecerán los cambios en su sitio web en vivo.

¡Y eso es todo!

Hemos creado y publicado un metacampo de producto que nos ayudó a agregar un campo de preguntas frecuentes en la página del producto. De manera similar, puedes crear muchos tipos diferentes de metacampos para productos, variantes, colecciones, publicaciones de blog, etc.

Consejo profesional: si quieres darle estilo a tu campo de preguntas frecuentes con un elemento de diseño atractivo, puedes usar GemPages , una de las aplicaciones de creación de páginas más populares de Shopify. GemPages facilita el diseño no solo de preguntas frecuentes, sino también de cualquier sección de tu tienda Shopify, con funciones avanzadas, plantillas diseñadas profesionalmente y un editor visual de arrastrar y soltar.

¿Cómo crear metaobjetos en Shopify?

Ahora, veamos la guía paso a paso sobre cómo crear metaobjetos en Shopify. Continuaremos con el ejemplo que comentamos antes, es decir, cómo crear perfiles de marca con metaobjetos.

Paso n.° 1: crear una definición de metaobjeto

Primero, ve a la administración de Shopify > Configuración > Datos personalizados . Desplázate un poco hacia abajo y verás la sección de metaobjetos que dice: “Define tu primer metaobjeto” . Luego, haz clic en “Agregar definición” .

Inserte el nombre y la descripción del metaobjeto.

Ahora es el momento de crear los campos que queremos incluir en nuestra sección de metaobjetos. Crearemos los siguientes campos:

1. Nombre de marca
2. Logotipo de la marca
3. Categoría de marca
4. Descripción de la marca

Para el campo Nombre de marca, utilizaremos el campo “Texto de una sola línea” porque solo necesitamos una línea de texto para los nombres de marca. (Según el tipo de información, puedes elegir el campo correspondiente).

Ahora, agregaremos más información y estableceremos reglas para este campo. Para los campos obligatorios, marque la pestaña “Campo obligatorio” . Una vez hecho esto, haga clic en el botón Agregar .

Entonces, se crea nuestro campo Nombre de marca . A continuación, crearemos otro campo para Logotipo de marca . Como el logotipo de marca sería una imagen, seleccionaremos Archivo en el tipo de campo.

Luego, agrega los detalles y las reglas para el campo Archivo . Como necesitamos agregar una imagen del logotipo de la marca, puedes marcar el campo de video para que solo acepte imágenes.

Una vez hecho esto, haga clic en el botón Agregar .

Ahora, de la misma manera, crearemos los siguientes dos campos para “Categoría de marca” y “Descripción de la marca” .

Entonces, tenemos los cuatro campos listos. Puedes desplazarte hacia abajo y configurar los ajustes restantes según tus necesidades. Hemos mantenido los ajustes predeterminados.

Haga clic en Guardar para completar el proceso de creación del metaobjeto.

Como puedes ver, nuestro metaobjeto Perfil de marca está listo.

Paso n.° 2: crear una sección con un metaobjeto

Ahora, podemos comenzar a crear secciones para diferentes marcas dentro de nuestro metaobjeto Perfil de marca . Vaya a la administración de Shopify > Contenido > Metaobjetos y luego haga clic en el metaobjeto Perfil de marca que acabamos de crear.

Haga clic en el botón Agregar entrada para comenzar a agregar perfiles de marca.

Añade los detalles del perfil de la marca: el nombre de la marca, la imagen del logotipo, la categoría y la descripción. Una vez hecho esto, haz clic en Guardar y tu perfil de marca estará listo.

Paso n.° 3: crear un metacampo de producto con el metaobjeto

Como queremos agregar/mostrar este metaobjeto en las páginas del producto, ahora crearemos un metacampo de producto.

Por lo tanto, seguiremos un proceso similar al que hicimos al crear un metacampo de producto anteriormente. Vaya a Datos personalizados > Definiciones de metacampos > Productos . Luego, haga clic en el botón Agregar definición .

Ahora, crearemos un metacampo de producto llamado “Perfil de marca en la página del producto” . Inserte el nombre y la descripción y, luego, haga clic en la pestaña Seleccionar tipo . En la lista desplegable de campos, seleccione el campo Metaobject y presione el botón Guardar .

Ahora, tenemos listo el nuevo metacampo de producto: “ Perfil de marca en la página del producto” .

Paso n.° 4: Insertar el nuevo metacampo del producto en las páginas del producto

Vaya a la página del producto donde desea agregar el perfil de marca. Desplácese hacia abajo y verá la sección Metacampos . Se muestra el perfil de marca Gem Style que creamos anteriormente. Insertaremos el perfil de marca Gem Style y lo guardaremos en la página del producto.

Paso n.° 5: personaliza tu tema

Ahora, debemos agregar el metacampo del producto en el tema. Vaya a Canales de venta > Tienda en línea > Temas y haga clic en el botón Personalizar .

¡Y eso es todo!

Ahora, puedes obtener una vista previa de la sección de perfil de marca en la página de tu producto.

Ahora, agregaremos un Multifila sección y luego agregue nuestro metacampo de producto — “Perfil de marca en la página del producto” .

Aquí hay otro ejemplo de cómo puedes agregar un Biografía del autor a su página siguiendo el mismo proceso que hicimos para agregar un perfil de marca.

Reflexiones finales sobre metacampos y metaobjetos

Los metacampos y metaobjetos le ayudan a hacer que la personalización de su tienda sea más flexible, especialmente para las páginas de productos.

Determine los requisitos exactos y cree metacampos y metaobjetos en consecuencia. Ambas funciones no solo pueden mejorar la experiencia del usuario, sino que también ayudan con el SEO.

Para obtener más información sobre marketing y estrategias de comercio electrónico, consulte nuestro blog y únase a la comunidad GemPages de Facebook .

Preguntas frecuentes sobre metacampos y metaobjetos de Shopify