Tabella delle opzioni con Metaobject e Metafield

Semplifica i confronti dei prodotti con una tabella delle opzioni! Questa interfaccia intuitiva fornisce immagini chiare per un confronto semplice, aumentando la fiducia dei clienti e aumentando potenzialmente le conversioni.

Clicca qui per andare alla nostra demo

I metafield offrono una flessibilità superiore per i criteri di confronto, a differenza delle opzioni di prodotto che influivano sull'organizzazione del negozio.

I metaoggetti mantengono le informazioni sul prodotto ben strutturate. Ad esempio, immagina un negozio di cosmetici che utilizza un tavolo per mostrare chiaramente gli ingredienti. I metaoggetti possono memorizzare questi dati, consentendoti anche di aggiungere immagini o icone per un'esperienza utente più intuitiva, come visto nella demo sopra.

Questo approccio semplifica la configurazione e garantisce coerenza in tutta la gamma di prodotti

REQUISITI

Devi avere Be Yours versione 7.2.0. o più tardi .

PASSI

Innanzitutto, imposta un Metaoggetto.

1. Creazione di un nuovo Metaoggetto

   1. Nel dashboard di amministrazione > Impostazioni > Dati personalizzati > Aggiungi definizione in Definizioni metaoggetto

      

      

   2. La finestra del metaoggetto richiede il completamento di tre campi specifici. Si prega di seguire attentamente le istruzioni riportate di seguito.

      

      Nota : sebbene questo esempio si concentri sui cosmetici con un metaoggetto "ingredienti", puoi personalizzare il "Nome" e la "Descrizione" per adattarli alle informazioni specifiche del prodotto.

      • Nome ^[1] - Common ingredients

      • Descrizione ^[2] - Common ingredients

      • 

      • Aggiungi campo ^[3] : scegli Testo a riga singola e File

        • Testo a riga singola : completa le tre azioni richieste:

          

          • È necessario inserire esattamente la parola Label nel campo Nome ^[1] affinché la funzione funzioni correttamente.
          • Abilita Utilizzalo come nome visualizzato ^[2] .
          • Abilita il campo obbligatorio ^[3] se necessario.

        • File : completa due azioni richieste:

          

          • È necessario inserire esattamente la parola Icon nel campo Nome ^[1] affinché la funzione funzioni correttamente.
          • In Accetta tipo di file specifico , seleziona Solo immagini ^[2] .

      • Quindi fare clic su Salva per completare la creazione di un Metaoggetto.

   3. Una volta creato un Metaoggetto, lo troverai elencato.

      

2. Aggiungi voce per Metaoggetto

   1. Vai alla dashboard di amministrazione > Contenuto ¹ > Metaoggetto ² > scegli Ingredienti comuni ³ > Aggiungi voce ⁴ .

      

      

   2. Scegli l'immagine per l' icona e inserisci il testo per l' etichetta .

      

      Quindi fare clic su Salva per completare l'aggiunta di una voce.

      Per aggiungere ulteriori voci, ripetere semplicemente questi passaggi.

   3. Ad esempio, abbiamo assegnato 4 voci come nell'immagine seguente.

      

In secondo luogo, imposta un Metafield

1. Creazione di un nuovo metafield

   1. Nel dashboard di amministrazione > Impostazioni > Dati personalizzati > Prodotti in Definizioni metafield > Aggiungi definizione

      

      

   2. La finestra metafield richiede il completamento di tre campi specifici. Si prega di seguire attentamente le istruzioni riportate di seguito.

      

      Nota : sebbene questo esempio si concentri sui cosmetici con un metafield "ingredienti", puoi personalizzare il "Nome" e lo "Spazio dei nomi e chiave" per adattarli alle informazioni specifiche del tuo prodotto.

      • Nome ^[1] - ingredients

      • Spazio dei nomi e chiave ^[2] - custom.ingredients

      • 

      • Seleziona tipo ^[3]

        • Tipo : metaoggetto

        • Riferimento : ingredienti comuni

        • Elenco degli iscritti

        

      • Quindi fare clic su Salva per completare la creazione di un Metafield.

   3. Una volta creato un Metafield, lo troverai elencato.

      

2. Assegnare valori per Metafield

   A titolo illustrativo, assegneremo i valori Retinolo e Acido Ialuronico al metacampo del prodotto Crema Corpo Antietà .

   1. Vai su Prodotto > Crema corpo antietà > individua gli ingredienti in Metafield.

      

      

   2. Negli ingredienti del metacampo, scegli [Retinolo] e [Acido ialuronico].

      

   3. Quindi fare clic su Salva per terminare.

Infine, imposta la sezione della tabella delle opzioni

1. Attiva la sezione della tabella delle opzioni

   1. Nella pagina Temi, scegli il tema Be Yours e fai clic sul pulsante del tema Personalizza .

      

   2. Nella home page (o altro modello di pagina) > gruppo di sezioni del modello > Aggiungi sezione > fare clic sulla tabella delle opzioni .

      

   3. Questa sezione della tabella delle opzioni viene visualizzata in modo ben visibile sul tuo sito Web con la data segnaposto, come mostrato nell'immagine seguente. Aggiungi fino a 5 blocchi di prodotti per mostrare i tuoi preferiti.

      

2. Imposta la sezione della tabella delle opzioni

   1. Impostazione della sezione della tabella delle opzioni

      

      • Per utilizzare Metafield, inserisci esattamente lo spazio dei nomi e la chiave del metafield nell'opzione Criteri .

        Per la creazione manuale della tabella (senza metafield), vedere questo collegamento. .

      • Ad esempio, qui inseriamo custom.ingredients .

        

   2. Impostazione del blocco prodotto

      

      • Scegli un prodotto e seleziona un'immagine personalizzata che desideri visualizzare. Ad esempio il prodotto 'Crema Corpo Anti-Age'.

        

      • Questa sezione può ospitare fino a 5 prodotti. Nell'esempio seguente, mostriamo 4 prodotti.

        

      • Per una visualizzazione ottimale, assicurati che tutte le immagini dei prodotti abbiano sfondi trasparenti .

Speriamo che questo articolo sia stato utile. Se hai domande o dubbi su questa funzionalità, non esitare a contattare il nostro team per ricevere supporto.