Passer au contenu principal

Guide rapide de l'interface utilisateur « Produits » de Shopify (application Web)

C
Écrit par Craig Wright

Cet article présente les différents écrans qui vous permettront de gérer vos images et vos fiches produits sur Shopify.


Produits (application Web)

Une fois Photoroom connecté à votre boutique, l'écran Produits s'affiche. Il est également appelé « Catalogue de produits Shopify » ou « Catalogue de produits ». Vous pouvez également y accéder en sélectionnant « Produits Shopify » dans la barre latérale.

L'écran « Produits » est une plateforme centrale où vous pouvez voir tous les produits que vous avez dans Photoroom. Ces produits peuvent être :

  • Dans Photoroom et Shopify

  • Dans Photoroom, en attente d’être ajoutés à Shopify.

Products screen showing the range of products in Photoroom that can be synced with your store.

Par défaut, vos produits s’affichent sous forme de grille, mais vous pouvez passer à un affichage sous forme de liste si vous le préférez. Pour chaque produit, Photoroom affiche l’image mise en avant.
​

Depuis l'écran « Produits » de Shopify, vous pouvez :


Éditeur de produits

Double-cliquez sur l’image d’un produit dans le catalogue de produits pour ouvrir ce produit dans l’éditeur de produits. C’est ici que vous pouvez modifier une ou plusieurs images d’un produit spécifique. Par défaut, la barre latérale Shopify s’affiche.


Menu latéral de l’éditeur de produit

Dans l’éditeur de produit, vous disposez d’une gamme de fonctionnalités d’édition courantes accessibles depuis le menu latéral. Lorsque vous utilisez ces options, les modifications que vous apportez s’appliquent par défaut à toutes les images du produit. Vous pouvez également sélectionner une ou plusieurs images ; dans ce cas, les modifications ne s’appliqueront qu’à ces images-là.

Le menu latéral comprend :

  • Modèles
    Appliquez un modèle à vos images de produit.
    ​

  • Redimensionner
    Modifiez la taille et le format de l'image.
    ​

  • Position
    Modifier le remplissage et le positionnement.
    ​

  • Arrière-plan
    Supprimez ou remplacez l'arrière-plan par une couleur, une image ou un arrière-plan généré par l'IA.
    ​

  • Ombres générées par l'IA
    Appliquez des effets d'ombre générés par l'IA.
    ​

  • Outils IA
    Utilisez des outils tels que « Modèles de mode IA », « Recolorer » et « Mannequin fantôme » pour générer de nouvelles images. Lorsque vous sélectionnez un outil IA, ses paramètres s’affichent dans la barre latérale.

  • Ajouter des images
    Importez de nouvelles images, utilisez des créations existantes ou générez des images par IA.
    ​

  • Shopify
    Affichez ou masquez la barre latérale Shopify (décrite plus loin dans cet article).
    ​

  • Utilisation
    Affiche les crédits IA et l'utilisation des exportations pour l'Espace.
    ​


Barre latérale Shopify

La barre latérale Shopify vous aide à préparer et à publier votre fiche produit sur Shopify. En parcourant ses différentes sections, vous pouvez rapidement créer une fiche complète comprenant des images, des informations sur le produit et des métadonnées SEO.

La barre latérale Shopify comprend :

  • Score de la fiche
    Indique le degré d’exhaustivité de votre fiche produit. En suivant les suggestions, vous améliorez votre score.
    ​

  • Liste de prises de vue générée par l’IA
    Permet de générer des suggestions d’images de produit (par exemple : vue de face, de dos, de profil, sur mannequin).
    ​

  • Titre et description
    Créez, modifiez ou générez le titre et la description de votre produit.
    ​

  • Référencement et métadonnées
    Créez, modifiez ou générez des noms de fichiers optimisés pour le référencement et des textes alternatifs pour les images de vos produits.
    ​

  • Variantes
    Ajoutez des images pour les variantes de produits (par exemple, les variantes de couleur ou de taille).


Menus contextuels de l'éditeur de produits

Chaque image de produit dispose de menus contextuels que vous pouvez utiliser pour modifier une image individuelle. Il existe un menu contextuel pour :

  • La vignette globale de l’image

  • Chaque calque de premier plan d’une image.

