Productmanagement in een CoBranding Webshop

Een webshop waar nooit nieuwe producten op komen is eerder de uitzondering dan de regel. Gelukkig is het niet zo moeilijk om zelf producten toe te voegen of aan te passen met het systeem dat wij gebruiken. Op deze manier kunnen we vermijden dat je iedere keer de webdesigner moet contacteren om een product toe te voegen, waardoor je dus ook die facturen kan besparen. Alleen maar voordelen dus!

Naast het aanpassen en toevoegen van producten, zijn er ook nog andere leuke features zoals kortingsbonnen en rapporten over de verkoop. In een latere blogpost gaan we hier verder op in. Nu focussen we eerst op het beheren van de artikelen in de webshop.

Mocht het zijn dat je niet enkel producten wil aanpassen, maar ook andere elementen op jouw website. Dan kan je dit hier lezen.

Voor we echt van start gaan, haal ik graag nog even aan dat je zeker niet bang moet zijn dat er dingen mislopen. Wij nemen namelijk wekelijks een back-up van al onze websites. Als er dus iets misloopt, zetten we gewoon de laatste back-up terug. Ga dus gerust zelf aan de slag en test dingen uit! Er kan maar weinig misgaan.

Dit artikel is opgedeeld in 4 delen. Door gebruik te maken van onderstaande navigatie kan je onmiddellijk doorgaan naar het deel dat je nodig hebt. Deel 1 is echter wel steeds noodzakelijk voor dat je iets anders kan doen. Dit lees je dus best eerst eens door.

Om ervoor te zorgen dat alles zo duidelijk mogelijk is. Hebben we een test-webshop opmaakt die polshorloges verkoopt. Op deze manier kunnen we praktische voorbeelden geven van hoe je best nieuwe producten toevoegt of bestaande producten aanpast.

Inloggen in WordPress lijkt een stuk moeilijker dan dat het in werkelijkheid is. Om te beginnen surf je naar de homepagina van jouw website en voeg je achteraan de link /wp-admin toe. In ons geval wordt dit dus www.cobranding-onlinemarketing.be/wp-admin.

Wanneer alles goed verlopen is, krijg je onderstaand scherm te zien.

Het enige wat je nu nog moet doen om het dashboard van jouw WordPress site te bereiken, is jouw gebruikersnaam of email adres en het wachtwoord dat je gekozen hebt ingeven. Nadien druk je op login en wordt je doorgestuurd naar het administratiepaneel van jouw website. Wanneer alles goed verlopen is, krijg je het volgende scherm te zien.

Het kan zijn dat jouw scherm er wat anders uit ziet door bepaalde meldingen die WordPress geeft. Deze mag je gewoon negeren. Als je dit, of een gelijkaardig scherm te zien krijgt, ben je succesvol ingelogd.

Nu je ingelogd bent is het tijd om echt van start te gaan: producten toevoegen en aanpassen. We gaan ons hierbij voornamelijk focussen op het aanmaken van nieuwe producten, aangezien producten aanpassen volledig analoog is.

Om te beginnen navigeer je naar het tabblad “producten” in de menubalk links. Je komt dan terecht op een scherm dat gelijkaardig is aan onderstaande afbeelding. In mijn webshop staat er momenteel maar één product, bij jou zie je hier normaal een volledige lijst van alle producten die je verkoopt.

Om een nieuw product toe te voegen, klik je bovenaan het scherm op “nieuw toevoegen”. Dit kan je ook terugvinden in de menubalk links. Welke van de twee knoppen je gebruikt, heeft geen belang. Wanneer je hierop geklikt hebt, kom je op volgend scherm terecht:

De meest eenvoudige stap, is de productnaam toevoegen. Dit doe je in de bovenste balk waar “productnaam” in staat.

Wij willen een product genaamd “The Minimalist – Fossil” toevoegen. Dit ziet er dan als volgt uit:

Als tweede geven we dit product graag een uitgebreide beschrijving, zodat mensen die extra informatie over het product willen, deze ook kunnen verkrijgen. Deze uitgebreide beschrijving zetten we in het kader onder de titel.

Als we helemaal rechts, ongeveer in het midden van het scherm op de knop “voorbeeld” klikken, kunnen we al eens kijken hoe ons product er momenteel uitziet. Bij ons, ziet het er zo uit:

De uitgebreide beschrijving staat in ieder geval al waar ze moet staan, net onder de foto. Wat wel opvalt is de balk aan de rechterzijde van het product. Bij het overgrote deel van de webshops die wij maken, halen we deze balk weg. We geven de bezoekers van de webshop namelijk graag een duidelijk beeld van het product, zonder al te veel afleiding. Deze balk weghalen kan jij nu zelf ook doen. Om dit te doen sluit je het voorbeeld en ga je terug naar de pagina van het nieuwe product. Dit kan je gewoon doen door het tabblad dat geopend is in jouw webbrowser weg te klikken. Zo komen we opnieuw terecht op onderstaand scherm.

