Riferimento ai metacampi di Klaviyo Reviews per Shopify
Cosa imparerai
Scopri come usare i metafield per personalizzare i contenuti di Klaviyo Reviews sul tuo sito. I metafield sono lo strumento di Shopify per memorizzare variabili personalizzate da usare in tutto il tuo sito, anche nelle pagine dei prodotti.
Questa risorsa è destinata agli sviluppatori. L’utilizzo di codice personalizzato per visualizzare i metafield di Shopify richiede familiarità con Liquid, il linguaggio di templating di Shopify. Puoi visualizzare le recensioni sul tuo sito senza scrivere codice utilizzando i widget di recensione personalizzabili.
I metacampi di Klaviyo Reviews per Shopify sono abilitati per impostazione predefinita. I metacampi non sono disponibili per WooCommerce.
Informazioni sui metacampi delle recensioni
L’aggiunta di un’espressione metafield al codice Liquid del tuo tema ne visualizza il valore. Se aggiungi {{ product.metafields.reviews.rating.value.rating }} al codice Liquid della pagina del tuo prodotto e la valutazione di quel prodotto è 4,7, al caricamento della pagina “4,7” verrà visualizzato al posto del metafield.
Puoi anche usare i campi meta per attività più complesse, tra cui:
- Consentire ad altre app Shopify di accedere e utilizzare i dati di Klaviyo Reviews sul tuo sito.
- Visualizzare dinamicamente contenuti per i prodotti con determinate valutazioni usando le condizioni.
- Creare il tuo display di valutazione a stelle, invece di usare il widget di valutazione a stelle di Klaviyo Reviews.
Nella pagina Shopify Product metafields definitions, i metafield di Klaviyo Reviews si chiamano Product rating count e Product rating.
Aggiungi metacampi delle recensioni con l'editor del tema
Se il tuo tema supporta l’aggiunta di metacampi, usa l’icona della fonte dinamica per aggiungere i metacampi delle recensioni. L'aggiunta di metafield delle recensioni con l'editor del tema è supportata nella sezione delle informazioni sul prodotto di una pagina prodotto.
- Nell’editor dei temi di Shopify, vai a una pagina prodotto.
- Apri (o aggiungi) un campo che supporti il testo.
- Seleziona l'icona dell'origine dinamica.
- Seleziona un metacampo delle recensioni.
- Clicca su Salva.
Aggiungi metacampi delle recensioni con Liquid personalizzato
I seguenti metafield possono essere usati nelle pagine prodotto e all'interno degli oggetti prodotto (ad esempio, all'interno di un riquadro prodotto in una pagina di raccolta). Non sono supportati al di fuori degli oggetti prodotto (ad esempio, nella pagina Chi siamo).
Metacampo | Contenuto | Tipo di dati |
{{ product.metafields.reviews.rating.value.rating }} | Valutazione media di un prodotto. | Virgola mobile (ad es., 3,5, 4,7) |
{{ product.metafields.reviews.rating_count }} | Il numero di valutazioni inviate per un prodotto. | Numero intero (ad es., 10, 45, 721) |
{{ product.metafields.reviews.rating.value.scale_min }} | La valutazione più bassa possibile (ad es. 1). | Numero intero; sempre 1 |
{{ product.metafields.reviews.rating.value.scale_max }} | La valutazione più alta possibile (ossia 5). | Numero intero; sempre 5 |
Disabilita i metacampi di recensione
I metacampi di recensione sono abilitati per impostazione predefinita. Per disabilitare i metacampi:
- Vai alla scheda Recensioni in Klaviyo.
- Seleziona Impostazioni delle recensioni.
- Seleziona Generale.
- In Shopify, disattiva l’impostazione denominata Sincronizza i metafield delle recensioni su Shopify.
- Clicca su Salva modifiche.
Risorse aggiuntive
- Come personalizzare i widget di recensione
Scopri come personalizzare l’aspetto dei tuoi widget per le recensioni (ad esempio, i blocchi sul tuo negozio che mostrano e raccolgono recensioni sui prodotti).
- Come utilizzare CSS personalizzato per definire lo stile dei widget di Klaviyo Reviews
Scopri di più sui CSS personalizzati per Klaviyo Reviews, incluso come implementare alcuni casi d’uso di base. Per casi d’uso più avanzati, vai alla nostra risorsa per sviluppatori sui CSS personalizzati per Klaviyo Reviews. La maggior parte della personalizzazione dei widget può essere implementata usando editor drag-and-drop; i CSS sono necessari solo per casi d’uso avanzati.