Les menus contextuels contiennent des options d’édition qui ne sont pas disponibles dans la barre latérale. Ils comprennent notamment des options permettant d’ajouter des calques de texte et des éléments graphiques, de régler la luminosité et les hautes lumières, d’accéder à la fonction Retouche, de recadrer un calque, de modifier l’ordre des calques et bien plus encore.

Important : les options d’un menu contextuel sont spécifiques au calque ou à l’image sélectionné(e). Par exemple, pour un calque de texte, vous disposez d’options d’édition de texte, qui diffèrent de celles proposées dans le menu contextuel d’un calque graphique.


Menu contextuel accessible par un clic droit

Si vous cliquez avec le bouton droit sur l'image d'un produit, un menu contextuel s'affiche.

The product editor showing its side menu, shopify sidebar, and a grid of images for a single product

Les options du menu contextuel accessible par un clic droit sont les suivantes :

  • Modifier
    ​​Ouvre l’image dans l’éditeur principal, où vous pouvez utiliser des fonctionnalités d’édition qui ne sont pas disponibles dans l’éditeur de produits Shopify.
    ​

  • Copier
    Copie l'image dans le presse-papiers de votre appareil.
    ​

  • Coller
    Colle le contenu du presse-papiers de votre appareil dans l'éditeur.
    ​

  • Copier/Coller les modifications
    Permet de copier les modifications apportées à une image, puis de les coller sur une autre image.

  • Dupliquer
    Crée une copie de l'image.
    ​

  • Supprimer
    Supprime l'image du produit. Notez que cela ne supprime pas l'image de Shopify tant que vous n'avez pas publié la mise à jour.
    ​

  • Créer une nouvelle section
    Ajoute une nouvelle section à votre éditeur de produits Shopify.
    ​

  • Tout sélectionner
    Permet de sélectionner toutes les images.
    ​

  • Enregistrer comme modèle
    Permet d'enregistrer l'image actuelle en tant que modèle.
    ​

  • Télécharger
    Exportez l'image du produit sous forme de fichier image.


Appliquer à toutes

Lorsque vous modifiez une image individuelle, l'option « Appliquer à toutes » devient disponible dans le menu contextuel de l'image. Il s'agit d'une option importante, car elle vous permet d'appliquer les mêmes modifications à toutes les autres images du produit.

Apply to all option on the pill menu for an image tile in the product editor

Si vous souhaitez uniquement copier les modifications récentes sur certaines images du produit plutôt que sur toutes, utilisez plutôt l'option « Copier/Coller les modifications » dans le menu contextuel accessible par un clic droit.

Pour en savoir plus, consultez la rubrique « Comment fonctionne l'option « Appliquer à toutes » ? ».

Important : l'option « Appliquer à toutes » est disponible dans le menu contextuel de la vignette d'image. Elle ne figure pas dans le menu contextuel des calques de premier plan. Si vous ne la voyez pas dans un menu contextuel, il est probable que vous ayez sélectionné un calque de premier plan plutôt que la vignette d'image.


Affichage en grille et affichage plein écran

Lorsque vous ouvrez un produit dans l’éditeur de produit, ses images s’affichent par défaut sous forme de grille. Il s’agit de la vue en grille, qui vous permet de modifier les images tout en les visualisant toutes.

Product images shown in Full Screen View

Pour un travail plus ciblé, vous pouvez passer en mode « Plein écran » en double-cliquant sur une image ou en utilisant le sélecteur de mode d’affichage dans la barre d’outils.

En mode plein écran, vous bénéficiez d’un agrandissement d’une image, ce qui facilite la modification des détails.

En bas de l'écran, vous trouverez une vignette des autres images du produit. Sélectionnez l'une de ces vignettes pour afficher cette image en mode plein écran.


Étapes suivantes

Maintenant que vous maîtrisez les écrans « Produits » de Shopify, vous pouvez commencer à créer et à modifier des fiches produits.


Articles connexes

Workflows principaux :

Modification :

Outils IA :

Avez-vous trouvé la réponse à votre question ?