Die balk aan de rechterzijde kan je makkelijk wegkrijgen door rechts op het scherm, onder het paarse balkje, de “pagina lay-out” te verzetten van “rechter zijbalk” naar “Fullwidth”.

Dat ziet er al een stuk beter uit! Nu moeten we nog de korte beschrijving invoeren, een of meerdere productcategorieën selecteren en een foto toevoegen. Daarna kunnen we overgaan naar de iets meer geavanceerde opties.

Om een korte beschrijving van het product toe te voegen, scrol je helemaal naar beneden tot je deze kader te zien krijgt:

Daar kan je dan een korte beschrijving toevoegen van het product. Dit komt dat naast de foto van het product terecht, zoals je hier kan zien.

Om een productcategorie toe te voegen, scrol je naar ongeveer het midden van de pagina. Aan de rechterzijde kan je dan een categorie selecteren uit alle bestaande productcategorieën. In ons geval is dit de categorie “polshorloges”. Wil je een volledig nieuwe productcategorie toevoegen? Lees dan zeker deel 3.

Voor we aan de meer geavanceerde opties beginnen, moeten we nu enkel nog een foto van het product toevoegen. Dit kunnen we doen door opnieuw volledig naar onder te scrollen en daar in het voorlaatste kadertje op “productafbeelding instellen” te klikken. Let op! Zorg dat je bij productafbeelding zit en niet bij productgalerij.

Wanner je op “productafbeelding instellen” geklikt hebt, krijg je een scherm te zien met alle afbeeldingen die reeds toegevoegd werden aan de website.

Om een nieuwe afbeelding toe te voegen van de bestanden op jouw computer, klik je linksboven op “bestanden uploaden”.

Dan klik je op “bestanden selecteren” en ga je in jouw documenten op zoek naar de foto van het product. Deze zal dan geüpload worden en automatisch geselecteerd. Het enige dat je nu nog moet doen is rechtsonder op de knop “productafbeelding instellen” klikken.

Dit zijn de basiselementen die steeds moeten gebeuren wanneer je een nieuw product wil toevoegen. Hieronder duiken we iets dieper in de verschillende instellingen van het product. Er zijn 2 verschillende soorten producten die we kunnen instellen. Simpele producten en variabele producten. Al deze instellingen kan je vinden in de tab “productgegevens”. Dit ziet er als volgt uit:

Om te kiezen welk soort product je wil toevoegen, selecteer je gewoon de juiste productsoort in het keuzemenu.

Het valt je misschien op dat er nog twee producttypes zijn, namelijk “extern/affiliate product” en “gegroepeerd product”. Dit wordt echter nooit gebruikt door ons in de webshops die we maken. Deze productsoorten zijn dus niet relevant voor jou.

1. Simpel product toevoegen

Om te beginnen, kijken we naar een simpel product. Dit is de meest standaard soort. Namelijk, een gewoon enkelvoudig product dat je in één kleur en één maat kan aanschaffen. Wanneer er geen verschillende variaties van hetzelfde product zijn, kies je voor een simpel product.

De invulvelden zijn vaak vrij duidelijk, maar we overlopen ze hier toch even kort.

Onder het tabblad algemeen zie kan je de reguliere prijs en actieprijs instellen. Zoals de woorden zelf zeggen, is de reguliere prijs de normale prijs van hebt product. De actieprijs is wanneer je een bepaalde korting wil geven voor een product. Wanneer je een actieprijs instelt, kan je ook onmiddellijk een periode instellen. Op deze manier kan je de actieprijs tussen bepaalde data laten lopen. Nadat de einddatum verstreken is, zal de webshop automatisch de reguliere prijs opnieuw tonen. Voor ons product stellen wij hier een reguliere prijs in van €79,95 en een actieprijs van €59,95.

Nu kunnen we verder gaan naar het tweede tabblad, voorraad. Hier hebben we de mogelijkheid om de voorraad van het product te beheren.

Als eerste invulveld staat het SKU-nummer. Wanneer je geen idee hebt wat dit is, mag je dit invulveld gewoon wit laten. In het andere geval, vul je jouw SKU-nummer hier in.

Dan heb je de mogelijkheid om voorraadbeheer te activeren. Door dit aan te vinken, krijg je de mogelijkheid om een voorraad in te geven. Deze gaat dan automatisch aangepast worden wanneer het product verkocht wordt.

Als je ervoor kiest om de voorraad niet via de webshop te beheren, kan je dit gewoon overslaan. De voorraadstatus staat normaal gezien op “Op voorraad”, tenzij het product natuurlijk uit stock is.

