Afegir una guia de talles en una finestra emergent a les fitxes del producte

Els metacamps t'ajuden a personalitzar la funcionalitat i l'aspecte de la teva botiga de Shopify, ja que et permeten desar informació especialitzada que normalment no es recopila al panell d'administració de Shopify. Els metacamps es poden utilitzar internament al teu panell d'administració de Shopify i també pots triar que es mostrin a la teva botiga en línia.

Amb els metacamps, pots afegir una referència de pàgina en un bloc de finestra emergent perquè mostri un enllaç a les teves fitxes del producte. Quan es fa clic a l'enllaç, s'obre una finestra emergent que mostra el contingut de la teva pàgina. Pots afegir imatges i altres elements multimèdia a les teves pàgines mitjançant l'editor de text enriquit.

A continuació, s'indiquen alguns exemples d'informació en format de finestra emergent que podries afegir a les fitxes del producte:

• Guies de talles
• Instruccions de cura
• Instruccions de muntatge
• Especificacions del producte
• Preguntes freqüents

Aquesta és una guia pràctica de 4 passos que introdueix els metacamps de referència de pàgina, la creació d'un metacamp de producte per a una referència de pàgina, la creació d'una plantilla de fitxa del producte per a la teva botiga en línia, com afegir una pàgina nova, establir la referència a la pàgina en productes concrets i com aplicar la plantilla de la fitxa del producte en productes concrets. Pots fer servir aquesta guia pràctica per crear el contingut que vulguis a la finestra emergent. Aquesta guia pràctica fa servir de manera contínua l'exemple d'una guia de talles.

Aquesta guia pràctica requereix un tema que admeti fonts dinàmiques. Si fas servir un tema vintage o si vols afegir tipus de metacamps que el teu tema no admet, pots editar el codi del tema o contractar un Partner de Shopify.

Pas 1: Crea un metacamp de producte per a una pàgina

Per començar, has de crear una definició de metacamp de referència de pàgina per a les fitxes del producte. El metacamp de producte enllaça a una pàgina específica i es pot personalitzar per a cada producte. Si no afegeixes una referència de pàgina a un producte que utilitza la mateixa plantilla, el text de l'enllaç de la finestra emergent es continuarà mostrant com si hi hagués contingut. Per mostrar l'enllaç de la finestra emergent només en determinats productes, pots crear una plantilla de producte i aplicar-la només als productes rellevants.

Amb els metacamps de referència de pàgina, pots mostrar informació del producte diferent creant pàgines diferents per a diferents tipus de productes. Per exemple, pots crear dues pàgines de taules de mides diferents per a dues franges d'edat diferents, com ara una taula de mides per a nens petits i una per a nadons, i després afegir la referència de pàgina per a mides de nens petits només als productes que siguin per a aquestes edats.

Has de crear una definició de metacamp per a una referència de pàgina a fi de connectar-la al bloc de finestra emergent al teu editor de temes. L'opció Accés a l'aparador està seleccionada de manera predeterminada quan crees la definició del metacamp.

Passos:

Escriptori

1. Al teu panell d'administració de Shopify, ves a Configuració > Metacamps i metaobjectes.

2. A la secció Definicions de metacamps, fes clic a Productes.

3. Fes clic a Afegeix una definició.

4. Al camp Nom, introdueix Taula de mides.

5. Fes clic a ⊕ Selecciona el tipus.

6. Selecciona Pàgina al menú desplegable. L'opció Una pàgina està seleccionada per defecte.

7. Fes clic a Desa.

Mòbil

1. A l'aplicació de Shopify, toca i, a continuació, toca Configuració.

2. A la secció Configuració de la botiga, toca Metacamps i metaobjectes.

3. A la secció Definicions de metacamps, toca Productes.

4. Toca +.

5. Al camp Nom, introdueix Taula de mides.

6. Toca + Selecciona el tipus.

7. Toca per seleccionar Pàgina al menú desplegable. L'opció Una pàgina està seleccionada per defecte.

8. Toca Desa o ✓.

Pas 2: Crea la plantilla de fitxa del producte

Aquesta guia pràctica requereix un tema que admeti fonts dinàmiques. Si fas servir un tema vintage o si vols afegir tipus de metacamps que el teu tema no admet, pots editar el codi del tema o contractar un Partner de Shopify.

Després d'afegir una secció o un bloc, pots seleccionar un metacamp fent clic a la icona de font dinàmica:

Si no vols afegir l'enllaç de la finestra emergent de la taula de mides a tots els productes, has de crear una nova plantilla de fitxa del producte. En els passos, crees una plantilla nova, però també pots triar una plantilla de fitxa del producte ja existent per personalitzar-la.

Passos:

Escriptori

