Comment personnaliser l’image du produit dans un WooCommerce

Améliorer l’expérience des visiteurs d’un magasin virtuel est un objectif que chaque administrateur souhaite atteindre. Et l’un des petits changements qui peuvent être apportés est la personnalisation de chaque image de produit dans WooCommerce.

Être en mesure de déterminer comment les images seront affichées dans le catalogue et pour chaque article est très important, car c’est le visage de celui-ci et ce que l’acheteur aspire à acquérir .

Mais cela peut sembler un peu compliqué pour ceux qui ne gèrent pas encore tous les outils et programmes inclus dans WordPress , tels que WooCommerce.

WooCommerce vous donne également la possibilité que toutes vos ventes soient effectuées de manière propre, rapide et organisée. Vous pouvez créer et proposer à vos clients des factures électroniques et joindre des fichiers de paiement grâce à WooCommerce Checkout Manager.

De quoi ai-je besoin pour avoir une image de produit dans WooCommerce?

Afin de travailler avec cet outil e-commerce, il faudra avoir un compte sur la plateforme WordPress et être abonné à un plan.

Ce dernier est essentiel car, comme vous devriez déjà le savoir, WooCommerce est un plugin pour ce service de gestion de contenu. Et toutes les extensions sont exclusives aux clients abonnés.

En plus de cela, il est conseillé d’ avoir à portée de main les images à utiliser , ainsi que le reste des informations pertinentes par rapport aux produits.

Ayant cela prêt et présent, vous pouvez commencer à travailler sur l’établissement et la personnalisation d’une image de produit dans WooCommerce .

A partir de zéro: créer le produit

Avant de pouvoir ajouter ou personnaliser une image, il sera nécessaire de créer l’élément ou le produit avec lequel vous travaillerez et qui sera disponible pour les clients.

Pour cela, vous devez ouvrir et vous connecter à WordPress, puis le personnalisateur ou « WP Admin » se trouve sur le panneau latéral gauche .

De cette façon, il nous redirigera vers l’écran de l’administrateur du compte, où vous pourrez accéder, depuis le menu latéral, dans la section » WooCommerce » à l’onglet » Produit «.

Ainsi, les options parmi lesquelles nous choisirons » Ajouter nouveau » s’ouvriront, afin que nous puissions remplir les champs avec les informations correspondant à l’article ou au service.

Avant de cliquer sur » Publier «, l’image doit être insérée, sinon, la plateforme en placera une par défaut, qui sera visible lors de l’accès au lien du produit.

Personnalisation de l’image par défaut

Désormais, pour personnaliser l’image qui sera affichée par défaut, il est préférable d’avoir l’image à lier dans la » Médiathèque » de notre WordPress.

Ensuite, vous devrez vous rendre dans le même » WP Admin «, mais cette fois en choisissant l’onglet » Média » puis » Bibliothèque » pour pouvoir cliquer sur le fichier souhaité.

Lorsque la vue de celui-ci s’ouvre, le lien de l’image peut être copié à partir du côté droit. Grâce à ce lien, l’image du produit sera ajoutée dans WooCommerce.

L’étape suivante consiste à accéder au fichier » funtions.php » ou directement au plugin » Snippets «, ce dernier étant le plus recommandé.

Ensuite, nous localisons l’onglet « Extraits de code » dans le panneau latéral, et cliquons sur le mode « Ajouter un nouveau », et procédons à coller le code suivant:

add_filter (‘woocommerce_placeholder_img_src’, ‘bp_woo_placeholder’, 10);

function bp_woo_placeholder ($ image_url) {

$ image_url = »;

return $ image_url;}

Enfin, le lien vers l’image de la bibliothèque que nous avons copiée auparavant sera collé entre les guillemets, et de cette façon, l’image par défaut aura été modifiée.

Personnalisez une image de produit avec WooCommerce

Si vous voulez personnaliser une image spécifique pour un certain produit, vous devez ouvrir le » WP Admin » et dans » WooCommerce » aller dans les » Images du produit «.

Dans cette section, il sera possible de caractériser à la fois les images individuelles des produits, ainsi que celles présentées en miniature dans le catalogue.

Ensuite, vous pouvez modifier la » Largeur de l’image principale » et la » Largeur de la vignette » en plaçant les valeurs souhaitées en chiffres.

En outre, il est permis de définir les paramètres de recadrage spécifique sur les images miniatures sur « 1: 1 », « Personnalisé » et « Aucun recadrage ».

Par conséquent, il appartiendra à l’utilisateur de personnaliser l’ image du produit avec WooCommerce, puis nous devrons attendre que les modifications soient apportées de manière satisfaisante.

Si le produit que vous souhaitez personnaliser est très demandé et que vous êtes déjà en rupture de stock, WooCommerce vous donne la possibilité de pouvoir les masquer momentanément. 

Si le monde de la vente en ligne vous intéresse, pensez également à utiliser l’application Instagram Shooping pour rendre vos produits plus publics.