Bibliothèque multimédia WooCommerce avec dossiers et filtres

WooCommerce est devenu essentiel lors de la création d'un site e-commerce en raison des facilités et des outils qu'il offre, mais ce formidable plugin pourrait-il être un meilleur outil ? Eh bien, la réponse est Oui ! Mais pensez à une boutique qui contient des milliers de produits, avec des options et, pour chacun, 5 images. Trouver un média afin de le réutiliser serait presque impossible mais… Bonne nouvelle ! Nous avons la solution pour cela ;)

Puisque nous avons parlé de ce qu'il faut pour avoir un e-commerce parfait, nous parlons de l'une des meilleures solutions disponibles sur le marché comme WP Media Folder, qui est un plugin offrant de merveilleuses galeries que vous pouvez utiliser lorsque vous insérez des images et des vidéos sur votre site WordPress, mais en plus de cela, il vous permet également de trier vos fichiers dans des dossiers et sous-dossiers.

Comme vous pouvez le constater, vous pouvez utiliser ces deux plugins pour obtenir de meilleures performances, car WP Media Folder est totalement compatible avec WooCommerce, vous aurez donc la combinaison parfaite : WooCommerce pour créer et gérer votre e-commerce et WP Media Folder pour organiser tous vos fichiers. Mais ce n'est pas tout, voyons comment utiliser cette combinaison.

Utilisation des dossiers multimédias WooCommerce

Avec l’utilisation des dossiers multimédias WooCommerce, vous pourrez améliorer votre travail car tous les médias seront organisés et vous pourrez les trouver en un ou deux clics afin de les utiliser pour créer un nouvel article sur le produit ou en créer un nouveau en utilisant les médias à l’intérieur du produit.

Nous allons vous montrer un exemple de création et d'utilisation de ces dossiers et créer quelques cas d'usage pour vous donner des idées d'amélioration de votre e-commerce.

Pour cet exemple, nous allons utiliser une boutique de vêtements ; dans l'image suivante, vous verrez une bibliothèque de médias complètement désordonnée avec les images des produits à l'intérieur.

Comme vous pouvez le voir, toutes les images sont mélangées ; chemises, pulls, pantalons, images de thèmes, tout est en désordre et il pourrait être vraiment difficile de trouver une image en particulier alors… Que puis-je faire pour résoudre cela avec WP Media Folder? Avec WP Media folder , vous pourrez organiser tout cela pour faciliter le processus de sélection, par exemple, nous pouvons créer un dossier pour les hommes et un autre pour les femmes, avec à l'intérieur des sous-catégories comme pantalons, chemises, lunettes, et vous pouvez créer une limite de 8 niveaux de sous-catégories afin de pouvoir organiser comme vous le souhaitez.

Le processus de création d'un dossier avec ce formidable plugin est vraiment simple, utilisez simplement le menu de gauche.

Créez le dossier parent en cliquant sur “Créer un dossier”, saisissez le nom et cliquez sur “Créer”.

Pour créer un sous-dossier, placez-vous simplement dans le dossier où vous souhaitez créer le sous-dossier et répétez les étapes ; vous verrez une flèche sur laquelle vous pourrez cliquer pour afficher tous les sous-dossiers.

Un processus vraiment simple, et l'ajout des images dans leur dossier respectif l'est encore plus : cliquez simplement sur « Sélection groupée », sélectionnez toutes les images et déposez-les dans le dossier/sous-dossier où vous souhaitez les ajouter.

Vous pouvez également continuer à organiser les images en créant davantage de sous-dossiers, par exemple chemises et pantalons ; les sous-dossiers seront également visibles dans la partie supérieure du tableau de bord des dossiers.

Et tout sera très facile à trouver.

Mais si vous avez beaucoup de dossiers ? Il pourrait être vraiment difficile d'en trouver un en particulier, WP Media Folder dispose également d'un outil pour faciliter cela, la zone de texte au-dessus des dossiers, tapez simplement le dossier que vous recherchez et appuyez sur la touche Entrée.

Vous pourrez voir tous les dossiers liés à celui que vous avez saisi.

Créer un produit avec le gestionnaire de médias WooCommerce

