La capacità di presentare le informazioni sui prodotti in modo efficace è la linfa vitale dell'e-commerce. Eppure, troppo spesso, i commercianti si trovano ad affrontare un paradosso frustrante: l’abbondanza si trasforma in sovraccarico . Layout rigidi, presentazioni asciutte e valanghe di informazioni soffocano la voce del tuo prodotto, lasciando i clienti sconcertati e disimpegnati.
Per affrontare questi ostacoli, il tema Concept fornisce la sezione Dettagli prodotto , un potente strumento progettato per semplificare e ottimizzare la comunicazione del prodotto. Questa sezione consente ai commercianti di curare una descrizione del prodotto chiara e concisa, concentrandosi sulle loro specifiche.
Questo tutorial mostra come configurare passo dopo passo la sezione Dettagli prodotto :
R. Dov'è questa funzione?
Nella pagina del tuo prodotto tramite l' editor del tema , crea la sezione Dettagli prodotto nel gruppo di sezioni Modello .
Questa sezione di configurazione offre una gamma di opzioni di personalizzazione, opportunamente organizzate in tre blocchi separati per una facile navigazione: Descrizione , Riga comprimibile e Blocchi Specifiche .
B. Impostazione dei dettagli del prodotto
1. Le impostazioni della sezione
| Impostazioni della sezione | Descrizione | |
|---|---|---|
| Dettagli del prodotto | ||
| Apri la prima riga pieghevole | Abilita per aprire la prima riga comprimibile.  | |
| Titolo del capitolato | Inserisce il testo  | |
| Intestazione | ||
| Intestazione | Il titolo della sezione.  | |
| Dimensione dell'intestazione | La dimensione dell'intestazione può essere impostata su una delle seguenti opzioni: Piccola , Media , Grande o Molto grande . | |
| Allineamento della rotta | L'intestazione può essere allineata a sinistra , al centro o a destra . | |
| Etichetta di intestazione | Seleziona il tag di intestazione per strutturare e organizzare i tuoi contenuti per il SEO. | |
| Sottotitolo | Il sottotitolo dell'intestazione è posizionato sopra l'intestazione. | |
| Descrizione | Il testo descrittivo dell'intestazione viene posizionato sotto l'intestazione. | |
| Testo evidenziato | ||
| Testo evidenziato | Scegli tra una delle 6 opzioni seguenti per formattare il testo:
| |
| Scarabocchio evidenziato Richiede che lo stile del testo evidenziato sia impostato su Scarabocchio disegnato a mano. | Questa impostazione offre 5 modi per evidenziare il testo:
| |
| Colore | Facoltativamente è possibile personalizzare i colori della sezione, inclusi i seguenti:
| |
| Sezione | ||
| Puoi regolare il riempimento superiore e il riempimento inferiore da 0px a 120px con incrementi di 4px. | ||
| Mostra divisore di sezione | Mostra un divisore di linea sopra questa sezione. | |
| Rendi la sezione a larghezza intera | Rende il contenitore a tutta larghezza. | |
| Rendi la sezione arrotondata | Applica un bordo arrotondato ai due angoli superiori. | |
2. Le impostazioni del blocco
2.1. Descrizione
Questo blocco dovrebbe sfruttare descrizioni informative e coinvolgenti per mostrare in modo ottimale i dettagli del prodotto e migliorare l'esperienza del cliente.
Intestazione : il titolo del blocco. (Es. Descrizione .)
Il blocco Descrizione viene popolato con il contenuto del campo Descrizione prodotto , come si trova nel dashboard di amministrazione > Prodotti > Flow Harmony ( Flow Harmony è il prodotto di esempio in questo articolo). Per riferimento, vedere le due immagini seguenti.
| Blocco descrittivo | Il prodotto Flow Harmony |
|---|---|
 |  |
2.2. Fila pieghevole
Utilizza schede pieghevoli per presentare comodamente informazioni supplementari che consentono ai clienti di prendere decisioni di acquisto informate.
- Intestazione : il titolo del blocco
Contenuti della riga : inserisce o sceglie un metacampo (icona metafiel) che fornisce dettagli che migliorano la comprensione dei clienti e facilitano decisioni di acquisto sicure.
L'icona del metafilone:
- Metafield : inserisce lo spazio dei nomi e la chiave del metafield che contiene il valore. Ogni metafield deve trovarsi nella propria riga.
Per esempio:
In questo esempio di prodotto Flow Harmony , il valore del contenuto della riga viene determinato recuperando a livello di codice il metacampo Sound , garantendo la coerenza dei dati e una visualizzazione accurata.
| Il contenuto della riga | Il prodotto Flow Harmony |
|---|---|
 |  |
