Come aggiungere una tabella delle taglie pop-up alle pagine di prodotto

I metafield ti consentono di personalizzare la funzionalità e l'aspetto del tuo negozio Shopify, permettendoti di salvare informazioni specializzate che di solito non vengono acquisite nel pannello di controllo Shopify. I metafield possono essere utilizzati internamente nel pannello di controllo Shopify e puoi anche scegliere di visualizzarli nel tuo negozio online.

Con i metafield, puoi aggiungere un riferimento di pagina a un blocco pop-up che mostra un link sulle pagine di prodotto. Una volta cliccato, il link apre un pop-up che mostra il contenuto della pagina. Puoi aggiungere immagini e altri contenuti multimediali utilizzando l’editor di rich text per le tue pagine.

Di seguito sono riportati alcuni esempi di informazioni pop-up che puoi aggiungere alle pagine di prodotto:

Tabelle delle taglie
Istruzioni per la cura
Istruzioni di montaggio
Specifiche del prodotto
Domande frequenti

Questo tutorial in 4 passaggi illustra i metafield di riferimento di pagina, la creazione di un metafield di prodotto per un riferimento di pagina, la creazione di un modello di pagina di prodotto per il negozio online, l'aggiunta di una nuova pagina, il riferimento alla pagina in prodotti specifici e l'applicazione del modello di pagina di prodotto a prodotti specifici. Puoi utilizzare questo tutorial per creare qualsiasi contenuto desideri nel pop-up. In tutto il tutorial viene utilizzato l'esempio della tabella delle taglie.

Questo tutorial richiede un tema che supporti le origini dinamiche. Se utilizzi un tema vintage o se desideri aggiungere tipi di metafield non supportati dal tuo tema, puoi modificare il codice del tema o incaricare un Partner di Shopify.

In questa pagina

Passaggio 1: crea un metafield di prodotto per una pagina

Per iniziare, devi creare una definizione di metafield di riferimento di pagina per le pagine di prodotto. Il metafield di prodotto rimanda a una pagina specifica e può essere personalizzato per ogni prodotto. Se non aggiungi un riferimento di pagina a un prodotto che utilizza lo stesso modello, il testo del link del pop-up verrà comunque visualizzato come se ci fosse del contenuto. Per visualizzare il link del pop-up solo su prodotti specifici, puoi creare un modello di prodotto e applicarlo solo ai prodotti pertinenti.

Con i metafield di riferimento di pagina, puoi visualizzare informazioni diverse sui prodotti creando pagine diverse per diversi tipi di prodotti. Ad esempio, puoi creare due diverse pagine di tabelle delle taglie per due diverse fasce d'età, come una tabella delle taglie per bambini e una per neonati, quindi puoi aggiungere il riferimento di pagina per le taglie per bambini solo ai prodotti per bambini.

Devi creare una definizione di metafield per un riferimento di pagina per collegarlo al blocco pop-up nell'editor del tema. L'opzione Accesso alla vetrina virtuale è selezionata per impostazione predefinita quando crei la definizione del metafield.

Procedura:

Desktop

Dal pannello di controllo Shopify, vai a Impostazioni > Metafield e metaoggetti.
Nella sezione Definizioni dei metafield, clicca su Prodotti.
Clicca su Aggiungi definizione.
Nel campo Nome, inserisci Tabella taglie.
Clicca su ⊕ Seleziona tipo.
Seleziona Pagina dal menu a discesa. L'opzione Una pagina è selezionata per impostazione predefinita.
Clicca su Salva.

Mobile

Dall’app Shopify, tocca , quindi tocca Impostazioni.
Nella sezione Impostazioni del negozio, tocca Metafield e metaobject.
Nella sezione Definizioni dei metafield, tocca Prodotti.
Tocca +.
Nel campo Nome, inserisci Tabella taglie.
Tocca + Seleziona tipo.
Tocca per selezionare Pagina dal menu a discesa. L'opzione Una pagina è selezionata per impostazione predefinita.
Tocca Salva o ✓.

Passaggio 2: crea il modello di pagina di prodotto

Dopo aver aggiunto una sezione o un blocco, puoi selezionare un metafield cliccando sull’icona dell’origine dinamica:

Se non desideri aggiungere il link del pop-up per la tabella taglie a tutti i prodotti, devi creare un nuovo modello di pagina del prodotto. Nei passaggi seguenti creerai un nuovo modello di pagina del prodotto, ma puoi anche scegliere di personalizzare un modello di pagina del prodotto esistente.

Procedura:

Desktop

