Inhoud
Inleiding
Welkom bij het eerste deel van de handleiding voor het beheren van je Woocommerce webshop! In deze tijd worden er steeds meer producten online verkocht en schieten er veel webshops als paddo’s uit de grond. We merken dat deze starters het beheren van een Woocommerce webshop lastig vinden, maar in deze handleiding laten we je zien dat het beheren helemaal niet moeilijk hoeft te zijn. Met behulp van WordPress en Woocommerce is het beheren van je webshop een niet al te moeilijk proces.
Een andere belangrijke factor voor een succesvolle start van je webshop, is een duidelijke afhandeling van het logistieke proces en het optimaal inrichten van je Woocommerce webshop. Zorg ervoor dat er een duidelijke structuur in al je handelingen zit. Bereid je goed voor en probeer een antwoord te hebben op ieder (mogelijk) probleem dat kan ontstaan (retour en kwaliteit). Een goed begin is het halve werk. En wie houd er nou van half werk?
Webshop beginnen? Waar moet je op letten?
Deze handleiding is handig als naslagwerk bij het opzetten van een Woocommerce webshop. Aan de hand van een aantal voorbeelden met screenshots worden alle belangrijke onderdelen besproken.
Het installeren van WooCommerce
De plug-in van WooCommerce is speciaal ontwikkeld voor het maken van een webshop binnen WordPress. Via de admin-interface van WordPress kun je de WooCommerce plugin downloaden en installeren. Dus via het menu aan de linkerkant kiezen voor ‘Plugins’, zoeken naar ‘Woocommerce’ en deze downloaden en activeren.
Na het downloaden en installeren krijg je deze wizard in beeld die je door alle benodigde stappen heen leid om je webshop in te stellen.
De basis
Om duidelijkheid te creëren beginnen we met het bepalen van je webshop structuur. Als voorbeeld gaan we een Woocommerce webshop opzetten voor een kledingwinkel, genaamd “Nevides”. Een veel voorkomende fout is dat iemand direct start met het opzetten van een webshop, terwijl er veel factoren zijn waar je voorafgaand rekening mee moet houden. Hieronder een globale structuur en inventarisatie van deze factoren.
Zoals je ziet een vrij uitgebreide lijst, daarom starten we eerst, voordat we een webshop downloaden en implementeren, met het uitwerken van een concept op papier.
1. Het bepalen van de structuur van jouw webwinkel
Als voorbeeld nemen we dus de kledingshop “Nevides”, we hebben een goed gevulde winkel met verschillende artikelen, zoals hoodies, zonnebrillen, verschillende t-shirts, etc. Zodoende lijkt het logisch dat we onze artikelen onderverdeel in categorieën. Hieronder een lijst van de categorieën die we als voorbeeld voor dit artikel hebben bedacht.
Hoodies
Hoodie met rits (5)
Aanwezig:
Small (2)
Medium (2)
Large (0)
Hoodie met zak (10)
Aanwezig:
Small (5)
Medium (2)
Large (3)
Hoodie met opdruk (8)
Aanwezig:
Small (5)
Medium (2)
Large (3)
T-Shirts
T-shirt met v-hals (8)
Aanwezig:
Small (2)
Medium (2)
Large (3)
T-shirt met lange mouwen (15)
Aanwezig:
Small (5)
Medium (6)
Large (2)
Polo-shirt (8)
Aanwezig:
Small (5)
Medium (2)
Large (3)
Accessoires
Zonnebril (8)
Pet (15)
Riem (8)
Beanie (8)
Op deze manier heb je een duidelijk overzicht van welke artikelen er binnen je assortiment aanwezig zijn. Zorg ervoor dat je een overzicht hebt klaarliggen van de SKU-gegevens, SKU staat voor “Stock Keeping Unit” en is een uniek identificatienummer voor je eigen beheer, zodat je elk product gemakkelijk kunt herkennen. Zo ontstaat er geen verwarring, want producten met dezelfde SKU zijn niet mogelijk.
Nu heb je de structuur van je website bepaald. We hebben ervoor gekozen dat we de opbouw van het menu baseren op de wijze van categorisering.
Winkel (knop in de navigatiebalk) > Hoodies > alle modellen.
Dezelfde structuur gebruik ik ook voor de Accessoires en T-shirts.
OK, de structuur hebben we enigszins duidelijk, maar aan het vullen van je webshop zijn we nog lang niet toe. Een andere belangrijke factor is het uitzoeken van je marketing-mogelijkheden. Je hebt straks een webshop online, maar wat zijn de kansen dat je wordt gevonden op Google en hoe wordt je gevonden?
Je kunt ervoor kiezen om met je webshop te adverteren in magazines of kranten. Je kunt er ook voor kiezen om dit te combineren met online marketing. Diversiteit is een belangrijke sleutel tot succes. Weet waar je in de markt staat en bestudeer de strategie en kosten van je concurrentie.
2. Categorieën instellen voor WooCommerce
We hebben in het begin een structuur opgesteld en deze gaan we nu toepassen binnen onze omgeving. We beginnen met het instellen van de categorieën. Klik op ‘Producten’ en vervolgens op ‘Categorieën’, je krijg dan onderstaand scherm te zien.
De opties zijn vrij eenvoudig, je vult het formulier per categorie (hoodies, t-shirts, etc.) in. Let op dat je een volledige omschrijving invult, deze wordt namelijk weergegeven in de zoekresultaten van Google. Pak dus je marketingstrategie er weer bij en maak volledige zinnen met een zoekterm over de broeken die je verkoopt.
Bij ‘Weergave type’ kun je bepalen wat een bezoeker te zien krijgt als hij bijvoorbeeld naar jouwwinkel.nl/winkel/hoodies gaat. Wil je dat bezoekers alle producten te zien krijgen of juist een overzicht van de onderliggende subcategorieën. Wij kiezen ervoor om de subcategorieën te tonen, zoals: Hoodies, T-shirts, Accessoires, etc.
Onze indeling ziet er dus als volgt uit (aan het streepje voor de categorie kun je zien dat het een onderliggende categorie is van de hoofdcategorie).
3. WooCommerce instellingen
Het eerste onderdeel van de webshop zijn de instellingen van WooCommerce, deze kun je aanpassen in het linkermenu. Klik op ‘WooCommerce’ > ‘Instellingen’ dan verschijnt er een pagina met verschillende tabbladen, per tabblad gaan we de verschillende mogelijkheden doornemen.
3.1 Algemeen
De opties in het tabblad ‘Algemeen’ spreken voor zich. Selecteer alle mogelijkheden die voor jouw website van belang zijn. Dit is standaard voor onze klanten ingesteld, maar ook hier ben je vrij om instellingen te veranderen.
Winkeladres
Bepaalt het land en adres van jouw webshop (dat wil zeggen waar je als verkoper gevestigd bent). Het bepaalt de standaard belastingtarieven en klantlocaties.
Verkooplocatie(s)
Kies ervoor om te verkopen aan alle landen of aan specifieke landen. Je kunt meerdere specifieke landen of postcodes kiezen.
Verzending locatie(s)
Kies ervoor om alleen naar die landen te verzenden waaraan je verkoopt, of een deel van de landen. Je kunt verzend- en verzendfuncties uitschakelen.
Standaard klantlocatie
Kies de locatie waar we van uitgaan dat bezoekers van de site zich bevinden voordat ze deze invoeren om de belasting en verzendkosten te berekenen.
- Het winkelbasisadres vertelt het systeem om aan te nemen dat ze zich op dezelfde locatie bevinden als jouw webshop.
- Geen enkel adres geeft geen locatie, dus er worden geen belastingen berekend totdat ze een adres opgeven.
- Geolocatie controleert waar hun huidige locatie is en berekent daarmee ook de bijbehorende belastingen.
- Geolocatie met ondersteuning voor caching is hetzelfde als hierboven, maar laad de geolocatie via Ajax.
Belastingen inschakelen
Schakel belastingen in je webshop in of uit. Als u de belastingen uitschakelt, wordt de pagina met belastinginstellingen verborgen.
Schakel kortingsbonnen in
Schakel kortingsbonnen in je webshop in of uit.
- Schakel het gebruik van kortingsbonnen in – Selecteer om het gebruik van kortingsbonnen in je webshop in te schakelen.
- Kortingsbonnen cumulatief toepassen – Bij gebruik van meerdere kortingsbonnen wordt de eerste kortingsbon toegepast op het volledige bedrag, de tweede kortingbon op het gereduceerde bedrag, enzovoort.
Valuta-opties
Opties die van invloed zijn op hoe prijzen worden weergegeven op de voorkant van je WooCommerce webshop.
3.2 Catalogus
Het optimaliseren en inrichten van je catalogus is belangrijk, de onderdelen nemen we per categorie met je door.
- Weergave
Weergave opties, je kunt hier precies instellen wat er getoond moet worden wanneer je op winkel klikt of op een bepaalde categorie. Maar ook de breedte en de hoogte instellen van de afbeeldingen in de catalogus.
- Voorraad
Alle instellingen voor het voorraadbeheer kun je hier terugvinden. Zorg dat je bij ‘Notificatie ontvanger’ een correct e-mailadres hebt staan, wanneer de voorraad drempel overschreden wordt verzend de webshop automatisch een e-mail. - Downloadbare producten
Deze opties hebben effect op downloadbare/virtuele producten in je catalogus.
3.3 Belasting
Deze pagina hoef je in principe niet te veranderen. Hier staan de voor Nederland geldende BTW regels en of je de prijzen in de webshop in-of-exclusief BTW wilt laten zien.
[tm_message_box style=”warning” icon_type=”linea_svg” icon_linea_svg=”linea-arrows-info”]Tip! Vergeet ook niet om het Prijsweergave-achtervoegsel in te stellen. Volgens de regels ben je verplicht te melden of een getoonde prijs in of exclusief btw is.[/tm_message_box]
3.4 Afrekenen
Er zijn verschillende betaalmethoden mogelijk. De implementatie en de configuratie werkt hetzelfde als alle andere plug-ins. Een webshop zonder iDEAL is niet meer weg te denken binnen Nederland. Veel banken bieden de mogelijkheid om een abonnement af te sluiten voor iDEAL betalingen, je betaalt een vast bedrag per maand. Toch willen veel beginnende ondernemers niet maandelijks een bedrag betalen, gelukkig zijn er een aantal alternatieven.
Er zijn drie instanties (Mollie, Sisow en Targetpay) die het mogelijk maken om betalingen te ontvangen via iDEAL zonder abonnement. Je download een plugin van de officiële website van bijvoorbeeld Mollie, installeert deze zoals iedere andere plug-in en maakt een account aan bij de instantie. De kosten per transactie kun je terugvinden op de website van Mollie, Sisow of Targetpay.
3.5 Accounts
Hier hoef je geen veranderingen in aan te brengen. Je kunt hier wel aangeven hoe een klant zich kan registreren voor je webshop.
3.6 Emails
Onder dit tabblad staan alle email templates die gebruikt worden voor bijvoorbeeld als er een nieuwe bestelling gemaakt is of dat deze afgerond is op je webshop. Je kunt deze templates (sjablonen) hier bewerken.
Je kunt in het onderste gedeelte van de pagina de kleuren voor de email berichten instellen. Maar ook de footer tekst met de naam van je webshop en optioneel het jaartal. Om een logo toe te voegen ga je eerst naar de “Bibliotheek” in het menu links, onder het kopje “Media” > “Bibliotheek”
Zoek het logo dat je wilt gebruiken uit de “Bibliotheek” of upload een nieuwe vanaf je computer. Klik op het bestand en kopieer de link die onder URL staat. Deze link gaan we nu gebruiken in het Email sjabloon. Ga hiervoor weer terug naar “Woocommerce” > “Instellingen” en dan het tabblad “Emails”. Plak de link in het “Headerafbeelding” vakje en sla je veranderingen op.
4. Verzendzones instellen
Als je verzending in WooCommerce wilt instellen, stel je eerst verzendzones in, daarna voeg je methoden toe aan die zones en tenslotte tarieven voor die methoden. Je kunt zoveel zones maken als je wil en meerdere methoden en snelheden toevoegen aan elke zone.
4.1 Verzendzones
Een verzendzone is een land of gebied waarnaar je je producten naar verzendt. Je kunt het specifiek instellen, en limiteren tot regio’s en postcodes, of je kunt het wat algemener laten – doe wat het beste bij jouw unieke situatie past.
Klanten zien alleen de beschikbare methoden voor hun adres en bijbehorende zone. Elke klant komt overeen met slechts één zone.
Je zou bijvoorbeeld deze verzendzones aan kunnen maken in WooCommerce:
| ZONE | REGIO | VERZENDMETHODE |
|---|---|---|
| Lokaal | 8844…9933 | Ophalen, Gratis verzending |
| Nederland | Alle postcodes in NL | PostNL €6,95 |
| Europa | Alle landen in de EU | PostNL €13,95 |
Voeg zoveel verzendzones toe als je nodig hebt, waarbij elke zone meerdere verzendmethoden kan bevatten.
4.2 Zones toevoegen en beheren
Als je verzendzones wil instellen, ga je naar: WooCommerce> Instellingen> Verzendmethodes. Als je de optie Verzenden niet ziet, ga je terug naar WooCommerce> Algemeen en bekijk je de instellingen op Verzendlocatie(s) – mogelijk moet je daar verzendinstellingen inschakelen!
De eerste keer dat je WooCommerce> Instellingen> Verzendmethodes bezoekt, krijg je een melding om een nieuwe zone toe te voegen, en een standaardzone. Hier kun je beginnen met het toevoegen van een verzendzone.
Locaties die niet onder je andere zones vallen, worden gebruikt voor klanten die niet overeenkomen met een van de aangepaste zones die je hebt toevoegt. Methoden toevoegen aan deze zone is volledig optioneel, afhankelijk van jouw specifieke behoeften.
[tm_message_box style=”warning” icon_type=”linea_svg” icon_linea_svg=”linea-arrows-info”]Als een klant een verzendadres invoert dat zich in een zone bevindt zonder verzendmethoden, ontvangt hij bericht dat er geen verzending beschikbaar is.[/tm_message_box]
Omdat zones van boven naar beneden overeenkomen, kun je ook regio’s uitsluiten van verzending door een zone voor die regio toe te voegen en er geen verzendmethoden aan toe te wijzen.
4.3 Een nieuwe zone toevoegen
- Ga naar: WooCommerce> Verzendmethodes> Verzendzones.
- Klik bovenaan op de knop Verzendzone toevoegen.
- Voer een beschrijvende zonenaam in en selecteer de zonegebieden die van toepassing zijn. Regio’s kunnen bestaan uit: a) Landen, b) Staten, c) Continenten.
- Selecteer Beperk tot specifieke postcodes (indien van toepassing) om de verzendzone verder te verkleinen en welke klanten overeenkomen met deze zone. Je kunt bijvoorbeeld een lokale zone instellen met een specifieke set postcodes (één per regel); een reeks postcodes (bijvoorbeeld 8844…9933), of gebruik joker tekens (bijvoorbeeld 8844*).
- Selecteer welke verzendmethoden beschikbaar zijn voor deze zone.
- Wijzigingen opslaan.
4.4 Verzendzones sorteren
Verzendzones komen overeen met het klantadres van boven naar beneden – de eerste die overeenkomt met het klantadres wordt altijd gebruikt. Als er geen aangepaste zones overeenkomen, worden locaties gebruikt die niet onder de andere zones vallen.
4.5 Verzendzones sorteren en opnieuw ordenen
- Ga naar: WooCommerce> Verzendmethodes> Verzendzones.
- Ga met je muis naar uiterst linkse 3 streepjes.
- Slepen en neerzetten in volgorde.
- Wijzigingen opslaan.
4.6 Verzendzones bewerken
Om een verzendzone te bewerken:
- Ga naar: WooCommerce> Verzendmethodes> Verzendzones.
- Ga met je muis naar de verzendzone die je wil bewerken.
- Selecteer Bewerken en hier kun je de naam, regio’s of verzendmethoden wijzigen.
- Wijzigingen opslaan.
[tm_message_box style=”warning” icon_type=”linea_svg” icon_linea_svg=”linea-arrows-info”]De locaties die niet onder je andere verzendzones vallen, kunnen niet worden verplaatst, hernoemd of verwijderd worden omdat deze als standaard fungeert wanneer er geen andere zones van toepassing zijn.[/tm_message_box]
4.7 Stel een verzendmethode in die standaard is geselecteerd
De standaard verzendmethode voor klanten is de verzendmethode in de zone die bovenaan staat en overeenkomt met de klant in de verzendzone.
In dit screenshot is Lokaal gekozen voor een klant die overeenkomt met de Lokale verzendzone.
Versleep de volgorde om de verzendmethoden opnieuw te sorteren met de 3 streepjes aan de linkerkant en vervolgens Wijzigingen opslaan.
Je kunt ook bepalen hoe verzendmethoden worden gesorteerd op de winkelwagenpagina. Alle geselecteerde verzendmethoden worden gesorteerd op de winkelwagenpagina, in dezelfde volgorde die jij hebt ingesteld bij de vorige stap.
Voor klanten die overeenkomen met de parameters van de Lokale verzendzone, verschijnen de verzendmethoden in diezelfde volgorde in het winkelwagentje:
5. Het instellen van verzendingsklassen
Verzendklassen kunnen worden gebruikt om producten van een vergelijkbaar type te groeperen en die door sommige verzendmethoden worden gebruikt, zoals standaard verzendkosten, om verschillende tarieven voor verschillende productklassen te bieden.
Met verzendklassen en standaard verzendkosten bijvoorbeeld, is het mogelijk om verschillende vaste kosten te maken voor verschillende productsoorten, zoals grote artikelen en kleine items.
5.1 Verzendklassen toevoegen
- Ga naar: WooCommerce> Instellingen> Verzendmethoden> Verzendklassen.
- Het scherm geeft een overzicht van bestaande klassen.
- Klik op Verzendklasse toevoegen onder de tabel. Een nieuwe rij verschijnt.
- Voer een verzendklasse naam en evt. een beschrijving in. Slug (unique identifier) kan leeg worden gelaten en zal automatisch worden gegenereerd.
- Verzendklassen opslaan.
5.2 Verzendklasse aan producten toewijzen
Om deze tarieven toe te passen op een specifieke klasse van producten (bijvoorbeeld kleine of grote items), moet je ze eerst toewijzen aan de betreffende producten.
- Ga naar: WooCommerce> Producten.
- Selecteer het product en klik op Bewerken.
- Ga naar Verzendmethodes en selecteer de Verzendklasse in de keuzelijst.
- Werk het product bij om de wijzigingen op te slaan.
Eenvoudig product – Verzendklassen
Variabel product – Verzendklassen
5.3 Bulk-bewerk verzendklassen
Verzendingsklassen bulksgewijs bewerken:
- Ga naar: WooCommerce> Producten.
- Selecteer de producten die je wil bewerken door vakjes aan de linkerkant aan te vinken.
- Selecteer Bewerken in de dropdown en vervolgens Toepassen.
- Selecteer een verzendklasse in de dropdown.
- Update om wijzigingen op te slaan.
6. Producten toevoegen in een WooCommerce webshop
Houdt er rekening mee dat het toevoegen van producten de meeste tijd in beslag neemt! Zorg voor een duidelijke en overzichtelijke planning. Je hoeft immers niet direct alle producten toe te voegen.
Klik in het menu aan de linkerkant op Producten > Nieuw toevoegen. Je krijgt nu een scherm met diverse mogelijkheden. Schrik niet van alle opties, we doorlopen elke optie.
6.1 Simpel product toevoegen
- Ga naar WooCommerce> Producten> Product toevoegen.
- Voer de titel en beschrijving van je product in.
- Ga naar het Productgegevens en selecteer downloadbaar (digitaal) of virtueel (service) indien van toepassing.
[tm_message_box style=”warning” icon_type=”linea_svg” icon_linea_svg=”linea-arrows-info”]Opmerking: voor virtuele producten is geen verzending vereist – bij een bestelling met virtuele producten worden de verzendkosten niet berekend[/tm_message_box]
6.2 Productgegevens
In de metabox Productgegevens worden de meeste belangrijke gegevens voor je producten toegevoegd.
6.3 Algemeen gedeelte
Een SKU moet uniek zijn en moet worden opgemaakt, zodat deze niet overeenkomt met post-ID’s. Post-ID’s zijn bijvoorbeeld getallen, dus een SKU kan WS01 zijn. Dat zou kunnen staan voor WooShirt 01.
6.4 Prijs
- Reguliere prijs – normale / normale prijs van artikel.
- Actieprijs: de kortingsprijs van het artikel die vervolgens kan worden gepland van en tot bepaalde datums. Bijvoorbeeld; De sale prijs van het product vervalt om 23:59 uur van de opgegeven einddatum.
6.5 Voorraad gedeelte
In het voorraad tabblad kun je de voorraad voor het product afzonderlijk beheren en definiëren of je backorders wilt toestaan en meer. Vergeet niet om deze in te vullen! Zonder voorraad kunnen producten niet in de winkelmand geplaatst worden.
“Activeer voorraadmanagement op productniveau” moet geselecteerd zijn bij een product; Anders is alleen de optie ‘Voorraadstatus’ zichtbaar in het vak Productgegevens.
Opties wanneer voorraadbeheer op productniveau is uitgeschakeld.
Opties wanneer voorraadbeheer op productniveau is ingeschakeld.
- Voer de voorraadhoeveelheid in en WooCommerce beheert de voorraad automatisch voor je, en werkt de voorraadstatus bij als het product op voorraad, niet op voorraad of in nabestelling staat.
- Selecteer of je Nabestellingen wilt toestaan
- Lage voorraad drempelwaarde – Voer een nummer in. Als de voorraad deze waarde bereikt ontvang je een email.
- Vink het vakje Individueel verkocht aan om het product te beperken tot één per bestelling.
6.7 Verzending gedeelte
- Gewicht – Gewicht van het artikel. (optioneel)
- Afmetingen – Lengte, breedte en hoogte van het artikel. (optioneel)
- Verzendklasse – Verzendklassen worden door bepaalde verzendmethoden gebruikt om vergelijkbare producten te groeperen.
6.8 Gerelateerde producten gedeelte
Met up-sells en cross-sells kun je producten extra onder de aandacht brengen. Je kunt ze toevoegen door te zoeken naar een bepaald product en het product te selecteren in de dropdown. Na het toevoegen worden ze weergegeven in het invoerveld:
Up-sells zijn producten die je aanbeveelt in plaats van het huidige product. Bijvoorbeeld een product dat meer winst oplevert, van een betere kwaliteit is of duurder is, en op basis van het product dat ze momenteel bekijken. Als de gebruiker bijvoorbeeld Hoodies bekijkt, wil je daar bijvoorbeeld een pet of zonnebril laten zien op diezelfde pagina als een up-sell.
Cross-sells zijn producten die met het winkelwagentje worden weergegeven en gerelateerd zijn aan de inhoud van de winkelwagen van de gebruiker. Als de gebruiker bijvoorbeeld een Spijkerbroek aan zijn winkelwagentje toevoegt, kun je hem aanraden een T-Shirt aan te schaffen wanneer deze bij de winkelwagenpagina aankomt.
6.9 Eigenschappen gedeelte
Op het tabblad Eigenschappen kun je specifieke details aan een product geven. Je ziet een selectiekader met globale product eigenschappen die je al eerder hebt gemaakt (bijvoorbeeld; Kleur en Maat).Nadat je een eigenschap uit het selectie vak hebt gekozen, klik je op toevoegen en pas je de voorwaarden die aan dat kenmerk (bijvoorbeeld de Hoodie) zijn gekoppeld, toe op het product. Je kunt eigenschappen op de voorkant verbergen door het selectie vakje “Toon op de productpagina” niet aan te vinken.
Custom product eigenschappen kunnen ook worden toegepast door Custom product eigenschap te kiezen in het selectie vak. Deze worden alleen toegevoegd op productniveau en zijn niet beschikbaar in gelaagde navigatie of andere producten.
6.10 Geavanceerde gedeelte
- Aankoopnotitie – Voer een optionele notitie in om de klant te sturen nadat deze het product heeft gekocht.
- Menuvolgorde- Aangepaste menu volgorde voor dit artikel.
- Beoordelingen activeren – Schakel klantenrecensies voor dit product in of uit.
6.11 Korte beschrijving van het product
Voeg een inleidende tekst toe over het product. Dit wordt weergegeven naast de productafbeeldingen op de productpagina. De lange beschrijving wordt weergegeven op het tabblad “Beschrijving” meestal onder het product.
6.12 Categorieën
Aan de rechterkant van het scherm zie je al je productcategorieën waarin je je product kunt plaatsen. Ook kun je product-tags op dezelfde manier toewijzen.
7. Productafbeeldingen en galerijen toevoegen
Afbeeldingen worden gemeten en in pixels ingesteld, bijvoorbeeld: 800 x 800 pixels. Het eerste getal geeft de breedte aan en het tweede de hoogte.
We raden aan om al je product afbeeldingen offline in een map te organiseren en een back-up te bewaren voor het geval je ze in de toekomst nog nodig hebt.
7.1 Typen afbeeldingen
WooCommerce maakt gebruik van drie soorten productafbeeldingen voor verschillende locaties en doeleinden:
- Een Uitgelichte afbeelding is de grootste afbeelding en verwijst naar de hoofdafbeelding op de product pagina.
- Catalogusafbeeldingen zijn middelgrote afbeeldingen die worden weergegeven in de winkelpagina, productcategorieën, verwante producten, up-sells en cross-sells.
- Product Miniaturen zijn de kleinste afbeeldingen die worden gebruikt in de cart-, widgets- en (optionele) product thumbnails onder de Uitgelichte productafbeelding.
7.2 Uitgelichte afbeelding
De uitgelichte productafbeelding is de hoofdafbeelding voor jouw product en wordt op verschillende plekken in je webshop , en in verschillende groottes opnieuw gebruikt.
- Selecteer “Uitgelichte afbeelding kiezen”
- Selecteer een bestaande afbeelding in de mediabibliotheek of upload een nieuwe.
- Verwijder en bewerk de productafbeelding als je deze wilt wijzigen.
8. Productgalerijen
Productgalerijen tonen alle afbeeldingen die aan een product zijn gekoppeld.
Maak een productgalerie aan met dezelfde methode als het toevoegen van een productafbeelding, maar met behulp van de meta-box “Productafbeeldingen toevoegen”.
[tm_message_box style=”warning” icon_type=”linea_svg” icon_linea_svg=”linea-arrows-info”]Tip! Houd CTRL op je toetsenbord ingedrukt en klik met je muis om meerdere afbeeldingen in 1 keer te selecteren.[/tm_message_box]
8.1 Sorteer afbeeldingen in de productgalerij
Afbeeldingen in de productgalerij kunnen eenvoudig opnieuw worden gerangschikt via drag & drop. Je kunt je afbeeldingen eenvoudig opnieuw ordenen door ze te verplaatsen.
8.2 Verwijder afbeeldingen uit de productgalerij
Als je een afbeelding uit de productgalerij wilt verwijderen, ga je met je muis op de afbeelding staan en klik je op de X.
9. Variabel product
Een variabel product is een producttype binnen WooCommerce waarmee je een aantal variaties op een product kunt aanbieden, met controle over prijzen, voorraad, afbeeldingen en meer voor elke variant. Je kunt ze gebruiken voor een product zoals een T-shirt, waar je een S, M en L van hebt en deze ook in verschillende kleuren wilt aanbieden.
9.1 Een variabel product toevoegen
Stap 1. Stel het producttype in
Om een variabel product toe te voegen, maak je een nieuw product aan of bewerk je een bestaand product.
- Ga naar: WooCommerce> Producten.
- Selecteer Product toevoegen of Bewerk een bestaand product.
- Selecteer Variabel product uit de dropdown onder Productgegevens.
Stap 2. Voeg eigenschappen toe om te gebruiken voor variaties
Voeg in het gedeelte Eigenschappen, producteigenschappen toe voordat je variaties aanmaakt – gebruik globale eigenschappen die je van te voren hebt ingesteld en die je overal in de shop kunt gebruiken of definieer aangepaste eigenschappen die specifiek zijn voor een product.
9.2 Algemene eigenschappen
Om een algemene eigenschap te gebruiken:
- Selecteer er een uit de dropdown
- Kies Alles selecteren om alle eigenschappen aan het variabel product toe te voegen (indien van toepassing).
- Vink het vakje Gebruikt voor variaties aan om WooCommerce te vertellen dat het voor je product variaties is.
9.3 Aangepaste eigenschappen die specifiek zijn voor het product
Je kunt ook eigenschappen toevoegen die specifiek zijn voor dit product:
- Selecteer Custom producteigenschap en Toevoegen.
- Geef de eigenschap een naam (bijvoorbeeld kleur),
- Stel waarden in gescheiden door een pipe teken (bijv. Rood|Grijs|Zwart)
- Schakel het selectie vakje Gebruikt voor variaties in.
- Sla de eigenschappen op.
Stap 3. Variaties toevoegen
Als je een productvariatie wil toevoegen, ga je naar het gedeelte Variaties van de Productgegevens.
9.4 Handmatig een variatie toevoegen
- Selecteer Variatie toevoegen in de dropdown en klik op Ga
- Selecteer eigenschappen voor je variatie. Als je aanvullende gegevens wilt wijzigen, klik je op het driehoekje om de variant uit te vouwen.
- Bewerk alle beschikbare gegevens. Het enige vereiste veld is Reguliere prijs.
- Wijzigingen opslaan.
9.5 Standaardwaarden instellen
We raden je aan standaardwaarden in te stellen voor productvariaties. In het voorbeeld hebben we geen standaardinstellingen ingesteld, zodat gebruikers direct vanaf de productpagina elke kleur en grootte kunnen kiezen.
9.6 Standaard instellingen
Als je wil dat een bepaalde variatie al is geselecteerd wanneer een gebruiker de productpagina bezoekt, kun je deze instellen. Hierdoor wordt de knop “Toevoegen aan winkelwagen” ook automatisch op variabele productpagina’s weergegeven.
Je kunt alleen standaardwaarden instellen nadat er ten minste één variatie is gemaakt.
9.7 Voeg een afbeelding toe voor de productvariatie
- Klap de variatie uit.
- Klik op de standaard afbeelding voor de productafbeelding.
- Selecteer de afbeelding die je wil gebruiken.
- Opslaan.
9.8 Het koppelen van alle mogelijke variaties
je kunt alle eigenschappen selecteren om WooCommerce elke mogelijke combinatie van de productvariaties te laten maken. Dit scheelt tijd en is in de meeste gevallen aan te raden. Natuurlijk kan het zo zijn dat dit voor jouw toepassing niet geld.
9.9 Wat klanten zien
Aan de voorkant van de webshop krijgt de gebruiker bij het bekijken van een variabel product dropdowns te zien om variatieopties te selecteren. Door opties te selecteren, wordt informatie over de variatie weergegeven, inclusief beschikbare voorraad en prijzen.
Gefeliciteerd! Je weet nu alles over het toevoegen van producten aan je webshop en het inrichten van de structuur. Tijd om verder te gaan met de navigatie.
10. Navigatie instellen voor WooCommerce
Het zal je misschien al wel opgevallen zijn, dat je de productcategorieën nog niet terugziet in het dropdown-menu onder de winkel-knop in de navigatie van je webshop. Als je de productcategorieën wilt weergeven in de navigatie, dan kies je uit het menu aan de linkerkant voor ‘Weergave’ > ‘Menu’s’.
Je vraagt je misschien ook af waar de productcategorieën zijn gebleven die eerder in deze handleiding zijn aangemaakt. Deze kun je aanvinken bovenaan de pagina bij ‘Scherminstellingen’. Er wordt een tabblad toegevoegd met ‘Product categorieën’, hierin selecteer je de categorieën die je wilt weergeven in het hoofdmenu van je webshop. Zoals je ziet hebben we ze allemaal aangevinkt, want we willen in dit voorbeeld alles in het hoofdmenu tonen.
Als je eenmaal op ‘Aan menu toevoegen’ hebt geklikt, dan kun je de categorieën aan de rechterkant onder elkaar slepen. Het dropdown-menu werkt erg eenvoudig, wil je bijvoorbeeld een categorie onder een andere categorie hebben, dan sleep je de categorie iets naar rechts.
We hebben dus een knop ‘Winkel’, als we hier met de muis overheen gaan, dan worden ‘Accessoires’, ‘T-shirts’ en ‘Hoodies’ getoond. Ga je vervolgens met de muis over ‘Hoodies’, dan word ‘Hoodies met opdruk’ getoond.
11. Tot slot
Bedankt voor het lezen van deze handleiding voor het gebruik van Woocommerce en WordPress. Veel plezier met het opzetten en vullen van je webshop. Houd er rekening mee dat deze uitleg dus slechts een voorbeeld is van wat er allemaal mogelijk is. Het dient als leidraad tijdens het opzetten van een eigen webshop. Zoals eerder gezegd is elke situatie uniek en zal je zelf of met ons moeten bepalen wat het beste bij jou webshop past en voor je werkt.
Heb je vragen over deze handleiding? Stuur een mail naar support@bulld.digital of start een chat.
