Aggiungere un pop-up alle pagine del prodotto con i metafield
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
Di seguito è riportato un tutorial in 4 passaggi che introduce i metafield di riferimento pagina, la creazione di un metafield del prodotto per un riferimento pagina, la creazione di un modello di pagina del prodotto per il tuo negozio online, l'aggiunta di una nuova pagina, la creazione di un riferimento pagina di prodotti specifici e l'applicazione del modello della pagina del prodotto a prodotti specifici.
Se hai un tema dell'Online Store 2.0, puoi collegarlo alla maggior parte dei metafield utilizzando l'editor del tema. 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:
- 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 , assegna un nome alla definizione del metafield. Ad esempio, se stai creando una tabella delle taglie, potresti voler assegnare un nome alla definizione Tabella delle taglie.
- Clicca ⊕ Seleziona tipo.
- Seleziona Pagina dal menu a discesa. Per impostazione predefinita, viene selezionata una pagina.
- Clicca su Salva.
- Dall'app di Shopify, tocca ... > Impostazioni.
- Tocca Dati personalizzati.
- Nella sezione Definizioni del metafield, tocca Prodotti.
- Tocca +.
- Assegna un nome alla definizione. Ad esempio, se stai creando una tabella delle taglie, potresti voler assegnare un nome alla definizione Tabella delle taglie.
- Tocca + Seleziona tipo.
- Tocca per selezionare Pagina dal menu a discesa. Per impostazione predefinita, viene selezionata una pagina.
- Tocca Salva.
- Dall'app di Shopify, tocca ☰ > Impostazioni.
- Tocca Dati personalizzati.
- Nella sezione Definizioni del metafield, tocca Prodotti.
- Tocca +.
- Assegna un nome alla definizione. Ad esempio, se stai creando una tabella delle taglie, potresti voler assegnare un nome alla definizione 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
Se hai un tema dell'Online Store 2.0, puoi collegarlo al riferimento pagina utilizzando l'editor del tema. 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.
Dopo aver aggiunto una sezione o un blocco, puoi selezionare un metafield cliccando sull'icona per l'origine dinamica:
Se non vuoi aggiungere il blocco pop-up 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:
- 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.
- Inserisci un'etichetta link. Si tratta del testo che mostra gli elementi su cui il cliente clicca nel contenuto della pagina pop-up. Ad esempio, se la pagina pop-up è una tabella delle taglie, potresti volere che l' etichetta link mostri una Tabella delle taglie.
- Accanto a Pagina, clicca sull'icona di origine dinamica, quindi clicca per selezionare il metafield di riferimento pagina che hai creato.
- Clicca su Salva.
- 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.
- Inserisci un'etichetta link. Si tratta del testo che mostra gli elementi su cui il cliente clicca nel contenuto della pagina pop-up. Ad esempio, se la pagina pop-up è una tabella delle taglie, potresti volere che l' etichetta link mostri una Tabella delle taglie.
- Accanto a Pagina, tocca l'icona di origine dinamica, quindi tocca per selezionare il metafield di riferimento pagina che hai creato.
- Tocca Salva.
- 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.
- Inserisci un'etichetta link. Si tratta del testo che mostra gli elementi su cui il cliente clicca nel contenuto della pagina pop-up. Ad esempio, se la pagina pop-up è una tabella delle taglie, potresti volere che l' etichetta link mostri una Tabella delle taglie.
- 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 le informazioni sul prodotto
Devi creare una pagina con il contenuto a cui fa riferimento il metafield. Se è già stata creata una pagina, puoi procedere con il passaggio 4.
Passaggi:
- Dal pannello di controllo Shopify vai su Negozio online > Pagine.
- Clicca su Aggiungi pagina.
- Assegna un nome alla tua pagina e crea il contenuto che desideri mostrare in un pop-up sulla pagina del tuo prodotto.
- Nella sezione Visibilità, imposta la pagina su Visibile.
- Clicca su Salva.
- Nell'app di Shopify, tocca ... > Negozio online.
- Clicca Pagine.
- Tocca Aggiungi pagina.
- Assegna un nome alla tua pagina e crea il contenuto che desideri mostrare in un pop-up sulla pagina del tuo prodotto.
- Nella sezione Visibilità, imposta la pagina su Visibile.
- Tocca Salva.
- Nell'app di Shopify, tocca ☰ > Negozio online.
- Clicca Pagine.
- Tocca Aggiungi pagina.
- Assegna un nome alla tua pagina e crea il contenuto che desideri mostrare in un pop-up sulla pagina del tuo prodotto.
- Nella sezione Visibilità, imposta la pagina su Visibile.
- Tocca ✓ per salvare.
Puoi creare tutte le pagine 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 pagina a un prodotto specifico, le informazioni di quella pagina vengono mostrate solo con quel prodotto. Se lasci vuoto il riferimento pagina di un prodotto che utilizza quel modello, il testo del link viene comunque visualizzato come un link. Tuttavia, il pop-up è vuoto e privo di riferimento pagina e ciò potrebbe confondere i tuoi clienti. In questo caso, puoi utilizzare un modello di pagina del prodotto diverso per tipi di prodotto specifici. Ad esempio, potresti creare un modello di prodotto per l'abbigliamento con una tabella delle taglie nel blocco pop-up e poi creare un modello di prodotto per le borse in cui non è necessario aggiungere il blocco pop-up.
Maggiori informazioni sui modelli.
Passaggi:
- 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 metafield del riferimento pagina che hai creato, quindi su Seleziona pagine.
- Seleziona la pagina che hai creato dal menu a discesa.
- Nella sezione Modello di tema , seleziona il modello della pagina del prodotto creato nel passaggio 2.
- Clicca su Salva.
- Dall'app Shopify, vai su Prodotti > Tutti i prodotti.
- Tocca il prodotto a cui desideri aggiungere un riferimento pagina.
- Nella sezione Metafield, tocca Visualizza tutto.
- Tocca il metafield del riferimento pagina che hai creato, quindi tocca per selezionare la pagina che hai creato.
- Nella sezione Modello di tema , seleziona il modello della pagina del prodotto creato nel passaggio 2.
- Tocca Salva.
- Dall'app Shopify, vai su Prodotti > Tutti i prodotti.
- Tocca il prodotto a cui desideri aggiungere un riferimento pagina.
- Nella sezione Metafield, tocca Visualizza tutto.
- Tocca il metafield del riferimento pagina che hai creato, quindi tocca per selezionare la pagina che hai creato.
- Nella sezione Modello di tema , seleziona il modello della pagina del prodotto creato nel passaggio 2.
- Tocca ✓ per salvare.
Puoi ripetere questi passaggi per tutti i prodotti di cui hai bisogno.