Création et connexion d’un métaobjet

Dans ce tutoriel, vous apprendrez à créer un métaobjet personnalisé pour les mises en avant de produits et à les afficher sur votre boutique en ligne. Le métaobjet des mises en avant de produits affichera une image, le nom du produit, une légende et une description.

Ce tutoriel présente les définitions de métaobjet, la création d’entrées, la configuration d’une référence de champ méta, la connexion des produits aux entrées et, enfin, la publication du métaobjet sur votre boutique en ligne.

Ce que vous allez apprendre

Une fois que vous aurez terminé ce tutoriel, vous aurez accompli les tâches suivantes :

• Créé un métaobjet pour les mises en avant de produits
• Créé plusieurs entrées pour les mises en avant de produits à l’aide du métaobjet que vous avez créé
• Créé une définition de champ méta qui référence le métaobjet
• Connexion de vos entrées à des produits spécifiques
• Publié les entrées de votre métaobjet

Étape 1 : créer un métaobjet

1. Depuis votre interface administrateur Shopify, allez à Paramètres > Champs méta et métaobjets.

2. Dans la section Définitions de métaobjet, cliquez sur Ajouter une définition.

3. Nommez votre définition de métaobjet Mises en avant de produits.

4. Cliquez sur Ajouter un champ et sélectionnez le type de contenu que vous souhaitez afficher dans ce métaobjet. Les champs définissent le contenu affiché dans votre métaobjet, et chaque champ possède son propre ensemble d’options et de validations. Pour ajouter le premier champ, sélectionnez Fichier.

5. Configurez le type et les validations. Nommez le champ Image et saisissez une brève description.

6. Sous Accès, l’option Devanture est automatiquement sélectionnée. Conservez cette option sélectionnée, car elle permet à votre boutique d’accéder au contenu et de l’afficher.

7. Ajoutez le champ d’image à votre métaobjet. Choisissez Ajouter un champ > Fichier.

• Nommez ce champ Image.
• Décochez la case Vidéos pour limiter ce métaobjet à l’affichage d’images uniquement.
• Saisissez une description.
• Lorsque vous avez terminé, cliquez sur Ajouter.

8. Ajoutez le champ de titre à votre métaobjet. Cette fois, choisissez Ajouter un champ > Texte sur une seule ligne comme type de champ. Procédez comme suit :

• Nommez ce champ Titre.
• Cochez la case Utiliser ce champ comme nom d’affichage pour utiliser ce champ comme nom de l’entrée dans l’index.
• Saisissez une description.
• Lorsque vous avez terminé, cliquez sur Ajouter.

9. Ajoutez le champ de légende à votre métaobjet. Cliquez sur Ajouter un champ > Texte sur une seule ligne. Procédez comme suit :

• Nommez ce champ Légende.
• Saisissez une description.
• Lorsque vous avez terminé, cliquez sur Ajouter.

10. Ajoutez le champ de description à votre métaobjet. Cliquez sur Ajouter un champ > Texte sur plusieurs lignes. Procédez comme suit :

• Nommez ce champ Description.
• Saisissez une description.
• Lorsque vous avez terminé, cliquez sur Ajouter.

11. Enregistrez votre nouvelle définition de métaobjet.

Une fois votre définition de métaobjet enregistrée, vous pouvez commencer à créer des entrées.

Étape 2 : créer des entrées

1. Depuis votre interface administrateur Shopify, cliquez sur Contenu.
2. Cliquez sur la définition de métaobjet Mises en avant de produits sur laquelle baser la nouvelle entrée, puis cliquez sur Ajouter une entrée.
3. Remplissez les champs de votre entrée :
   • Cliquez sur Sélectionner une image, puis choisissez ou chargez une image pour cette mise en avant de produit.
   • Ajoutez un Titre et une Description.
4. Le statut est automatiquement défini sur Actif. Si vous ne souhaitez pas encore utiliser les entrées, vous pouvez alors remplacer le statut par Brouillon.
5. Cliquez sur Enregistrer.

Votre entrée possède une ancre générée, qui est un identifiant unique propre à une seule entrée de contenu. Une fois que vous commencez à connecter vos entrées à des zones de votre boutique, il n’est pas recommandé de modifier l’ancre. En savoir plus sur l’impact de la modification d’une ancre d’entrée après l’avoir utilisée dans votre boutique.

Répétez les étapes ci-dessus pour créer trois autres entrées basées sur la définition du métaobjet des mises en avant de produits.