Per migliorare ulteriormente le informazioni sul prodotto, sono state aggiunte informazioni sulla batteria inserendo esattamente lo spazio dei nomi del metafield Batteria e digitando i Metafield : tech_specs.battery .
2.3. Specifica
Il processo di configurazione del blocco Specifiche offre due approcci:
2.3.1. Aggiunta delle specifiche manuali
Visualizziamo il primo metodo in azione. Per visualizzare 5 specifiche per il prodotto Flow Harmony, seguiremo questi passaggi:
- Aggiungi 5 blocchi di specifiche
- Personalizza ogni blocco con un'icona e un testo pertinenti
Per offrire supporto visivo, le due immagini seguenti forniscono ulteriore contesto.
2.3.2. Integrazione di metaoggetti e metafield
Il secondo metodo sfrutta la potenza combinata di Metaobject e Metafield . Qui, Metaobject funge da repository centralizzato per tutte le specifiche del prodotto , mentre i singoli Metafield visualizzano dinamicamente tali specifiche per ciascun prodotto specifico .
Il processo comprende tre fasi principali:
- Creazione di metaoggetti
- Creazione del metacampo
- Configurazione del blocco specifiche
1. Creazione di metaoggetti
Vai alle Impostazioni tramite la dashboard di amministrazione .
In Impostazioni , fai clic sulla scheda Dati personalizzati > Aggiungi definizione .
Dopo aver cliccato su Aggiungi definizione apparirà questa finestra:
Per riferimento, assicurati che la disposizione dei dati corrisponda all'esempio mostrato nelle immagini seguenti :
Nome : inserisce
Tech spec
Campi : seleziona file e testo a riga singola
File : inserisce
Iconnel nome e sceglie Un file .
Testo a riga singola : inserisce
Labelnel nome e seleziona Un file .
Al termine di questo passaggio, la configurazione del metaoggetto rispecchierà la rappresentazione visiva nell'immagine seguente:
Successivamente alla creazione del metaoggetto, procedere a popolarlo con le specifiche complete del prodotto (ad esempio, cuffie , cavo USB-C, 1,25 m , altoparlanti , ecc.). Ottieni questo risultato:
Facendo clic su Aggiungi voce
Selezionare un'icona rappresentativa e inserire il testo in Etichetta .
Ad esempio , qui aggiungiamo la voce "Cavo USB-C, 1,25 m":
Ripetere la procedura per i rimanenti valori di "Voce".
Una volta completato questo passaggio, le tue specifiche Metaobject Tech ospiteranno in modo completo tutte le voci del prodotto ( in questo esempio abbiamo 8 voci ), fungendo da repository centrale per le informazioni sulle specifiche.
2. Creazione del metacampo
Questo passaggio prevede la creazione di un nuovo metacampo denominato "Specifiche tecniche" progettato per contenere valori univoci specifici per ciascun prodotto .
Per creare un nuovo metacampo, vai su Impostazioni tramite dashboard di amministrazione > Dati personalizzati > Prodotti > Aggiungi definizione .
Nome : inserisce
Tech specsSpazio dei nomi e chiave : inserisce
custom.tech_specs
In Seleziona tipo : seleziona Metaoggetto
Nel riferimento : seleziona Specifiche tecniche , quindi seleziona Tipo di elenco di voci .
Fare clic su Salva per completare questo passaggio.
Una volta finalizzato questo passaggio, il metafield appena creato verrà popolato automaticamente in tutti i tuoi prodotti. Ora puoi procedere ad assegnare valori specifici ai singoli prodotti come desideri.
Ad esempio, nel prodotto Flow Harmony > Specifiche tecniche > Seleziona voci > sceglie le voci per questo prodotto nell'elenco .
3. Configurazione del blocco specifiche
Torna al blocco Specifiche nella sezione Dettagli prodotto .
Questo passaggio richiede semplicemente la selezione del metafield Specifiche tecniche facendo clic sull'icona del metafield situata in alto a destra.
Le specifiche del prodotto designate verranno compilate automaticamente.
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.