Dal pannello di controllo Shopify, vai su Negozio online > Temi.
Clicca su Modifica tema accanto al tema che desideri personalizzare.
Dal menu a discesa Home page nella parte superiore dell'editor, clicca su Prodotti, quindi su ⊕ Crea modello per creare e personalizzare un nuovo modello.
Nella barra laterale di navigazione Sezioni, vai ai blocchi Modello > Informazioni sul prodotto, quindi clicca su ⊕ Aggiungi blocco.
Clicca su Pop-up.
Nel campo Etichetta link, inserisci Tabella taglie. Questo è il testo visualizzato e cliccato da un cliente per il contenuto della pagina pop-up.
Accanto a Pagina, clicca sull'icona dell'origine dinamica, quindi clicca per selezionare il metafield di riferimento della pagina che hai creato.
Clicca su Salva.

Mobile

Dall’app Shopify, tocca l’icona .
Nella sezione Canali di vendita, tocca Negozio online > Gestisci tutti i temi.
Tocca Modifica tema per il tema che desideri personalizzare.
Dal menu a discesa Home page nella parte superiore dell'editor, tocca Prodotti, quindi tocca ⊕ Crea modello per creare e personalizzare un nuovo modello.
Nella barra laterale di navigazione Sezioni, vai ai blocchi Modello > Informazioni sul prodotto, quindi tocca ⊕ Aggiungi blocco.
Tocca Pop-up.
Nel campo Etichetta link, inserisci Tabella taglie. Questo è il testo visualizzato e cliccato da un cliente per il contenuto della pagina pop-up.
Accanto a Pagina, tocca l'icona dell'origine dinamica, quindi tocca per selezionare il metafield di riferimento della pagina che hai creato.
Tocca Salva o ✓.

Passaggio 3: aggiungi una pagina con la tabella taglie

Devi creare una pagina con il contenuto della tabella taglie a cui fa riferimento il metafield. Se hai già creato una pagina, puoi passare al passaggio 4.

Procedura:

Desktop

Dal pannello di controllo Shopify, vai su Negozio online > Pagine.
Clicca su Aggiungi pagina.
Nel campo Titolo, inserisci Tabella taglie, quindi aggiungi le informazioni sulla tabella taglie in Contenuto.
Nella sezione Visibilità, imposta la pagina come Visibile.
Clicca su Salva.

Mobile

Dall’app Shopify, tocca l’icona .
Nella sezione Canali di vendita, tocca Negozio online > Pagine.
Tocca Aggiungi pagina.
Nel campo Titolo, inserisci Tabella taglie, quindi aggiungi le informazioni sulla tabella taglie in Contenuto.
Nella sezione Visibilità, imposta la pagina come Visibile.
Tocca Salva o ✓.

Puoi creare tutte le pagine della tabella taglie di cui hai bisogno per farvi riferimento nel metafield. Tuttavia, puoi collegare una sola pagina nel metafield del prodotto.

Passaggio 4: fai riferimento alla pagina e applica il modello di prodotto a prodotti specifici

Quando aggiungi un riferimento di pagina a un prodotto specifico, le informazioni di quella pagina vengono visualizzate solo con quel prodotto. Se lasci vuoto il riferimento di pagina per un prodotto che utilizza quel modello di prodotto, il testo del link viene comunque visualizzato come link. Tuttavia, il pop-up sarà vuoto, senza riferimento di pagina, e potrebbe creare confusione nei clienti. Puoi utilizzare un modello di pagina del prodotto diverso per tipi di prodotto specifici che hanno tabelle taglie, come abbigliamento o scarpe, e un modello di prodotto per altri tipi di prodotto, come giocattoli per bambini, gioielli e altri accessori.

Scopri di più sui modelli.

Procedura:

Desktop

Dal pannello di controllo Shopify, vai a Prodotti.
Clicca sul prodotto a cui desideri aggiungere un riferimento di pagina.
Nella sezione Metafield prodotto, clicca sul riferimento di pagina Tabella taglie, quindi clicca su Seleziona pagine e seleziona la pagina Tabella taglie.
Nella sezione Modello di tema, seleziona il modello di pagina del prodotto Tabella taglie che hai creato nel passaggio 2.
Clicca su Salva.

Mobile

Dall'app Shopify, tocca l'icona .
Tocca il prodotto a cui desideri aggiungere un riferimento di pagina.
Nella sezione Metafield prodotto, tocca il riferimento di pagina Tabella taglie, quindi tocca Seleziona pagine e seleziona la pagina Tabella taglie.
Nella sezione Modello di tema, seleziona il modello di pagina del prodotto Tabella taglie che hai creato nel passaggio 2.
Tocca Salva o ✓.

Puoi ripetere questi passaggi per tutti i prodotti per cui è necessario.