Une fois que vous avez enregistré votre définition de métaobjet et vos entrées, vous pouvez créer une définition de champ méta qui référence le métaobjet.

Étape 3 : créer une définition de champ méta qui référence le métaobjet

1. Depuis votre interface administrateur Shopify, allez à Paramètres > Champs méta et métaobjets.

2. Dans la section Champs méta, cliquez sur Produits.

3. Cliquez sur Ajouter une définition. Saisissez un nom et une description uniques, puis cliquez sur Sélectionner le type de contenu.

4. Cliquez sur Sélectionner le type, puis sur Métaobjet.

5. Dans la section Référence, sélectionnez la définition de métaobjet que vous souhaitez référencer. Choisissez Mises en avant de produits. Cela limite la définition de champ méta de produit à l’affichage des seules entrées liées au métaobjet des mises en avant de produits.

6. Définissez si cette définition peut afficher une seule entrée ou une liste d’entrées. Pour cet exemple, choisissez l’option Liste d’entrées.

7. Dans la section Accès, l’option Vitrines est sélectionnée par défaut.

8. Cliquez sur Enregistrer.

Étape quatre : connexion de vos produits aux entrées

1. Depuis votre interface administrateur Shopify, allez à Produits.

2. Sélectionnez un produit sur lequel vous souhaitez afficher des points importants.

3. Dans cet exemple, nous souhaitons afficher une partie seulement des entrées de points importants du produit que nous avons créées. Dans la section Champs méta de produit, cliquez sur le champ d’entrée à côté de votre champ méta Product highlights. Si Product highlights ne figure pas dans la liste des champs méta, cliquez sur Afficher tout.

4. Cliquez sur Sélectionner des entrées. À cette étape, vous sélectionnez les entrées que vous souhaitez afficher sur ce produit en particulier. Choisissez deux de vos points importants de produit.

5. Retournez à la page de vos produits. Sélectionnez un autre produit et suivez l’étape précédente pour lui attribuer deux entrées de points importants différentes.

Ensuite, vous allez publier vos métaobjets sur votre boutique en ligne.

Étape cinq : publication de vos entrées dans votre boutique en ligne

Maintenant que vous avez connecté vos entrées à vos produits, il est temps d’afficher vos entrées sur votre boutique. Cette étape se déroule dans l’éditeur de thème, où vous sélectionnerez les blocs et les sections auxquels vos entrées de métaobjet seront associées.

Après avoir ajouté une section ou un bloc, vous pouvez sélectionner un champ méta en cliquant sur le bouton .

Étapes :

1. Depuis votre interface administrateur Shopify, allez à Boutique en ligne > Thèmes.

2. Recherchez le thème que vous souhaitez modifier, puis cliquez sur Personnaliser.

3. Utilisez le menu déroulant en haut de votre écran pour sélectionner Produits > Produit par défaut. Le modèle de produit par défaut se charge alors dans l’éditeur de thème.

4. Dans la barre latérale, cliquez sur Ajouter une section, puis choisissez Lignes multiples comme nouveau type de section.

5. Cliquez sur la première ligne de la section Lignes multiples.

   • Les paramètres du premier bloc s’affichent dans la barre latérale droite. Dans votre bloc de colonne, vous pouvez sélectionner manuellement une image, insérer un titre, ajouter une légende et ajouter une description. Vous pouvez également cliquer sur chaque icône de source de données et associer le paramètre du bloc à l’entrée souhaitée.

6. Cliquez sur Connecter la source dynamique à côté du nom du bloc pour sélectionner Product highlights. L’éditeur de thème remplit votre nouveau bloc de lignes multiples avec vos entrées de points importants de produit.

7. Configurez les blocs restants dans la section Lignes multiples ou supprimez les blocs inutilisés.

8. Cliquez sur Enregistrer pour publier vos entrées de points importants de produit.

Vos entrées s’affichent uniquement sur les produits auxquels elles sont connectées. Si aucune entrée n’est attribuée à un produit, la section reste vide (laissant un espace blanc), au lieu d’être entièrement supprimée. Le comportement exact peut varier en fonction de votre thème et de la section que vous utilisez. Testez donc votre modèle pour vérifier qu’il répond à vos besoins.

Si la section ne s’affiche pas comme vous le souhaitez lorsqu’aucune entrée n’est associée au produit, vous pouvez envisager de créer un nouveau modèle de produit et de l’attribuer aux produits qui ont des entrées.