WooCommerce Media Library met mappen en filters

WooCommerce is onmisbaar geworden bij het creëren van e-commerce vanwege de faciliteiten en tools die het biedt, maar zou deze geweldige plugin een betere tool kunnen zijn? Nou, het antwoord is Ja! Maar denk aan een winkel met duizenden producten, opties met voor elk 5 afbeeldingen. Een media vinden om te hergebruiken zou bijna onmogelijk zijn, maar… Goed nieuws! We hebben de oplossing ervoor ;)

Nu we het hebben gehad over wat er nodig is voor de perfecte e-commerce, hebben we het over een van de beste oplossingen die op de markt beschikbaar zijn, zoals WP Media Folder, een plugin die prachtige galerijen biedt die je kunt gebruiken wanneer je afbeeldingen en video's op je WordPress-site invoegt, maar daarnaast kun je er ook je bestanden in mappen en submappen ordenen.

Zoals je kunt zien, kun je deze twee plugins gebruiken voor betere prestaties, omdat WP Media Folder volledig compatibel is met WooCommerce, zodat je de perfecte combinatie krijgt: WooCommerce om je e-commerce te creëren en te beheren, en WP Media Folder om al je bestanden geordend te houden. Maar dat is nog niet alles, laten we eens kijken hoe we deze combinatie kunnen gebruiken.

WooCommerce Media Folders gebruiken

Met het gebruik van WooCommerce mediamappen kun je je werk verbeteren, omdat alle media geordend zullen zijn en je ze met één of twee klikken kunt vinden om ze te gebruiken voor het maken van een nieuw bericht over het product of om een nieuw bericht te maken met de media in het product.

We gaan een voorbeeld laten zien van hoe je deze mappen kunt aanmaken en gebruiken, en we geven een paar use cases om je ideeën te geven voor de verbetering van je e-commerce.

Voor dit voorbeeld gebruiken we een kledingwinkel. In de volgende afbeelding zie je een volledig wanordelijke mediabibliotheek met daarin de productafbeeldingen.

Zoals je kunt zien, zijn alle afbeeldingen door elkaar gemixt; overhemden, truien, broeken, thema-afbeeldingen, alles staat door elkaar en het kan heel moeilijk zijn om één specifieke afbeelding te vinden, dus… Wat kan ik doen om dit op te lossen met WP Media Folder? Met WP Media folder kun je ze ordenen om het selectieproces gemakkelijker te maken. We kunnen bijvoorbeeld een map voor mannen en een andere voor vrouwen aanmaken, met daarin subcategorieën zoals broeken, overhemden en brillen, en je kunt een limiet van 8 niveaus aan subcategorieën instellen, zodat je het naar wens kunt ordenen.

Het proces om een map aan te maken met deze geweldige plugin is heel eenvoudig, gebruik gewoon het menu aan de linkerkant.

Maak de bovenliggende map aan door op “Create Folder” te klikken, typ de naam en klik op “Create”.

Om een submap aan te maken, plaats je deze gewoon in de map waar je de submap wilt aanmaken en herhaal je de stappen. Je ziet dan een pijl die je kunt aanklikken om alle submappen te bekijken.

Een heel eenvoudig proces en het toevoegen van de afbeeldingen aan hun respectievelijke map is nog eenvoudiger: klik gewoon op “Bulk Select”, selecteer alle afbeeldingen en sleep ze naar de map/submap waar je ze wilt toevoegen.

U kunt de afbeeldingen ook blijven ordenen door meer submapjes aan te maken, bijvoorbeeld shirts en broeken. De submapjes zijn ook zichtbaar aan de bovenkant van het mappen-dashboard.

En alles zal heel gemakkelijk te vinden zijn.

Maar wat als je veel mappen hebt? Het kan echt moeilijk zijn om een specifieke map te vinden. WP Media Folder heeft ook een hulpmiddel om dat makkelijker te maken: het tekstvak boven de mappen. Typ gewoon de map die je zoekt en druk op Enter.

Je kunt alle mappen zien die gerelateerd zijn aan de map die je hebt getypt.

Een product aanmaken met de WooCommerce Media Manager

