Aggiunta di un pop-up con la tabella delle taglie alle pagine di prodotto

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

Con i metafield, puoi aggiungere un riferimento pagina a un blocco pop-up che mostra un link sulle pagine del tuo prodotto. Cliccandoci su, si apre in un pop-up che mostra il contenuto della tua pagina. Puoi aggiungere immagini e altri contenuti multimediali alle tue pagine utilizzando il rich text editor .

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

Tabelle delle taglie
Istruzioni per la manutenzione
Istruzioni per l'assemblaggio
Specifiche del prodotto
FAQ

Questo è un tutorial in 4 passaggi che introduce i metafield di riferimento della pagina, la creazione di un metafield del prodotto per un riferimento di pagina, la creazione di un modello di pagina di prodotto per il tuo negozio online, l'aggiunta di una nuova pagina, la creazione di un riferimento alla pagina di prodotti specifici e l'applicazione del modello della pagina di prodotto a prodotti specifici. Puoi utilizzare questo tutorial per creare tutti i contenuti desiderati nel pop-up. Questo tutorial utilizza l'esempio della tabella delle taglie.

Questo tutorial richiede un tema Online Store 2.0. Se utilizzi un tema vintage o desideri aggiungere tipi di metafield non supportati dal tuo tema, puoi modificare il codice del tema o contattare un Partner di Shopify.

Su questa pagina

Passaggio 1: crea un metafield del prodotto per una pagina

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

Con i metafield di riferimento pagina, puoi mostrare informazioni di prodotto diverse creando pagine diverse per diversi tipi di prodotto. Ad esempio, puoi creare due pagine diverse con la tabella delle taglie per due diverse fasce di età, come la tabella delle taglie per bambini e la tabella delle taglie per neonati, quindi puoi aggiungere il riferimento pagina per le taglie dei bambini solo ai prodotti per bambini.

Devi creare una definizione di metafield per un riferimento pagina per collegarla al blocco pop-up nell'editor del tema. L'accesso alla vetrina virtuale è selezionato per impostazione predefinita al momento della creazione del metafield.

Passaggi:

Desktop

Dal pannello di controllo Shopify, vai su Impostazioni > Dati personalizzati.
Nella sezione Definizioni del metafield , clicca su Prodotti.
Clicca su Aggiungi definizione.
Nel campo Nome, inserisci Tabella delle taglie.
Clicca ⊕ Seleziona tipo.
Seleziona Pagina dal menu a discesa. Per impostazione predefinita, viene selezionata una pagina.
Clicca su Salva.

iPhone

Dall'app di Shopify, tocca ... > Impostazioni.
Tocca Dati personalizzati.
Nella sezione Definizioni del metafield, tocca Prodotti.
Tocca +.
Nel campo Nome, inserisci Tabella delle taglie.
Tocca + Seleziona tipo.
Tocca per selezionare Pagina dal menu a discesa. Per impostazione predefinita, viene selezionata una pagina.
Tocca Salva.

Android

Dall'app di Shopify, tocca ☰ > Impostazioni.
Tocca Dati personalizzati.
Nella sezione Definizioni del metafield, tocca Prodotti.
Tocca +.
Nel campo Nome, inserisci Tabella delle taglie.
Tocca + Seleziona tipo.
Tocca per selezionare Pagina dal menu a discesa. Per impostazione predefinita, viene selezionata una pagina.
Tocca ✓ per salvare.

Passaggio 2: crea il modello della pagina del prodotto

Dopo aver aggiunto una sezione o un blocco, puoi selezionare un metafield cliccando sull'icona per l'origine dinamica:

Se non vuoi aggiungere il link pop-up per la tabella delle taglie a tutti i tuoi prodotti, devi creare un nuovo modello per la pagina del prodotto. Nel corso della procedura, crei un nuovo modello per la pagina del prodotto, ma puoi anche scegliere un modello esistente da personalizzare.

Passaggi:

Desktop

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

iPhone