D'accord, tout est parfait, vous pouvez créer tous les dossiers et organiser tous vos médias dans la médiathèque, mais puis-je l'utiliser dans le gestionnaire de médias WooCommerce ? La réponse est un oui absolu ! Tous les médias seront disponibles au moment de créer un produit pour votre e-commerce, il suffit d'aller sur le produit que vous souhaitez modifier/ajouter et de cliquer sur “définir l'image du produit”, vous pourrez voir le gestionnaire de médias avec tous les dossiers et images à l'intérieur.

Il existe quelques options pour filtrer et trier les images dans le dossier/sous-dossier afin de vous aider à trouver l'image exacte que vous recherchez, vous pouvez modifier les options de filtrage dans Réglages > WP Media Folder > Filtrage des médias.

Modifiez simplement et cliquez sur le bouton Enregistrer les modifications . Pour utiliser les options de filtrage et de tri dans la médiathèque, cliquez simplement sur “Tri / Filtrage” et sélectionnez les options dont vous avez besoin.

Vous pouvez également trier les dossiers dans le menu par ID, nom ou ordre personnalisé, ce qui vous permettra de trouver le dossier le plus rapidement possible.

Le processus pour définir l'image est le même, il suffit donc de sélectionner les images que vous souhaitez utiliser pour votre produit et de cliquer sur le bouton “Définir l'image du produit”.

Définissez votre logo avec des filigranes d'image

Les images que nous utilisons dans nos produits sont vraiment importantes, car nous pouvons parfois payer des mannequins afin d'obtenir les meilleures photos pour présenter les médias de notre produit, c'est pourquoi nous devrions utiliser un filigrane, un filigrane est le meilleur signe que nous pouvons ajouter aux médias que nous avons dans notre boutique.

Supposons que nous engagions un mannequin professionnel pour prendre des photos et les montrer afin de promouvoir un spectacle que nous vendons, mais il y a d'autres boutiques qui vendent le même produit.

Que se passe-t-il si nous n'avons pas de filigrane ? Les autres boutiques pourront utiliser ces photos professionnelles que nous avons prises et le pire, c'est qu'elles ne partageront pas le crédit avec notre boutique.

Mais ne vous inquiétez pas, avec WP Media Folder vous pourrez ajouter un filigrane à toutes les images de vos produits de la manière la plus simple.

Pour définir le Filigrane sur les images de nos produits, allons dans WP Media Folder Configuration > Renommer & Filigrane > Onglet Filigrane.

Dans cette section, nous allons pouvoir voir toutes les options disponibles pour le Filigrane, tout d'abord, activons la fonction Filigrane d'image et sélectionnons une image pour le filigrane en cliquant sur Sélectionner.

Comme vous pouvez le voir, nous avons sélectionné le filigrane, et avons également défini la taille du filigrane à partir des images afin de le rendre plus petit. Il existe d'autres options que vous pouvez définir, comme la position et la marge de l'image, ainsi que l'opacité si vous ne voulez pas que le filigrane soit complètement opaque.

L'étape suivante consiste à sélectionner les dossiers dans lesquels nous souhaitons ajouter ce filigrane, c'est le meilleur aspect de cette fonctionnalité : vous pouvez sélectionner uniquement les images de la Boutique et ne pas toucher aux images pour lesquelles vous ne voulez pas ajouter le filigrane. Nous allons donc sélectionner uniquement le dossier que nous avons créé pour ce tutoriel, appelé Store Images.

Enfin, cliquez sur Régénération des vignettes et le Filigrane sera ajouté sur toutes les tailles sélectionnées pour tous les dossiers sélectionnés.

Le processus va démarrer et vous verrez une barre l'indiquant, donc lorsqu'il se termine, le filigrane sera ajouté.

Vous pouvez revenir à votre Médiathèque et constater que toutes les images que nous avons sélectionnées portent désormais le filigrane.

Ajoutez des vidéos distantes à vos produits pour les rendre vraiment professionnels

Une autre bonne pratique lorsque nous ajoutons nos produits consiste à ajouter des vidéos.

Habituellement, selon le produit que nous proposons, nous pourrions avoir besoin d'une vidéo décrivant ce qu'est le produit que nous vendons, par exemple si nous vendons des jeux vidéo.

Parfois, nous pouvons simplement réutiliser les vidéos déjà réalisées, par exemple, pour des jeux vidéo qui ont des bandes-annonces et nous pouvons les ajouter directement depuis YouTube en utilisant WP Media Folder.