Oké, alles is perfect, je kunt alle mappen aanmaken en al je media in de mediabibliotheek ordenen, maar kan ik het gebruiken in de WooCommerce-mediabeheerder? Het antwoord is absoluut Ja! Alle media zijn beschikbaar op het moment dat je een product voor je e-commerce aanmaakt. Ga gewoon naar het product dat je wilt bewerken/toevoegen en klik op “productafbeelding instellen”; je ziet dan de mediabeheerder met alle mappen en afbeeldingen erin.

Er zijn enkele opties om de afbeeldingen in de map/submap te filteren en te sorteren, zodat je de exacte afbeelding kunt vinden die je zoekt. Je kunt de filteropties aanpassen in Instellingen > WP Media Folder > Mediafiltering.

Wijzig het gewoon en klik op de knop Wijzigingen opslaan . Om de filter- en sorteeropties in de mediabibliotheek te gebruiken, klik je op "Sorteren / Filteren" en selecteer je de opties die je nodig hebt.

Je kunt de mappen in het menu ook sorteren op Id, naam of aangepaste volgorde; dat helpt je om de map zo snel mogelijk te vinden.

Het proces om de afbeelding in te stellen is hetzelfde, dus selecteer gewoon de afbeeldingen die je voor je product wilt gebruiken en klik op de knop “Productafbeelding instellen”.

Stel je logo in met afbeeldingswatermerken

De afbeeldingen die we in onze producten gebruiken zijn echt belangrijk, omdat we soms modellen kunnen betalen om de beste foto's te krijgen om de media van ons product weer te geven. Daarom zouden we een watermerk moeten gebruiken; een watermerk is het beste teken dat we kunnen toevoegen aan de media die we in onze winkel hebben.

Stel dat we een professioneel model inhuren om foto's te maken en te tonen om een show te promoten die we verkopen, maar er zijn andere winkels die hetzelfde product verkopen.

Wat gebeurt er als we geen watermerk hebben? Andere winkels kunnen deze professionele foto's die wij hebben genomen gebruiken, en het ergste is dat ze de eer niet met onze winkel zullen delen.

Maar maak je geen zorgen, met WP Media Folder kun je op de eenvoudigste manier een watermerk aan al je productafbeeldingen toevoegen.

Om het watermerk in te stellen op onze productafbeeldingen, gaan we naar WP Media Folder Configuratie > Naam wijzigen & Watermerk > Tabblad Watermerk.

In dit gedeelte kunnen we alle beschikbare opties voor het watermerk bekijken. Laten we eerst de functie voor het afbeeldingswatermerk inschakelen en een afbeelding voor het watermerk selecteren door op Selecteren te klikken.

Zoals je kunt zien, hebben we het watermerk geselecteerd en ook de grootte van het watermerk van afbeeldingen ingesteld om het kleiner te maken. Er zijn andere opties die je kunt instellen, zoals de positie en de afbeeldingsmarge, en ook de dekking als je niet wilt dat het watermerk volledig dekkend is.

De volgende stap is het selecteren van de mappen waaraan we dat watermerk willen toevoegen. Dat is het beste deel hiervan: je kunt alleen de afbeeldingen uit de winkel selecteren en de afbeeldingen met rust laten waar je het watermerk niet wilt toevoegen. We selecteren dus alleen de map die we voor deze tutorial hebben gemaakt, genaamd Store Images.

Klik ten slotte op Thumbnail regeneration en het watermerk wordt toegevoegd aan alle geselecteerde formaten voor alle geselecteerde mappen.

Het proces start en je ziet een balk die dit aangeeft, dus wanneer het klaar is, wordt het watermerk toegevoegd.

U kunt teruggaan naar uw mediabibliotheek en zien dat alle afbeeldingen die we hebben geselecteerd nu het watermerk hebben.

Voeg externe video's toe aan je producten om ze echt professioneel te laten lijken

Een andere goede praktijk bij het toevoegen van onze producten is het toevoegen van video's.

Meestal, afhankelijk van het product dat we aanbieden, hebben we mogelijk een video nodig die beschrijft wat het product dat we verkopen is, bijvoorbeeld als we videogames verkopen.

Soms kunnen we gewoon de video's hergebruiken die al gemaakt zijn, bijvoorbeeld voor videogames met trailers, en die kunnen we rechtstreeks vanaf YouTube toevoegen met WP Media Folder.