Nell'app di Shopify, tocca ... > Negozio online.
Tocca Gestisci tutti i temi.
Tocca Personalizza accanto al tema che desideri personalizzare.
Nel menu a discesa Home page nella parte superiore dell'editor, tocca Prodotti, quindi ⊕ Crea modello per creare e personalizzare un nuovo modello.
Nella sidebar di navigazione Sezioni, vai ai blocchi Modello > Informazioni di prodotto , quindi tocca ⊕ Aggiungi blocco.
Tocca Pop-up.
Nel campo Etichetta link, inserisci Tabella delle taglie. Si tratta del testo che mostra gli elementi su cui il cliente clicca nel contenuto della pagina pop-up.
Accanto a Pagina, tocca l'icona di origine dinamica, quindi tocca per selezionare il metafield di riferimento pagina che hai creato.
Tocca Salva.

Android

Nell'app di Shopify, tocca ☰ > Negozio online.
Tocca Gestisci tutti i temi.
Tocca Personalizza accanto al tema che desideri personalizzare.
Nel menu a discesa Home page nella parte superiore dell'editor, tocca Prodotti, quindi ⊕ Crea modello per creare e personalizzare un nuovo modello.
Nella sidebar di navigazione Sezioni, vai ai blocchi Modello > Informazioni di prodotto , quindi tocca ⊕ Aggiungi blocco.
Tocca Pop-up.
Nel campo Etichetta link, inserisci Tabella delle taglie. Si tratta del testo che mostra gli elementi su cui il cliente clicca nel contenuto della pagina pop-up.
Accanto a Pagina, tocca l'icona di origine dinamica, quindi tocca per selezionare il metafield di riferimento pagina che hai creato.
Tocca ✓ per salvare il tema.

Passaggio 3: aggiungi una pagina con la tua tabella delle taglie

Devi creare una pagina con il contenuto tabella delle taglie a cui fa riferimento il metafield. Se è già stata creata una pagina, puoi procedere con il passaggio 4.

Passaggi:

Desktop

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

iPhone

Nell'app di Shopify, tocca ... > Negozio online.
Clicca Pagine.
Tocca Aggiungi pagina.
Nel campo Titolo, inserisci Tabella delle taglie, quindi aggiungi le informazioni sulla tabella delle taglie in Contenuti.
Nella sezione Visibilità, imposta la pagina su Visibile.
Tocca Salva.

Android

Nell'app di Shopify, tocca ☰ > Negozio online.
Clicca Pagine.
Tocca Aggiungi pagina.
Nel campo Titolo, inserisci Tabella delle taglie, quindi aggiungi le informazioni sulla tabella delle taglie in Contenuti.
Nella sezione Visibilità, imposta la pagina su Visibile.
Tocca ✓ per salvare.

Puoi creare tutte le pagine con le tabelle delle taglie a cui fare riferimento nel metafield di cui hai bisogno. Tuttavia, è possibile 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 da 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 è vuoto senza alcun riferimento alla pagina e potrebbe creare confusione per i tuoi clienti. Puoi utilizzare un modello di pagina del prodotto diverso per tipi di prodotto specifici con tabelle delle taglie, come vestiti o scarpe e un modello per altri tipi di prodotto, come giochi per bambini, gioielli e altri accessori.

Maggiori informazioni sui modelli.

Passaggi:

Desktop

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

iPhone

Dall'app Shopify, vai su Prodotti > Tutti i prodotti.
Tocca il prodotto a cui desideri aggiungere un riferimento pagina.
Nella sezione Metafield del prodotto, tocca il riferimento pagina Tabella delle taglie, quindi tocca Seleziona pagine e seleziona la pagina Tabella delle taglie.
Nella sezione Modello di tema , seleziona il modello della pagina del prodotto Tabella delle taglie creato nel passaggio 2.
Tocca Salva.

Android

Dall'app Shopify, vai su Prodotti > Tutti i prodotti.
Tocca il prodotto a cui desideri aggiungere un riferimento pagina.
Nella sezione Metafield del prodotto, tocca il riferimento pagina Tabella delle taglie, quindi tocca Seleziona pagine e seleziona la pagina Tabella delle taglie.
Nella sezione Modello di tema , seleziona il modello della pagina del prodotto Tabella delle taglie creato nel passaggio 2.
Tocca ✓ per salvare.

Puoi ripetere questi passaggi per tutti i prodotti di cui hai bisogno.