Dans cet exemple, nous allons ajouter une bande-annonce d'un jeu vidéo à promouvoir dans notre boutique, pour cela, nous pouvons nous rendre directement dans la section Produit de WooCommerce et Ajouter.

Dans cette section, nous pouvons procéder à l'ajout du produit comme nous le faisons habituellement.

Disons que nous voulons ajouter la vidéo directement dans la description du produit, alors nous allons simplement dans la description, cliquons sur Ajouter un média et nous verrons l'option Insérer depuis une URL alors cliquez dessus et ajoutez l'URL de la vidéo, un shortcode sera ajouté.

Vous verrez le shortcode dans la description.

Enfin, vous pouvez terminer la création de votre produit et vous pourrez voir la vidéo dans la description sur le frontend.

Vous pouvez désormais ajouter des vidéos à vos produits de la manière la plus simple et la plus professionnelle.

Une autre façon de visualiser les dossiers d'images WooCommerce

Nous allons voir ici une idée de comment utiliser les dossiers d'images WooCommerce pour présenter vos produits en créant des galeries, cela aura vraiment fière allure et vous utiliserez WP Media Folder au maximum.

Les clients recherchent toujours la manière la plus professionnelle et la plus simple de voir le produit qu'ils souhaitent acheter, et quoi de plus professionnel que d'afficher vos produits dans des galeries impressionnantes et responsives ? WP Media Folder peut rendre ce travail beaucoup plus facile car vous pourrez créer des galeries impressionnantes et variées en quelques clics.

Pour cet exemple, nous allons créer une galerie pour une section de vêtements pour hommes. Tout d'abord, allez dans la médiathèque, cliquez sur l'une des images que vous allez utiliser pour la galerie et trouvez l'option « Lien de la galerie d'images vers » dans la section de droite de la lightbox qui s'affichera, puis cliquez sur l'icône de trombone. 

Vous pourrez voir toutes les pages et tous les produits disponibles sur votre site WP, sélectionnez le produit qui correspond à cette image, vous pouvez utiliser la zone de recherche pour trouver le bon produit et cliquer sur “ouvrir le lien dans un nouvel onglet” si vous souhaitez qu'il s'affiche dans un nouvel onglet, enfin cliquez sur “ajouter un lien”.

Répétez ce processus avec toutes les images que vous allez utiliser pour la galerie, puis rendez-vous dans  Ajouter un article/une page, et sélectionnez le bloc « Wp media folder gallery » dans la section WP Media Folder .

Cliquez maintenant sur Médiathèque.

Sélectionnez les images que vous souhaitez utiliser pour la galerie (celles pour lesquelles vous avez sélectionné le lien) et cliquez sur Créer une nouvelle galerie.

Maintenant, définissez l'ordre en glissant-déposant les images, supprimez les images de la galerie si vous le souhaitez et cliquez sur Insérer la galerie.

Vous pourrez voir un menu dans la section de droite du bloc, choisissez le thème que vous souhaitez utiliser pour votre galerie.

Enfin, trouvez la liste déroulante « Action au clic » et sélectionnez l'option « Page de pièce jointe » dans le menu de droite.

Enfin, cliquez sur publier et c'est tout, vous aurez une superbe boutique réalisée avec une galerie.

Il suffit de cliquer dessus et de laisser la magie opérer, vous pourrez voir tous les produits que vous avez sélectionnés.

 
Comme nous pouvons le voir ici, nous avons créé une galerie exceptionnelle qui, en plus d'avoir un aspect professionnel, peut s'intégrer à n'importe quelle partie de votre site web et permettra aux clients d'accéder facilement à vos produits, puisqu'ils n'auront qu'à faire défiler et cliquer sur le produit qu'ils souhaitent voir ou acheter.

Vous pouvez également importer des fichiers et la structure des dossiers depuis votre serveur

Les clients recherchent toujours sur Internet des boutiques agréables à regarder et faciles à utiliser, tout en étant assez originales et dotées d'un large catalogue présenté de la manière la plus professionnelle possible, comme cela a été observé précédemment, la combinaison de ces plugins vous permet d'en réaliser plusieurs de manière vraiment rapide et simple, qu'attendez-vous ?

Allez-y maintenant et obtenez WP Media Folder maintenant : https://www.joomunited.com/wordpress-products/wp-media-folder