Shopify ha introdotto i metafield durante Unite 2021 e li ha rilasciati all'inizio del 2022. I metafield sono un ottimo modo per aggiungere parametri supplementari ai prodotti del catalogo e mostrarli sulla vetrina.
I metaobject sono ancora relativamente nuovi, essendo stati introdotti a febbraio 2023. Puoi pensarli come oggetti personalizzati con più parametri/campi. Personalmente, seguo sempre questa regola:
- Si tratta di un parametro/valore di prodotto condiviso tra più prodotti? Se sì, usa metafield.
- Si tratta di un contenuto (blocco, sezione, immagine) visualizzato in tutto il negozio su diversi file di template? Se sì, usa metaobject per gestirlo.
Questo tutorial ti mostrerà come utilizzarli nel tuo negozio Shopify senza programmazione o modifiche al codice. Nota: è necessario utilizzare un tema 2.0.
Qual è la differenza tra metafield e metaobject
I metafield memorizzano semplici informazioni come testo, colore, prodotto, pagina, ecc., che puoi assegnare a qualsiasi prodotto, collezione, pagina o articolo del blog nel tuo negozio. Lo svantaggio è che devi inserire il valore per ciascuno separatamente. E se vuoi aggiornarlo, devi aggiornare ogni elemento individualmente.
Il caso d'uso tipico è la visualizzazione di informazioni aggiuntive nelle pagine di dettaglio del prodotto, come dimensioni, materiale, date di consegna o simili.
I metaobject si collocano al di sopra dei metafield e ogni metaobject può contenere diversi metafield. Sono spesso utilizzati per visualizzare più parametri o contenuti ripetuti nel tuo negozio. Il vantaggio dei metaobject è che puoi modificarli per tutte le istanze in cui vengono utilizzati contemporaneamente, da un unico posto.
L'utilizzo dei metaobject ha perfettamente senso se hai un blocco o una sezione nel tuo negozio visualizzati su più pagine.
Come aggiungere parametri aggiuntivi alle pagine di dettaglio prodotto usando i metafield
Supponiamo che tu abbia un negozio che vende mobili. Ogni prodotto di arredamento ha diversi parametri condivisi (non varianti). Ad esempio, le sedie hanno 1. materiale, 2. designer e 3. dimensioni unici, che vuoi visualizzare nella pagina di dettaglio del prodotto.
Passaggio 1: creazione del metafield nell'amministrazione del negozio
Per prima cosa, prepariamo tutti e tre i metafield nell'amministrazione del negozio:
- Vai su Amministrazione negozio > Impostazioni > Dati personalizzati
- . Nella sezione Metafield, seleziona Prodotti e clicca su Aggiungi definizione
- . Inserisci il nome del metafield (es. Materiale) e seleziona il tipo (es. Testo a riga singola)
Una volta creati tutti e tre i metafield, è il momento di aggiungerli alle tue sedie.
Passaggio 2 – Aggiunta di metafield ai prodotti
Ora che i metafield sono definiti, aggiungiamoli ai tuoi prodotti:
- Vai nell'amministrazione del tuo negozio > Prodotti, quindi trova il prodotto per il quale desideri definire i metafield
- Nella pagina del prodotto all'interno dell'amministrazione, scorri fino in fondo per visualizzare i metafield disponibili
- Inserisci i dati pertinenti per questo specifico prodotto e clicca su Salva
Passaggio 3 – Visualizzazione dei metafield nella pagina di dettaglio del prodotto
Ora che tutto è pronto, visualizziamo le informazioni dei metafield sulla pagina di dettaglio del prodotto (PDP):
- Vai nell'amministrazione del tuo negozio > Negozio online > Temi > Personalizza
- Nel menu dei modelli in alto al centro, seleziona > Prodotti > Prodotto predefinito
- Aggiungi un nuovo blocco sotto la pagina Prodotto, ad esempio Testo
- Aggiungi il contenuto dei metafield cliccando sull'icona del database ("burger")
Ora puoi divertirti con i metafield e visualizzarli come preferisci.
Il nostro consiglio: usa le scelte predefinite per risparmiare tempo
Il nostro consiglio è di utilizzare l'opzione "Limita a scelte predefinite" nella definizione del metafield, poiché ti farà risparmiare molto tempo. Invece di inserire manualmente il valore per ogni prodotto, potrai semplicemente selezionarlo dal menu a tendina.
Come visualizzare contenuti dinamici sulle pagine di prodotto/collezione utilizzando i metaoggetti
I metaoggetti sono più complessi e ti consentono di aggiungere contenuti dinamici al tuo negozio, che puoi modificare o aggiornare da un'unica posizione, quasi come in un CMS. Immagina di voler mettere in evidenza un designer diverso su ogni pagina di collezione, non solo con un nome, ma con una sezione completa che includa nome, descrizione, colori, immagini, ecc.
Con i vecchi temi Shopify 1.0, potevi farlo creando modelli diversi. È una soluzione che funziona ancora, ma richiede molto tempo, è incoerente e inefficiente. Con i metaoggetti, puoi creare un singolo oggetto e collegarlo a diversi prodotti e pagine.
Passaggio 1 – Creazione di un metaoggetto nell'amministrazione del negozio
Per prima cosa, prepariamo il metaoggetto nell'amministrazione del negozio:
- Vai nell'amministrazione del tuo negozio > Impostazioni > Dati personalizzati
- Nella sezione Metaoggetti, clicca su Aggiungi definizione
- Inserisci il nome del metaoggetto (es. Designer) e aggiungi i (meta)campi
Nel nostro esempio, ogni designer ha un Nome (testo su riga singola), una Descrizione (rich text), un colore di sfondo e del testo (colore) e un'immagine principale e secondaria (file).
Passaggio 2 – Aggiungi voci ai metaoggetti
Una volta creato il metaoggetto, devi compilarlo con i dati:
- Vai nell'amministrazione del tuo negozio > Impostazioni > Dati personalizzati
- Nella sezione Metaoggetti, seleziona il metaoggetto esistente
- Clicca su Altre azioni nell'angolo in alto a destra e seleziona Aggiungi nuova voce
- Compila tutti i campi richiesti, salva e procedi con un'altra nuova voce (se necessario)
Passaggio 3 – Prepara il metafield per collezioni/prodotti
Ora arriva la parte complicata. Per collegare un metaoggetto a una collezione o a un prodotto, devi prima creare un metafield di tipo metaoggetto. 🤯
- Vai nell'amministrazione del tuo negozio > Impostazioni > Dati personalizzati
- Nella sezione Metafield, seleziona Collezioni e clicca su Aggiungi definizione
- Inserisci il nome del metafield (es. Designer), seleziona il tipo (es. Metaoggetto), seleziona Riferimento, che dovrebbe essere un metaoggetto esistente, e salva
Una volta stabilito il collegamento di riferimento, sarai in grado di assegnare uno specifico designer a ogni collezione.
Passaggio 4 – Aggiungi il metaoggetto alle collezioni
Ora che tutto è definito, aggiungiamo il metaoggetto alle tue collezioni:
- Vai nell'amministrazione del tuo negozio > Prodotti > Collezioni, e trova la collezione per la quale vuoi definire il metaoggetto
- Nella pagina della collezione nel tuo pannello di amministrazione, scorri fino in fondo per vedere i metafield disponibili
- Clicca sul campo vuoto accanto al tuo metafield, seleziona una delle voci esistenti e clicca su Salva
Passaggio 5 – Visualizzazione del metaoggetto nella pagina della collezione
Ora che tutto è pronto, visualizziamo le informazioni del metaoggetto nelle pagine delle collezioni:
- Vai nell'amministrazione del tuo negozio > Negozio online > Temi > Personalizza
- Nel menu dei modelli in alto al centro, seleziona > Collezioni > Collezione predefinita
- Aggiungi una nuova sezione come segnaposto e collegala al metaoggetto cliccando sull'icona del database (quella con le tre linee)
- Collega gli elementi pertinenti nella sezione/blocco con le voci appropriate del tuo metaoggetto
Ora puoi sperimentare con il modello e assegnare voci diverse a collezioni diverse. Di conseguenza, avrai contenuti differenti su più pagine di collezione utilizzando un unico file di modello.
Conclusione e risultati finali
Comprendere i metafield e i metaoggetti in Shopify è piuttosto complesso e richiede tempo. Inizia con elementi semplici e procedi per gradi. Una volta presa la mano, rimarrai stupito dalla loro potenza e da quanto lavoro manuale possano farti risparmiare nella gestione del tuo negozio Shopify.
Nel risultato finale qui sopra puoi vedere un template di pagina prodotto singolo in grado di mostrare informazioni e designer diversi per ogni articolo. Inoltre, la gestione dei contenuti del metaobject avviene ora da un unico punto, evitando di dover aggiornare manualmente ogni singolo prodotto.