Als laatste mag het vinkvakje naast individueel verkocht steeds leeg blijven. Wanneer je dit aan vinkt, zorg je er namelijk voor dat mensen maar één stuk van het product kunnen kopen. In ons geval zouden klanten dus maar één horloge tegelijkertijd kunnen kopen. Aangezien we zo veel mogelijk willen verkopen met onze webshop, is het dus beter om dit vakje niet aan te vinken.

Het tabblad “Verzendmethoden” mag je in normale omstandigheden gewoon overslaan. Enkel wanneer wij dit expliciet met jou meegedeeld hebben, moet je hier gebruik van maken. In dat geval heb je van ons ook instructies gekregen hoe je dit precies moet aanpakken.

Dit geldt ook voor gerelateerde producten en eigenschappen. Enkel wanneer we jou expliciet hebben uitgelegd hoe en wanneer je dit moet gebruiken, is dit voor jou van toepassing.

Als laatste tabblad hebben we dan nog “geavanceerd”. Het enige wat hier nog moet gebeuren is het vinkje naast “beoordelingen” weghalen. Enkel in zeer specifieke gevallen of vrij grote webshops, kan je reacties toelaten. Ook in dit geval hebben we dit dan uitvoerig besproken met jou. Als we dat niet gedaan hebben, betekend het dat je dit vinkje best weghaalt.

Het enige wat nu nog moet gebeuren is het nieuwe product publiceren. Dit doe je door opnieuw naar boven te scrollen en op “publiceren” te klikken aan de rechterzijde van jouw scherm.

2. Variabel product toevoegen

Naast de simpele producten, heb je ook de mogelijkheid om variabele producten toe te voegen. Dit zal je doen wanneer je een product hebt die je bijvoorbeeld in meerdere maten of in meerdere kleuren verkoopt. Zo geef je de bezoeker van jouw webshop de mogelijkheid om de juiste maat of het geprefereerde kleur te kiezen.

Om te beginnen ga je opnieuw door de stappen die je moet doen bij ieder product (productnaam, productbeschrijving, foto, enzovoort). Belangrijk hierbij is dat je nu de standaardvorm van het product aan het instellen bent. Stel bijvoorbeeld dat we een polshorloge hebben in 2 kleuren: grijs en zwart. Op onze homepagina willen we dit product uitlichten met een foto. Dan zullen we de standaardvariatie van het product laten zijn. Wij zullen hier de zwarte variatie als standaardversie gebruiken, omdat we denken dat deze beter zal verkopen.

Als het nog niet helemaal duidelijk is wat ik hiermee bedoel, zal het wel duidelijk worden in het vervolg van dit bericht.

Om ons nieuw product toe te voegen hebben we dus al de titel, korte en lange productbeschrijving, en productafbeelding ingevuld. Daarnaast hebben we ook nog de pagina-lay-out naar fullwidth gezet. We zijn dus opnieuw terecht gekomen bij het kader met de productgegevens.

Deze keer kiezen we voor het producttype “variabel product”. Bij het eerste tabblad dat dan tevoorschijn komt, kan je de voorraad beheren. Dit scherm laten we volledig voor wat het is. Enkel als je een SKU-nummer hebt, vul je dit hier best in. Ook de tabbladen “verzendmethoden” en “gerelateerde producten” kunnen we gewoon zo laten.

We gaan dus onmiddellijk door naar het tabblad “eigenschappen”. Hier kunnen we verschillend eigenschappen van het product toevoegen. Zo kunnen we bijvoorbeeld de eigenschap “kleur” toevoegen, of de eigenschap “maat”. Dit zorgt er dan voor dan de bezoekers van jouw webshop, een keuze kunnen maken uit verschillende kleuren of maten van het product. Welke soort eigenschappen er aan een product gegeven kunnen worden zijn afhankelijk van hoe wij de webshop opgebouwd hebben. Ben je op zoek naar een bepaalde eigenschap van het product, maar is die nergens te vinden? Dan kan je best contact met ons opnemen. Wij helpen jou hier graag mee verder

In ons geval, gaan we de eigenschap “kleur” selecteren. Dit polshorloge is namelijk verkrijgbaar in het zwart en grijs.

Nadat we de eigenschap “kleur” hebben geselecteerd, klikken we op “toevoegen”. Hierdoor komen er een aantal extra opties op het scherm.

In het invulveld hebben we nu de mogelijkheid om de kleuren te selecteren. Wij selecteren hier zwart en grijs.

Wanneer blijkt dat het gewenste kleur niet geselecteerd kan worden, neem je best contact met ons op. Wij kunnen dan het gewenste kleur voor jou toevoegen.

Het is ook belangrijk dat beide vakjes (toon op productpagina & gebruik voor variaties) aangevinkt zijn.

