Engadir unha táboa de medidas en pop-up ás páxinas dos produtos

Os metacampos axúdanche a personalizar a funcionalidade e a aparencia da túa tenda de Shopify xa que che permiten gardar información especializada que o administrador de Shopify non adoita rexistrar. Os metacampos pódense usar internamente no teu administrador de Shopify e tamén podes escoller mostralos na túa tenda en liña.

Cos metacampos, podes engadirlle unha referencia da páxina a un bloque pop-up que mostra unha ligazón nas páxinas dos produtos. Ao facer clic, a ligazón abre un pop-up que mostra o contido da túa páxina. Podes engadir imaxes e outro tipo de contido multimedia usando o editor de texto enriquecido para as túas páxinas.

A continuación móstranse algúns exemplos da información en pop-up que poderías engadir ás páxinas dos produtos:

• Táboas de medidas
• Instrucións de coidado
• Instrucións de montaxe
• Especificacións do produto
• Preguntas frecuentes

Trátase dun tutorial de 4 pasos para coñecer os metacampos de referencia da páxina, crear un metacampo do produto para unha referencia de páxina, crear un modelo de páxina do produto para a túa tenda en liña, engadir unha nova páxina, facer referencia á páxina en produtos específicos e aplicar o modelo da páxina do produto a produtos específicos. Podes usar este tutorial para crear calquera contido que desexes no pop-up. En todo este tutorial utilízase o exemplo da táboa de medidas.

Este tutorial require un tema compatible con orixes dinámicas. Se usas un tema clásico ou se queres engadir tipos de metacampos que o teu tema non admite, podes editar o código do tema ou contratar un Partner de Shopify.

Paso 1: Crear un metacampo do produto para unha páxina

Para comezar, debes crear unha definición de metacampos de referencia de páxina para as páxinas de produtos. O metacampo do produto enlázase a unha páxina específica e pódese personalizar para cada produto. Se non engades unha referencia de páxina a un produto que use o mesmo modelo, o texto da ligazón do teu pop-up seguirase mostrando como se houbese contido. Para mostrar a ligazón do pop-up só en produtos específicos, podes crear un modelo de produto e aplicalo só a eses produtos.

Cos metacampos de referencia de páxina, podes mostrar información de produtos diferente creando páxinas diferentes para cada tipo de produto. Por exemplo, podes crear dúas páxinas de guía de tallas distintas para dous grupos de idade diferentes, como unha para nenos pequenos e outra para bebés, e logo engadir a referencia da páxina para nenos pequenos só aos produtos destinados a eles.

Tes que crear unha definición de metacampos para unha referencia de páxina para conectala ao bloque de pop-up no teu editor de temas. O Acceso ao escaparate está seleccionado por defecto ao crear a túa definición de metacampos.

Pasos:

Escritorio

1. No administrador de Shopify, vai a Configuración > Metacampos e metaobxectos.

2. Na sección Definicións de metacampos, fai clic en Produtos.

3. Fai clic en Engadir definición.

4. No campo Nome, introduce Guía de tallas.

5. Fai clic en ⊕ Seleccionar tipo.

6. Selecciona Páxina no menú despregable. A opción Unha páxina está seleccionada por defecto.

7. Fai clic en Gardar.

Móbil

1. Na aplicación de Shopify, toca e despois toca Configuración.

2. Na sección Configuración da tenda, toca Metacampos e metaobxectos.

3. Na sección Definicións de metacampos, toca Produtos.

4. Toca +.

5. No campo Nome, introduce Guía de tallas.

6. Toca + Seleccionar tipo.

7. Toca para seleccionar Páxina no menú despregable. A opción Unha páxina está seleccionada por defecto.

8. Toca Gardar ou ✓.

Paso 2: Crear o teu modelo de páxina do produto

Este tutorial require un tema compatible con orixes dinámicas. Se usas un tema clásico ou se queres engadir tipos de metacampos que o teu tema non admite, podes editar o código do tema ou contratar un Partner de Shopify.

Despois de engadir unha sección ou bloque, podes seleccionar un metacampo facendo clic na icona de orixe dinámica:

Se non queres engadir a ligazón do pop-up da guía de tallas a todos os teus produtos, debes crear un novo modelo de páxina do produto. Nos pasos, crearás un novo modelo de páxina do produto, pero tamén podes escoller un existente para personalizalo.

Pasos:

Escritorio

