Agregar una ventana emergente a las páginas de tus productos con metacampos

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

Con los metacampos, puedes agregar una referencia de página a un bloque emergente que muestre un enlace en las páginas de productos. Cuando se hace clic, el enlace abre una ventana emergente que muestra el contenido de tu página. Puedes agregar imágenes y otros elementos multimedia usando el editor de texto enriquecido para tus páginas.

Los siguientes son algunos ejemplos de información en ventana emergente que puedes agregar a tus páginas de producto:

  • Tablas de tallas
  • Instrucciones de cuidado
  • Instrucciones de ensamblaje
  • Especificaciones del producto
  • Preguntas frecuentes

Este es un tutorial en 4 pasos que introduce metacampos de referencia de página y crea tanto un metacampo de producto para una referencia de página como una plantilla de página de producto para tu tienda online, agrega una nueva página, hace referencia a la página en productos específicos y aplica la plantilla de la página de producto a productos específicos.

Si tienes un tema de Online Store 2.0, puedes conectar la mayoría de los metacampos al tema desde el editor de temas. Si estás usando un tema vintage o quieres agregar tipos de metacampo que no son compatibles con él, puedes editar su código o contratar a un Shopify Partner.

Paso 1: crea un metacampo de producto para una página

Para comenzar, debes crear una definición de metacampo de referencia de página para tus páginas de producto. El metacampo del producto se vincula a una página específica y se puede personalizar para cada producto. Si no agregas una referencia de página a un producto que usa la misma plantilla, el texto de tu enlace emergente igual se mostrará como si hubiera contenido. Para mostrar el enlace emergente solo en productos específicos, puedes crear una plantilla de producto y aplicarla solo a productos relevantes.

Con los metacampos de referencia de la página puedes mostrar información diferente del producto creando diferentes páginas para diferentes tipos de productos. Por ejemplo, puedes crear dos páginas de tablas de tallas diferentes para dos grupos de edad diferentes, como una tabla de tallas de niños pequeños y una tabla de tallas para bebés, y luego puedes agregar la referencia de página para tamaños de niños solo a productos para niños pequeños.

Debes crear una definición de metacampo para una referencia de página para conectarla al bloque emergente en tu editor de temas. El acceso a la tienda online se selecciona de forma predeterminada cuando creas la definición de tu metacampo.

Pasos:

Paso 2: crea la plantilla de tu página de producto

Si tienes un tema de Online Store 2,0, puedes conectar la referencia de la página a tu tema usando el editor de temas. Si estás utilizando un tema vintage, o si deseas agregar tipos de metacampos que tu tema no admite, puedes editar el código de tu tema o contratar a un Shopify Partner.

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

Conectar ícono de fuente dinámica

Si no deseas agregar el bloque emergente a todos tus productos, debes crear una nueva plantilla de página de producto. En los pasos, creas una nueva plantilla de página de producto, pero también puedes elegir una plantilla de página de producto existente para personalizarla.

Pasos:

Paso 3: agrega una página con la información de tu producto

Necesitas crear una página con contenido al que el metacampo haga referencia. Si ya tienes una página creada, puedes ir directamente al paso 4.

Pasos:

Puedes crear tantas páginas para hacer referencia en el metacampo como necesites. Sin embargo, puedes vincular una sola página en el metacampo del producto.

Paso 4: haz referencia a la página y aplica la plantilla de producto a productos específicos

Cuando agregas una referencia de página a un producto específico, la información de esa página se muestra solo con ese producto. Si dejas la referencia de página en blanco para un producto que usa esa plantilla de producto, el texto del enlace igual se mostrará como un enlace. Sin embargo, la ventana emergente está en blanco sin referencia de página y podría crear confusión a tus clientes. En este caso, puedes usar una plantilla de página de producto diferente para tipos de producto específicos. Por ejemplo, puedes crear una plantilla de producto para ropa con la página de la tabla de tallas en tu bloque emergente, y luego puedes crear una plantilla de producto para bolsas donde no necesites agregar el bloque emergente.

Obtén más información sobre las plantillas.

Pasos:

Puedes repetir estos pasos para la cantidad de productos que necesites.

¿No encuentras las respuestas que estás buscando? Estamos aquí para ayudarte.