Ajouter des produits à StoreFront

Avec StoreFront, vous pouvez vendre des produits que vous fabriquez vous-même, revendre des produits d'autres fournisseurs, utiliser des services de livraison directe ou vendre des produits et des services numériques. Une fois que vous savez ce que vous voulez vendre, ajoutez des produits au catalogue de votre store de façon à ce que les clients puissent les voir et les acheter dans votre StoreFront.

Deux possibilités s'offrent à vous pour approvisionner votre StoreFront : vous pouvez ajouter des produits un par un (manuellement) ou de façon groupée grâce à l'outil d'importation. Le mode manuel est plus adapté si vous n'ajoutez que quelques produits. Si vous effectuez un transfert à partir d'une autre solution de commerce électronique ou si vous avez déjà votre liste de produits sur une feuille de calcul, ajoutez des produits à votre StoreFront en utilisant plutôt l'importation.

Le nombre de produits que vous pouvez ajouter dépend de votre forfait.

Ajout manuel de produits

Pour ajouter manuellement des produits à votre StoreFront :

  1. Dans le menu du Store, cliquez sur Catalogue, puis sur Produits.
  2. Cliquez sur + Nouveau produit.
  3. Saisissez les principales informations du produit : nom, REF, description et prix. Si vous expédiez le produit, indiquez le poids.
  4. Pour ajouter une image afin d'illustrer votre produit, cliquez sur Ajouter une image.
  5. Limitez le stock selon la disponibilité de votre produit.
  6. Cliquez sur Enregistrer.
    Vous avez ajouté un produit à votre StoreFront.
  7. Cliquez sur Aperçu du produit pour voir comment ce produit s'affichera dans votre boutique en ligne.

Mise en ligne des images d'un produit

Vous pouvez ajouter un nombre illimité d'images à chaque produit de votre StoreFront. Pour vos produits, nous vous conseillons d'utiliser des images au format JPG, PNG et GIF et dans le modèle de couleurs RVB.

Pour ajouter des images à un produit :

  1. Dans le menu du Store, cliquez sur Catalogue, puis sur Produits.
  2. Cliquez sur un produit pour accéder à sa page de gestion.
  3. Cliquez sur Ajouter une image.
  4. Dans le popup, sélectionnez le nombre d'images requises pour le produit. Maintenez enfoncée la touche CTRL sous Windows ou la touche Cmd sur Mac OS pour sélectionner plusieurs images, ou maintenez la touche Maj enfoncée pour sélectionner un groupe d'images.
  5. Cliquez sur Ouvrir. L'importation des images commence.
  6. Une fois les images importées, cliquez sur Enregistrer sur la page de gestion du produit.

Vous pouvez également faire glisser des images d'un dossier de votre ordinateur et les déposer sur la page de gestion de ce produit.

Lorsque vous ajoutez plusieurs images à un produit, la première image mise en ligne est considérée comme l'image principale du produit. StoreFront affiche l'image principale dans la liste des produits et sur la page du produit.

Si vous souhaitez modifier l'ordre des images, vous pouvez les faire glisser sur la page de gestion du produit. Pour définir une image comme image principale du produit, placez-la en premier dans la liste.

Pour personnaliser l'apparence des images, cliquez sur Design dans le menu du Store.

  • Choisissez la taille et la valeur de proportion des images principales dans la liste des produits.
  • Décidez si des images supplémentaires doivent apparaître sur les pages des produits sous forme de vignettes ou d'images en taille réelle.
  • Décidez si vous souhaitez afficher des images supplémentaires lors du survol de la liste des produits.
Remarque

Si vous choisissez d'afficher des images supplémentaires sous forme de vignettes sur les pages des produits, le fait de cliquer sur une vignette de ce type fera apparaître une fenêtre contextuelle avec une image plus grande.

Toutes les images sont automatiquement redimensionnées pour s'adapter à l'écran du client. Cela permet de voir l'image complète sans avoir à faire défiler l'écran. Si la taille d'origine est plus grande que l'image redimensionnée, un client peut cliquer sur « + » pour voir l'image dans sa taille d'origine.

Ajouter des produits en utilisant une importation CSV

Vous pouvez faire un ajout groupé de produits à votre StoreFront en utilisant la fonction d'importation. Si vous disposez d'un fichier CSV contenant vos produits, téléchargez-le simplement dans le menu du store pour que les produits s'affichent dans votre StoreFront.