1. No administrador de Shopify, vai a Tenda en liña.
2. Fai clic en Editar tema xunto ao tema que queres personalizar.
3. No menú despregable Páxina de inicio situado na parte superior do editor, fai clic en Produtos e logo en ⊕ Crear modelo para crear e personalizar un novo modelo.
4. Na barra lateral de navegación das seccións, vai aos bloques Modelo > Información do produto e fai clic en ⊕ Engadir bloque.
5. Fai clic en Pop-up.
6. No campo Etiqueta da ligazón, introduce Guía de tallas. Este é o texto no que o cliente fará clic para ver o contido da páxina do pop-up.
7. Xunto a Páxina, fai clic na icona de orixe dinámica e selecciona o metacampo de referencia de páxina que creaches.
8. Fai clic en Gardar.

Móbil

1. Na aplicación de Shopify, toca a icona .

2. Na sección Canles de vendas, toca Tenda en liña > Xestionar todos os temas.

3. Toca Editar tema no tema que queres personalizar.

4. No menú despregable Páxina de inicio situado na parte superior do editor, toca Produtos e logo ⊕ Crear modelo para crear e personalizar un novo modelo.

5. Na barra lateral de navegación das seccións, vai aos bloques Modelo > Información do produto e toca ⊕ Engadir bloque.

6. Toca Pop-up.

7. No campo Etiqueta da ligazón, introduce Guía de tallas. Este é o texto no que o cliente fará clic para ver o contido da páxina do pop-up.

8. Xunto a Páxina, toca a icona de orixe dinámica e logo selecciona o metacampo de referencia de páxina que creaches.

9. Toca Gardar ou ✓.

Paso 3: Engadir unha páxina coa túa guía de tallas

Tes que crear unha páxina co contido da guía de tallas ao que fará referencia o metacampo. Se xa tes unha páxina creada, podes saltar ao paso 4.

Pasos:

Escritorio

1. No administrador de Shopify, vai a Tenda en liña > Páxinas.
2. Fai clic en Engadir páxina.
3. No campo Título, introduce Guía de tallas e engade a información da mesma en Contido.
4. Na sección Visibilidade, define a páxina como Visible.
5. Fai clic en Gardar.

Móbil

1. Na aplicación de Shopify, toca a icona .

2. Na sección Canles de vendas, toca Tenda en liña > Páxinas.

3. Toca Engadir páxina.

4. No campo Título, introduce Guía de tallas e engade a información da mesma en Contido.

5. Na sección Visibilidade, define a páxina como Visible.

6. Toca Gardar ou ✓.

Podes crear tantas páxinas de guía de tallas como precises para facer referencia no metacampo. Non obstante, só podes ligar unha páxina no metacampo de produto.

Paso 4: fai referencia á páxina e aplica o modelo de produto a produtos específicos

Ao engadir unha referencia de páxina a un produto específico, a información desa páxina só se mostra con ese produto. Se deixas en branco a referencia da páxina para un produto que usa ese modelo de produto, o texto da ligazón seguirá mostrándose como ligazón. Non obstante, o pop-up estará en branco se non hai unha referencia de páxina, o que pode causar confusión aos teus clientes. Podes usar un modelo de páxina do produto diferente para os tipos de produto específicos que teñan guías de tallas (como roupa ou zapatos) e outro modelo de produto para outros tipos de produtos (como xoguetes para nenos, xoias ou outros accesorios).

Obtén máis información sobre os modelos.

Pasos:

Escritorio

1. No teu administrador de Shopify, vai a Produtos.
2. Fai clic no produto ao que queres engadir unha referencia de páxina.
3. Na sección Metacampos de produto, fai clic na referencia da páxina Guía de tallas, despois fai clic en Seleccionar páxinas e selecciona a páxina Guía de tallas.
4. Na sección Modelo de tema, selecciona o modelo de páxina do produto Guía de tallas que creaches no paso 2.
5. Fai clic en Gardar.

Móbil

1. Na aplicación de Shopify, toca a icona .
2. Toca o produto ao que queres engadir unha referencia de páxina.
3. Na sección Metacampos de produto, toca a referencia de páxina Guía de tallas, despois toca Seleccionar páxinas e selecciona a páxina Guía de tallas.
4. Na sección Modelo de tema, selecciona o modelo de páxina do produto Guía de tallas que creaches no paso 2.
5. Toca Gardar ou ✓.

Podes repetir estes pasos en tantos produtos como precises.