Référence des champs méta de Klaviyo Reviews pour Shopify
Objectif de cet article
Découvrez comment utiliser des métachamps pour personnaliser le contenu Klaviyo Reviews sur votre site. Les métachamps sont l’outil de Shopify permettant de stocker des variables personnalisées à utiliser sur l’ensemble de votre site, y compris sur les pages produit.
Cette ressource est destinée aux développeurs. L’utilisation de code personnalisé pour afficher les métachamps Shopify nécessite de bien connaître Liquid, le langage de création de modèles de Shopify. Vous pouvez afficher des avis sur votre site sans coder en utilisant les widgets d’avis personnalisables.
Les méta-champs de Klaviyo Reviews pour Shopify sont activés par défaut. Les méta-champs ne sont pas disponibles pour WooCommerce.
À propos des champs méta d’avis
L’ajout d’une expression de métachamp au code Liquid de votre thème affiche sa valeur. Si vous ajoutez {{ product.metafields.reviews.rating.value.rating }} au code Liquid de votre page produit, et que la note de ce produit est de 4,7, « 4,7 » apparaîtra à la place du métachamp lors du chargement de la page.
Vous pouvez également utiliser des métachamps pour des tâches plus complexes, notamment :
- Permettre à d’autres applications Shopify d’accéder aux données Klaviyo Reviews sur votre site et de les utiliser.
- Affichage dynamique de contenu pour des produits ayant certaines notes à l’aide de conditions.
- Coder votre propre affichage des notes en étoiles, plutôt que d’utiliser le widget de notes en étoiles Klaviyo Reviews.
Sur votre page Définitions des métachamps de produits Shopify, les métachamps de Klaviyo Reviews sont nommés Nombre d’évaluations du produit et Évaluation du produit.
Ajouter des champs méta d’avis avec l’éditeur de thème
Si votre thème prend en charge l’ajout de métachamps, utilisez l’icône de source dynamique pour ajouter des métachamps d’avis. L’ajout de métachamps d’avis avec l’éditeur de thème est pris en charge dans la section d’informations produit d’une page produit.
- Dans l’éditeur de thème de Shopify, accédez à une page de produit.
- Ouvrez (ou ajoutez) un champ qui prend en charge le texte.
- Sélectionnez l’icône de source dynamique.
- Sélectionnez un métachamp d’avis.
- Cliquez sur Enregistrer.
Ajouter des champs méta d’avis avec Liquid personnalisé
Les métachamps suivants peuvent être utilisés sur les pages produit et au sein des objets produit (p. ex., dans une vignette produit sur une page de collection). Ils ne sont pas pris en charge en dehors des objets de produit (p. ex., votre page À propos).
Champ méta | Contenu | Type de données |
{{ product.metafields.reviews.rating.value.rating }} | La note moyenne d’un produit. | Flottant (p. ex., 3,5, 4,7) |
{{ product.metafields.reviews.rating_count }} | Le nombre d’évaluations envoyées pour un produit. | Entier (p. ex., 10, 45, 721) |
{{ product.metafields.reviews.rating.value.scale_min }} | La note la plus basse possible (c’est-à-dire 1). | Entier ; toujours 1 |
{{ product.metafields.reviews.rating.value.scale_max }} | La note la plus élevée possible (c’est-à-dire 5). | Entier ; toujours 5 |
Désactiver les champs méta des avis
Les méta-champs d'avis sont activés par défaut. Pour désactiver les champs méta :
- Accédez à l’onglet Avis dans Klaviyo.
- Sélectionnez Paramètres des avis.
- Sélectionnez Général.
- Sous Shopify, désactivez le paramètre intitulé Sync review metafields to Shopify.
- Cliquez sur Enregistrer les modifications.
Ressources supplémentaires
- Personnaliser les widgets d’avis des clients
Découvrez comment personnaliser l’apparence de vos widget d’avis (par exemple, les blocs de votre boutique qui affichent et acceptent les avis sur vos produits).
- Comment utiliser du CSS personnalisé pour styliser les widgets Klaviyo Reviews
Découvrez le CSS personnalisé pour Klaviyo Reviews, y compris comment mettre en œuvre certains cas d’utilisation de base. Pour des cas d’utilisation plus avancés, consultez notre ressource pour les développeurs sur le CSS personnalisé pour Klaviyo Reviews. La plupart des personnalisations de widget peuvent être mises en œuvre à l’aide d’éditeurs par glisser-déposer ; le CSS n’est requis que pour les cas d’utilisation avancés.