In dit voorbeeld gaan we een trailer van een videogame toevoegen om in onze winkel te promoten. Hiervoor kunnen we direct naar het gedeelte Product van WooCommerce gaan en op Nieuwe toevoegen klikken.

In dit gedeelte kunnen we doorgaan met het toevoegen van het product zoals we dat normaal doen.

Stel dat we de video rechtstreeks aan de beschrijving van het product willen toevoegen, dan gaan we gewoon naar de beschrijving, klikken op Media toevoegen en we zien de optie om Invoegen vanaf URL dus klik erop en voeg de video-URL toe, er wordt een shortcode toegevoegd.

Je ziet de shortcode in de beschrijving.

Ten slotte kun je het aanmaken van je product afronden en kun je de video in de beschrijving aan de voorkant zien.

Nu kunt u op de eenvoudigste en meest professionele manier video's aan uw producten toevoegen.

Een andere manier om de WooCommerce-afbeeldingenmappen te bekijken

Hier zien we een idee van hoe je de WooCommerce-afbeeldingsmappen kunt gebruiken om je producten te tonen door galerijen te maken. Het ziet er echt geweldig uit en je haalt het maximale uit WP Media Folder .

Klanten zoeken altijd naar de meest professionele en eenvoudigste manier om het product te bekijken dat ze willen kopen, en wat is er professioneler dan je producten op een geweldige en responsieve manier weer te geven met behulp van galerijen? WP Media Folder kan dat werk echt een stuk eenvoudiger maken, want je kunt geweldige en verschillende galerijen maken door simpelweg te klikken en te selecteren.

Voor dit voorbeeld gaan we een galerij maken voor een herenkledingsectie. Ga eerst naar de mediabibliotheek, klik op een van de afbeeldingen die u voor de galerij gaat gebruiken en zoek de optie “Image gallery link to” in het rechtergedeelte van de lightbox die wordt weergegeven en klik op het paperclip-pictogram. 

Je kunt alle pagina's en producten bekijken die beschikbaar zijn op je wp-site, selecteer het product dat overeenkomt met die afbeelding, je kunt het zoekvak gebruiken om het juiste product te vinden en klik op “link openen in een nieuw tabblad” als je wilt dat het in een nieuw tabblad wordt weergegeven, klik ten slotte op “link toevoegen”.

Herhaal dit proces met alle afbeeldingen die je gaat gebruiken voor de galerij. Ga daarna naar  Nieuw bericht/pagina toevoegen en selecteer het blok “Wp media folder galerij” in de sectie WP Media Folder .

Klik nu op Mediabibliotheek.

Selecteer de afbeeldingen die je voor de galerij wilt gebruiken (degene waar je de link hebt geselecteerd) en klik op Nieuwe galerij maken.

Definieer nu de volgorde door de afbeeldingen te slepen en neer te zetten, verwijder indien gewenst afbeeldingen uit de galerij en klik op Galerij invoegen.

Je zult een menu zien aan de rechterkant van het blok, kies het thema dat je wilt gebruiken voor je galerij.

Zoek ten slotte de vervolgkeuzelijst “Actie bij klikken” en selecteer de optie “Bijlagelijst” in het rechtermenu.

Klik ten slotte op publiceren en dat is alles, je hebt een geweldige winkel gemaakt met een galerij.

Klik er gewoon op en laat de magie zijn werk doen, je kunt alle producten zien die je hebt ingesteld.

 
Zoals we hier kunnen zien, hebben we een geweldige galerij gemaakt die er niet alleen professioneel uitziet, maar ook op elk deel van je website past en klanten gemakkelijk toegang geeft tot je producten, aangezien ze alleen maar hoeven te schuiven en te klikken op het product dat ze willen bekijken of kopen.

Je kunt ook bestanden en mappenstructuur vanaf je server importeren

Klanten zoeken altijd naar winkels op het internet die prettig zijn om naar te kijken en gemakkelijk te bedienen, en die tegelijk behoorlijk origineel zijn en een grote catalogus op de meest professionele manier mogelijk tonen. Zoals eerder opgemerkt, stelt de combinatie van deze plugins je in staat om er verschillende op een heel snelle en eenvoudige manier te maken. Waar wacht je nog op?

Ga nu en haal WP Media Folder nu: https://www.joomunited.com/wordpress-products/wp-media-folder