1. Al teu panell d'administració de Shopify, ves a Botiga en línia.
2. Fes clic a Edita el tema al costat del tema que vulguis personalitzar.
3. Al menú desplegable Pàgina d'inici de la part superior de l'editor, fes clic a Productes i, tot seguit, fes clic a ⊕ Crea una plantilla per crear i personalitzar una plantilla nova.
4. A la barra lateral de navegació de les seccions, ves als blocs Plantilla > Informació del producte i, després, fes clic a ⊕ Afegeix un bloc.
5. Fes clic a Finestra emergent.
6. Al camp Etiqueta de l'enllaç, introdueix Taula de mides. Aquest és el text que mostra on fa clic el client per veure el contingut de la pàgina de la finestra emergent.
7. Al costat de Pàgina, fes clic a la icona de font dinàmica i selecciona el metacamp de referència de pàgina que has creat.
8. Fes clic a Desa.

Mòbil

1. A l'aplicació de Shopify, toca la icona .

2. A la secció Canals de venda, toca Botiga en línia > Gestiona tots els temes.

3. Toca Edita el tema del tema que vulguis personalitzar.

4. Al menú desplegable Pàgina d'inici de la part superior de l'editor, toca Productes i, tot seguit, toca ⊕ Crea una plantilla per crear i personalitzar una plantilla nova.

5. A la barra lateral de navegació de les seccions, ves als blocs Plantilla > Informació del producte i, després, toca ⊕ Afegeix un bloc.

6. Toca Finestra emergent.

7. Al camp Etiqueta de l'enllaç, introdueix Taula de mides. Aquest és el text que mostra on fa clic el client per veure el contingut de la pàgina de la finestra emergent.

8. Al costat de Pàgina, toca la icona de font dinàmica i selecciona el metacamp de referència de pàgina que has creat.

9. Toca Desa o ✓.

Pas 3: Afegeix una pàgina amb la teva taula de mides

Has de crear una pàgina amb el contingut de la taula de mides a què fa referència el metacamp. Si ja tens una pàgina creada, pots saltar al pas 4.

Passos:

Escriptori

1. Al teu panell d'administració de Shopify, ves a Botiga en línia > Pàgines.
2. Fes clic a Afegeix una pàgina.
3. Al camp Títol, introdueix Taula de mides i afegeix la informació de la taula de mides a Contingut.
4. A la secció Visibilitat, defineix la pàgina com a Visible.
5. Fes clic a Desa.

Mòbil

1. A l'aplicació de Shopify, toca la icona .

2. A la secció Canals de venda, toca Botiga en línia > Pàgines.

3. Toca Afegeix una pàgina.

4. Al camp Títol, introdueix Taula de mides i afegeix la informació de la taula de mides a Contingut.

5. A la secció Visibilitat, defineix la pàgina com a Visible.

6. Toca Desa o ✓.

Pots crear tantes pàgines de guies de talles per fer-hi referència al metacamp com necessitis. Tanmateix, només pots enllaçar una pàgina al metacamp de producte.

Pas 4: Fes referència a la pàgina i aplica la plantilla de producte a determinats productes

Quan afegeixes una referència de pàgina a un producte específic, la informació d'aquesta pàgina només es mostra amb aquell producte. Si deixes la referència de pàgina en blanc per a un producte que utilitza aquesta plantilla de producte, el text de l'enllaç es continuarà mostrant com un enllaç. Tanmateix, la finestra emergent estarà en blanc perquè no té cap referència de pàgina i això pot crear confusió als clients. Pots utilitzar una plantilla de fitxa del producte diferent per a tipus de producte específics que tinguin guies de talles, com ara roba o sabates, i una plantilla de producte per a altres tipus de producte, com joguines infantils o joieria i altres accessoris.

Més informació sobre les plantilles.

Passos:

Escriptori

1. Des del panell d'administració de Shopify, ves a Productes.
2. Fes clic al producte al qual vols afegir una referència de pàgina.
3. A la secció Metacamps de productes, fes clic a la referència de pàgina Guia de talles; a continuació, fes clic a Selecciona les pàgines i selecciona la pàgina Guia de talles.
4. A la secció Plantilla de tema, selecciona la plantilla de fitxa del producte Guia de talles que has creat al pas 2.
5. Fes clic a Desa.

Mòbil

1. Des de l'aplicació de Shopify, toca la icona .
2. Toca el producte al qual vols afegir una referència de pàgina.
3. A la secció Metacamps de productes, toca la referència de pàgina Guia de talles; a continuació, toca Selecciona les pàgines i selecciona la pàgina Guia de talles.
4. A la secció Plantilla de tema, selecciona la plantilla de fitxa del producte Guia de talles que has creat al pas 2.
5. Toca Desa o ✓.

Pots repetir aquests passos per a tants productes com necessitis.