Als dit allemaal gebeurd is, klik je op “eigenschappen opslaan” en kan je verder gaan naar het tabblad “variaties”. Hier kunnen we de verschillende variaties van het product gaan toevoegen. In ons geval is dit dus een grijze en een zwarte variant van het polshorloge.

Hier klik je gewoon op “ga”. Dit zorgt ervoor dat er verschillende extra opties tevoorschijn komen. Om te beginnen kan je de kleur van de eerste variatie kiezen. Bij ons is dit zwart.

Daarna klik je aan de rechterzijde, net naast verwijderen op het kleine zwarte driehoekje. Dit zorgt ervoor dat er verschillende opties tevoorschijn komen.

Door op het icoon van de afbeelding te klikken, kan je ook hier een afbeelding toevoegen van de eerste variatie van het product. Dit kan je op net dezelfde manier doen als bij de standaard productafbeelding. Aangezien we hier de zwarte variatie van het polshorloge aan het invoeren zijn, kiezen wij hier voor dezelfde afbeelding als de standaard afbeelding.

Hier kan je dan opnieuw een SKU-nummer ingeven wanneer je dit hebt. Bij de vinkvakjes, zorg je er best voor dat zowel “geactiveerd” als “voorraad beheren?” aangevinkt zijn.

In de invulvelden daaronder kan je dan de reguliere en eventuele actieprijs van deze variatie van het product ingeven. Ook de voorraadhoeveelheid kan je hier ingeven. “Nabestelling toestaan?” kan je eventueel op toestaan zetten. Dit zorgt ervoor dat mensen de mogelijkheid hebben om, indien het product uitverkocht is, toch nog te bestellen. Wanneer het product dan terug op voorraad is, kan je deze bestelling dan verzenden. De keuze hiervoor is natuurlijk volledig aan jou.

Het gewicht en afmetingen mogen open gelaten worden. Indien je deze informatie er toch graag op zet, kan je dit natuurlijk altijd doen.

De verzendklasse kan je in de meeste gevallen op “hetzelfde als hoofditem” laten staan. Als dit niet zo is, hebben we dit expliciet vermeld bij de opbouw van de website.

Bij beschrijving kan je eventueel een extra beschrijving geven van deze variatie van het product. Wanneer je dit niet doet, wordt de standaardbeschrijving van het product gewoon weergegeven.

Nadat dit alles ingevuld is, klik je op wijzigingen opslaan. De eerste variatie is dan ingevuld!

Om een tweede variatie toe te voegen, klik je opnieuw op “ga” naast “variatie toevoegen” en doorloop je dezelfde stappen als hierboven beschreven.

Nadat alle verschillende variatie toegevoegd zijn, scrol je terug naar boven en klik je op “publiceren” aan de rechterzijde van jouw scherm.

Wanneer dit gebeurd is, is het variabele product toegevoegd! Om te kijken hoe het er uitziet in de webshop, kan je op de knop “voorbeeld” klikken.

3. Product aanpassen

Een product aanpassen is eigenlijk vrij identiek aan het toevoegen van een nieuw product. Hiervoor klik je opnieuw op “producten” in de menu aan de linkerzijde.

Dit zorgt ervoor dat je een lijst van alle producten te zien krijgt. Om het product te bewerken, ga je met jouw muis over het product. Je zal zien dat je dan verschillende opties krijgt. Klik op “bewerken”. Zo kom je opnieuw terecht op het vertrouwde scherm dat je te zien krijgt als je een nieuw product wil toevoegen.

Het enige wat je nu moet doen is de aanpassing doorvoeren die je wil doen, en opnieuw op “publiceren” klikken, om ervoor te zorgen dat de bezoekers van jouw website de wijziging ook te zien krijgen.

4. De afbeelding van producten

Een laatste opmerking die ik hier nog graag mee geef, is dat je er best voor zorgt dat het formaat van de afbeeldingen die je toevoegt gelijk zijn. Dit zorgt ervoor dat de producten mooi weergegeven worden in de webshop. Als je vragen of problemen hebt met afbeeldingen, kan je ons natuurlijk altijd contacteren.

Het kan ook voorkomen dat je niet enkel een nieuw product wil toevoegen, maar dat je een volledig nieuwe categorie aan producten hebt. Wanneer dit het geval is, raden we je aan om toch contact met ons op te nemen. Een nieuwe categorie producten zorgt namelijk voor heel wat meer veranderingen op de website dan gewoon een nieuw product.

De kans bestaat natuurlijk altijd dat er iets misloopt, of dat er iets niet volledig lukt. Als dit het geval is, neem je best gewoon contact met ons op. Wij helpen je graag verder!

In het geval dat er iets niet duidelijk is in deze handleiding, mag je natuurlijk ook altijd contact opnemen met ons. Wij proberen die onduidelijkheid dan zo snel mogelijk weg te werken, zodat je zelf opnieuw aanpassingen kan doen aan jouw website.