WooCommerce handleiding – Hoe installeer je het op jouw website

WooCommerce is in zekere zin de meest populaire e-commerceoplossing voor WordPress. De plugin heeft meer dan 4 miljoen actieve installaties, een gebruikersbeoordeling van 4.6 op WordPress.org en een leger aan digitale winkeliers die enorm tevreden zijn met de plugin.

Bovendien beheert WooCommerce (gemeten in juni 2019) ongeveer 7% van alle online winkels en 22% van de top 1 miljoen e-commercesites. De verkoop via e-commerce is booming, dus als je van plan bent om een shop binnen je WordPress website te openen, is het kiezen voor WooCommerce één van de beste beslissingen die je kan nemen.

De enige vraag die nog rest is: hoe krijg je WooCommerce aan de praat op je website? Om deze vraag te beantwoorden hebben we een uitgebreide WordPress WooCommerce handleiding samengesteld. Laten we meteen beginnen!

WooCommerce installeren en instellen (in 7 stappen)

Natuurlijk is de allereerste stap het installeren en activeren van de WooCommerce plugin. Je kan dit doen op een nieuwe of bestaande WordPress site. In de volgende stappen leiden we je door het proces van het instellen van de plugin en het configureren van de instellingen.

Stap 1: de plugin installeren

Het eerste wat je moet doen is het installeren van de WooCommerce plugin. Deze is gratis te downloaden van de WordPress bibliotheek of volg de onderstaande stappen om het vanuit je dashboard te doen.

Om dit te doen navigeer je naar je WordPress site en ga je naar Plugins > Nieuwe plugin. Gebruik de zoekbalk om «woocommerce» te vinden en klik op Nu Installeren als je de juiste plugin hebt gevonden. De auteur van de plugin moet Automattic zijn:

Geef de plugin de tijd om te installeren. Klik vervolgens op de knop Activeren:

Als je alles goed hebt opgevolgd, dan is de plugin nu actief op je website!

Stap 2: Open de installatiewizard

Na het installeren van WooCommerce word je gevraagd om een installatiewizard te doorlopen. Deze stap is optioneel, maar we raden aan om deze wel door te nemen zodat je enkele belangrijke instellingen kan configureren.

De eerste pagina van de WooCommerce installatiewizard zou er als volgt uit moeten zien:

Hier vraagt WooCommerce om basisgegevens over je winkel in te voeren. Hieronder vallen het adres, welke valuta je wil gebruiken en of je digitale of fysieke producten (of beide) wil verkopen.

Houd er rekening mee dat alles wat je hier instelt (en in de rest van de installatiewizard) later, indien nodig, binnen de WooCommerce instellingen gewijzigd kan worden. Nu is echter de volgende stap in deze WooCommerce handleiding het selecteren van Aan de slag.

Stap 3: Kies je betalingsverwerkers

Op de volgende pagina kan je beslissen welk soort betalingen je wil inschakelen voor je online winkel. Standaard kan je Stripe en/of Paypal gebruiken, samen met offline betalingen zoals cheques en contant geld:

Selecteer simpelweg de opties waar je gebruik van wil maken en WooCommerce zal ze instellen. Je kan ook extensies inzetten om meer betalingsprocessors aan je winkel toe te voegen, maar dit bespreken we verderop in dit artikel. Bij Kinsta zijn we grote fans van Stripe.

Aanbevolen artikel: Hoe je creditcardfraude met 98% kan verminderen met behulp van Stripe Radar

In plaats van Stripe toch liever Square gebruiken? Bekijk onze diepgaande vergelijking in deze blog: Stripe vs Square.

Stap 4: Verzendopties configureren

Vervolgens vind je het scherm Verzendmethoden:

Hier kan je bepalen hoeveel je klanten aan verzendkosten moeten betalen. Je kan een bepaald tarief instellen voor je voorkeurszone en een ander tarief voor klanten die zich op andere locaties bevinden. Als je wil, kan je ook gratis verzending aanbieden aan een of beide groepen.

Stap 5: Optionele add-ons bekijken

Op dit moment hebben we de basis van je online WooCommerce winkel geconfigureerd. De volgende pagina van de installatiewizard toont je een aantal optionele add-ons:

Al deze tools kunnen mogelijk van pas komen, hoewel ze niet allemaal nodig zijn om je online winkel te runnen. Wat we aanraden is om Storefront eens te bekijken. Dit is een WordPress thema dat speciaal voor WooCommerce is ontworpen en je kan helpen om je winkel sneller en eenvoudiger op te zetten.

Stap 6: Installeer de Jetpack plugin (optioneel)

Het volgende scherm biedt je een optionele add-on aan:

Jetpack is een handige WordPress plugin die een breed scala aan functies biedt. Hieronder vallen beveiligingsfunctionaliteiten, verschillende soorten analytics en meer. Het kan zeker een nuttige toevoeging zijn aan je WooCommerce winkel, maar het is niet vereist – het is dus aan jou of je het wil installeren of niet.

Stap 7: Voltooi het installatieproces

Als je alles goed hebt gedaan, dan is je WooCommerce winkel nu klaar voor gebruik:

Op deze pagina vind je een aantal handige links. Je kan hier producten importeren in je winkel, teruggaan naar je WordPress dashboard of de instellingen wijzigen die je zojuist hebt geconfigureerd.

Hoogstwaarschijnlijk is je volgende stap het toevoegen van (je eerste) producten. Om onze WordPress WooCommerce handleiding te blijven volgen, selecteer je Product aanmaken.

Nieuwe producten toevoegen en beheren

Na het installeren van WooCommerce, vind je twee nieuwe tabbladen in het zijmenu van je dashboard. Dit zijn WooCommerce (waar je de algemene instellingen kan vinden) en Producten (voor productinstellingen).

Om je winkel op te zetten kan je de link volgen die je aan het eind van de installatiewizard kreeg of door naar Producten > Nieuw toevoegen te gaan. Hier kan je je eerste product toevoegen met behulp van de vertrouwde WordPress editor:

Het eerste dat je wil doen is een titel maken samen met een korte beschrijving van het product. Dit is hoe een titel en beschrijving er in een live preview uitzien:

Met dit achter de rug kan je ook informatie toevoegen aan WordPress over je nieuwe product. In de volgende secties bespreken we hoe je dit kan doen.

Belangrijke details aan je product toevoegen

Als je naar beneden bladert onder de berichteditor, dan zie je twee nieuwe widgets, die je normaal niet tegenkomt binnen reguliere berichten of pagina’s. De eerste is de sectie Productgegevens:

Hier kan je allerlei soorten gegevens over je product toevoegen. Helemaal bovenin kan je selecteren of het om een virtueel (waardoor het tabblad Verzendmethoden wordt verwijderd) en/of het om een downloadbaar product gaat. In het tabblad Algemeen kan je de reguliere en actieprijzen invoeren (bij de actieprijs kan je een periode instellen).

Als je digitale producten verkoopt, dan moet je ook het te verkopen bestand uploaden, het downloadlimiet instellen (laat deze leeg om onbeperkt downloaden toe te staan) en de vervaltijd opgeven (laat deze leeg om deze permanent beschikbaar te houden):

Vervolgens kan je in het tabblad Voorraad je voorraad beheren, door de voorraadhoeveelheid op te geven, de voorraadstatus in te stellen (wel- of niet op voorraad) en of je nabestellingen toestaat:

Bovendien kan je hier instellen of het product individueel verkocht wordt, wat betekent dat er binnen een enkele bestelling slechts een van verkocht mag worden. Hier kan je ook de SKU (artikelnummer) van het product opgeven als je die hebt.

Verder vind je hier een aantal handige tabbladen. In de sectie Verzendmethoden kan je het gewicht, dimensies en verzendklasse opgeven. In het tabblad Gerelateerde producten kan je upsells en cross-sells toevoegen, terwijl Eigenschappen je in staat stelt om de producteigenschappen te beschrijven.

Ten slotte kan je in het tabblad Geavanceerd persoonlijke aankoopnotities toevoegen, de menuvolgorde opgeven en beoordelingen in- of uitschakelen. Als je wil kan je ook de aanbevolen extensies bekijken in het scherm van Meer opties.

Eigenschappen en variabele producten maken

Zoals je kan zien zijn er tal van mogelijkheden om details toe te voegen aan je WooCommerce producten en deze volledig naar wens aan te passen. Laten we eens kijken naar de twee handigste opties in de sectie Productgegevens – eigenschappen en variabele producten.

Eigenschappen zijn belangrijke beschrijvingen voor je producten en vertellen je potentiële klanten belangrijke informatie over het product in kwestie. Denk hierbij aan de kleur van het item, het materiaal, de grootte of het type en nog veel meer. Als je deze details in het tabblad Eigenschappen aan het product toevoegt, dan verschijnen ze op de productpagina:

Het maakt niet uit welk soort product je verkoopt, eigenschappen zijn erg handig om belangrijke kenmerken van het product op een beknopte manier naar je klant te communiceren. Maar wat als je items wil verkopen waarvan er meerdere opties zijn? In dat geval kan je kiezen voor de optie Variabel product:

Als je deze optie kiest, dan krijg je toegang tot een nieuw tabblad genaamd Variaties, waar je meerdere versies van je product kan aanmaken met behulp van de eigenschappen die je eerder al op hebt gegeven. Laten we als voorbeeld nemen dat je een shirt aanbiedt in de kleuren rood, groen en paars. Je kan voor elk van deze kleur een variatie toevoegen en elke kleur vervolgens een unieke beschrijving, prijs, enzovoort geven.

Je klanten kunnen dan alle beschikbare variaties op de productpagina zien:

Hierdoor kunnen bezoekers in één oogopslag zien wat je te bieden hebt. Bovendien betekent dit dat je geen afzonderlijke productpagina’s hoeft te maken voor kleine variaties van hetzelfde item.

De korte beschrijving van je product aanpassen

Onder de widget Productgegevens, vind je een sectie genaamd Korte productomschrijving:

Hier kan je een korte slogan maken die onder de titel van het product wordt weergegeven. Je kan deze beschrijving gebruiken om de belangrijkste voordelen van het item onder de aandacht te brengen en een of meer trefwoorden te plaatsen om klanten te helpen het product te vinden in zoekopdrachten.

Vergeet na het aanpassen van de gegevens en beschrijving van je product niet om ook de andere opties op de productpagina te bekijken. Je kan tags aan je product toevoegen, deze in een categorie plaatsen en een uitgelichte afbeelding of zelfs een complete afbeeldingengalerij opnemen.

Dit is hoe je eindproduct er voor bezoekers uit zou kunnen zien:

Zodra je product klaar is, klik je op Publiceren om het live op je site te zetten. Vervolgens kan je het proces herhalen om zo nodig extra producten aan te maken.

Je WooCommerce producten beheren

Er staan waarschijnlijk meerdere producten te koop in je WooCommerce winkel, wat betekent dat je een eenvoudige manier nodig hebt om ze te beheren. Goed nieuws! Je kan dit namelijk doen in het tabblad Producten dat je kan vinden in je dashboard.

Je kan bijvoorbeeld Alle producten selecteren om elk item te zien dat momenteel in je winkel wordt vermeld. Hier kan je ook, indien nodig, producten toevoegen, bewerken en verwijderen:

Op de andere pagina’s in de sectie Producten kan je productcategorieën, tags en eigenschappen beheren. Elk van deze pagina’s ziet eruit als een standaard WordPress Berichten > Categorieën pagina en helpt je met het overzichtelijk houden van je inventaris.

Hoe je WooCommerce winkel aan te passen

Eerder in onze WooCommerce tutorial heb je enkele basisinstellingen voor je online winkel geconfigureerd. Er zijn echter nog veel meer opties om mee te spelen. Deze kan je vinden in het nieuwe tabblad WooCommerce.

Hier kun je bestellingen, coupons en rapporten bekijken, instellingen aanpassen en nieuwe extensies toevoegen. Laten we elk scherm één voor één doorlopen.

Bestelingen

Allereerst verschijnt op de pagina Bestellingen een lijst met recente aankopen in je winkel:

Als je digitale producten verkoopt, is dit beperkt tot het bekijken wat je de laatste tijd hebt verkocht. Als je echter fysieke goederen verkoopt, kan je hier bekijken welke producten je (nog) moet verzenden en wat de status van de bestellingen zijn.

Kortingsbonnen

WooCommerce heeft verschillende handige opties voor het toevoegen van nieuwe kortingsbonnen aan je e-commerce winkel. In het tabblad Kortingsbonnen kan je Creëer jouw eerste coupon aanklikken om het bewerkingsscherm te openen:

Je kan hier een kortingscode en beschrijving toevoegen. Vervolgens kan je in het tabblad Algemeen de basisinformatie bewerken: het kortingstype (procentuele korting, vaste winkelmandkorting, vaste productkorting), de waarde, gratis verzending toestaan en de vervaldatum:

Onder Gebruiksbeperking kan je de minimale besteding invoeren die de klant moet maken om de coupon te valideren. Hier kan je ook het vakje Enkel individueel gebruik aanvinken als je niet wil dat klanten de kortingsbon gebruiken in combinatie met andere aanbiedingen.

Je kan ook instellen of de kortingsbon alleen toegepast kan worden op niet-afgeprijsde artikelen en de producten en de productcategorieën selecteren waarop de kortingsbon van toepassing is. Ten slotte kan je bepaalde e-mailadressen verbieden om de coupons te gebruiken.

Op het laatste tabblad, Gebruikslimieten, kan je bepalen hoe vaak de kortingsbon kan worden gebruiken, zowel algemeen als per klant. Publiceer vervolgens je kortingsbon om deze te activeren en laat je klanten weten van het bestaan van de kortingsbon.

Meldingen

WooCommerce biedt krachtige ingebouwde trackingfunctionaliteiten. In het tabblad Rapporten kan je de grafieken zien van je verkoop, bestellingen en verzendkosten over verschillende perioden:

Elke grafiek kan worden gefilterd op de verkoop van een bepaald product, categorie of kortingsbon. In het subtabblad Klanten kan je ook de klantenwerving van deze tijdsperioden bekijken.

Ten slotte kan je in het subtabblad Voorraad je inventaris bekijken en producten zien die niet meer op voorraad zijn, producten met een lage inventaris en producten met een hoge inventaris. Al deze gegevens kunnen indien nodig als sheet worden geëxporteerd.

Instellingen

Dit is waar WooCommerce echt indruk maakt. In het scherm Instellingen kan je bijna elk aspect van je e-commercewinkel aanpassen. Elementen zoals de plaatsing van het scheidingsteken om ‘duizenden’ aan te geven, het volledige betalingsproces, e-mailopties en nog veel meer kan worden aangepast aan jouw behoeften.

Binnen deze sectie zie je dat het tabblad Algemeen de basisinformatie van je winkel bevat, zoals valuta, verkooplocaties en weergaveopties:

Een andere belangrijke optie is Belastingtarieven en -berekeningen inschakelen. Als je dit vakje aanvinkt, dan krijg je toegang tot het eerder verborgen tabblad Belasting:

Hier kan je het platform laten weten of de door jou ingevoerde productprijzen wel of geen belasting bevatten. In het laatste geval kan je WooCommerce je belastingtarieven laten berekenen op basis van het adres van de winkel, het verzendadres van de klant, of het factuuradres van de klant.

Hier kan je ook configureren hoe belastingen worden toegepast op verzendkosten en zelfs bepalen of deze worden afgerond. Vervolgens kan je de manier aanpassen waarom prijzen en belasting worden weergegeven aan de klant en tijdens het afrekenproces.

Je productgegevens, inclusief afmetingen, beoordelingen, voorraaddetails, downloadmethoden en zelfs add-to-cart-knoppen kunnen worden aangepast in het tabblad Producten:

Verzendmethoden is de plek waar je verzendzones en prijzen kan instellen:

Hier kan je ook aanpassen hoe de verzendkosten worden berekend en kiezen wat de standaardbestemming is. Het is ook mogelijk om het verzenden te beperken tot specifieke landen.

Het tabblad Betalingen toont je welke betalingsverwerkers beschikbaar en actief zijn in je winkel:

Hier kan je elke gewenste betalingsoptie in- en uitschakelen. Bovendien vind je hier handige links voor het aanpassen van de instellingen voor specifieke processors.

Het volgende tabblad is Accounts en privacy en hier kan je verschillende aspecten van de klantenervaring beheren:

Hier kan je een privacy- en betalingsbeleid instellen, configureren hoe klantgegevens worden opgeslagen en bewaard, en meer.

Bovendien krijg je verschillende opties voor de manier waarop checkouts worden afgehandeld. In de secties Gastenbestelling en Account aanmaken, kan je bepalen of bezoekers als gasten bestellingen kunnen plaatsen (dat wil zeggen, zonder in te loggen op een account).

Vervolgens kan je beslissen of ze de optie hebben om in te loggen en/of een nieuw account te maken tijdens het afrekenproces. Je kan ze zelfs voorzien van automatisch gegenereerde gebruikersnamen en wachtwoorden om het registratieproces te versnellen.

In het tabblad E-mails kan je alles aanpassen wat met klantensupport te maken heeft:

Boven aan dit scherm vind je een lijst met e-mailmeldingen die via WooCommerce worden verzonden als reactie op specifieke triggers (zoals een bestelling die wordt geplaatst of geannuleerd). Je kan op elk van deze e-mails klikken om ze in- of uit te schakelen en om hun content aan te passen:

Je kan hier zelfs instructies vinden voor het bewerken van de e-mailsjablonen, als je vertrouwd bent met HTML. Je kan het e-mailbestand kopiëren naar de map van je thema en vervolgens de gewenste aanbrengen. Je kan ook je eigen aangepaste e-mailsjablonen maken.

Daaronder kan je een aantal algemene instellingen configureren voor alle e-mails die vanuit je WooCommerce winkel worden verzonden. Hieronder vallen de naam en e-mailadres van waaruit je de e-mail verzendt, de voettekst en zelfs kleuren en achtergrond.

Ten slotte kan je in het tabblad Geavanceerd de REST API inschakelen, sleutels, apps en webhooks configureren en andere taken uitvoeren:

Al deze instellingen kunnen worden aangepast en gewijzigd wanneer je maar wil, en je winkel wordt automatisch bijgewerkt.

Status

Laten we nu eens kort naar het tabblad Status kijken:

Alle back-endinformatie kan je hier vinden, zoals WooCommerce/PHP/MySQL/etc. versie, limieten, logboekregistratie en meer.

In het subtabblad Tools, die je op dezelfde pagina vindt, kan je de caches van je website wisselen voor meerdere variabelen, oude gegevens wissen en zelfs de standaardinstellingen van je winkel herstellen.

Extensies

Een van de eigenschappen die WordPress het populairste contentmanagementsysteem (CMS) ter wereld maakt is de gemeenschap die eraan verbonden is. Er zijn duizenden thema’s en tienduizenden plugins te vinden die je kan gebruiken om je website aan te passen. Bovendien zijn ze bijna allemaal bijgedragen door gebruikers.

Dit geldt ook voor WooCommerce, zij het op kleinere schaal. Je kan veel tools vinden om je winkel uit te breiden, nieuwe opties en functies toe te voegen en het uiterlijk ervan aan te passen in het tabblad Extensies en elders:

Hoewel je met WooCommerce elk thema kan gebruiken, kan het helpen om er een te kiezen die speciaal is ontworpen voor deze plugin. Storefront is een goed startpunt, maar er zijn ook tal van andere opties, bijvoorbeeld bij ThemeForest:

Hier kan je ook extensies bekijken in de WooCommerce extensiewinkel, die zowel door ontwikkelaars gemaakte als opties van derde bevat:

Er zijn tal van extensies beschikbaar voor het toevoegen van nieuwe verzendmethoden aan je winkel, het inschakelen van abonnementen, het aanpassen van het betalingsproces, het integreren van e-mail en socialmedia marketing en nog veel meer. Je kan hier ook gratis en betaalde extensies vinden waarmee je extra betalingsverwerkers kan toevoegen voor je klanten, zoals Square en Amazon Pay.

Ten slotte vind je hier ook tal van plugins die zijn ontworpen om WooCommerce op verschillende manieren uit te breiden. Om maar een voorbeeld te geven: met de plugin Braintree For WooCommerce kan je allerlei soorten betalingen accepteren binnen je winkel:

Met andere woorden, als je iets wil aanpassen aan de manier waarop je WooCommerce winkel werkt, dan is de kans groot dat de uitvoering ervan niet moeilijker is dan het vinden van de juiste tool.

WooCommerce sjablonen bewerken

De ingebouwde instellingen en de vele beschikbare extensies en plugins geven je veel flexibiliteit in het opzetten van je winkel. Als je een meer geavanceerde gebruiker bent en je je eigen aanpassingen wil maken, dan is het bewerken van de sjabloonbestanden van WooCommerce een goede start.

Als je echter een meer geavanceerde gebruiker bent en je je eigen aanpassingen wil maken, dan is het bewerken van de sjabloonbestanden van WooCommerce een goede start. Houd er rekening mee dat dit een riskant proces is, vooral als je nog niet eerder met thema- en pluginbestanden hebt gewerkt. Voordat je aan de slag gaat, zorg dat je een back-up van je site maakt voor het geval je onbedoeld fouten maakt. Hier is hoe je veilig een thema kunt verwijderen.

Zorg vervolgens dat je toegang krijgt tot je site met behulp van een Secure File Transfer Protocol (SFTP)-client zoals FileZilla. Vind de hoofdmap van je site (vaak public_html genoemd of de naam van je domein) en navigeer naar wp_content/plugins/woocommerce:

In deze map vind je een map genaamd templates. Open deze en je ziet een lijst met alle sjablonen die momenteel actief zijn voor je winkel:

Je kan nu elk gewenst sjabloon openen en beginnen met het aanbrengen van wijzigingen. Als je bijvoorbeeld wijzigingen wil aanbrengen aan de bedankpagina die wordt weergegeven nadat een klant een bestelling heeft geplaatst, dan kan je de map checkout openen en het bestand thankyou.php zoeken. Vervolgens kan je deze downloaden, elementen bewerken of toevoegen en deze opnieuw naar de server uploaden.

WooCommerce Hosting

Wanneer je een online winkel hebt is tijd geld, dat is de reden dat het belangrijk is om een snelle en betrouwbare WordPress Host om betere uptime, conversieratio’s en ROI te hebben.

WooCommerce staat er soms om bekend dat het WordPress websites vertraagt, helemaal als het om een grote installatie gaat. Dat is niet het geval bij Kinsta. Wij bieden Managed WordPress hosting en extreem geoptimaliseerde WooCommerce-hosting aan waarbij we hoge prestaties als uitgangspunt nemen.

Dankzij onze schaalbare infrastructuur op het Google Cloud Platform en de nieuwste technologieën zoals PHP 7, NGINX en MariaDB verzekeren wij dat een verhuizing naar Kinsta zal helpen om de verkopen te laten stijgen!

“De COO nam contact met mij op met een echte oplossing in plaats van een hoop “vertrouw op ons” beloftes die ik overal kreeg. Hij was eerlijk en recht door zee, wat verfrissend was. Na de verhuizing werd alle ondersteuning afgehandeld door de CEO die ons perfecte suggesties en optimalisaties aanraadde die de prestaties enorm verbeterde.”

– Caleb Worm, Swagway.com

Samenvatting

WooCommerce is, zonder twijfel, de beste gratis e-commerce-oplossing voor WordPress. De plugin heeft fenomenale statistieken, maar pas als je beter kijkt naar de mogelijkheden van WooCommerce en de back-end van de plugin, zie je hoe geweldig deze plugin werkelijk is. En als je dieper ingaat op de vele opties die de plugin biedt, dan zie je pas echt waar de kracht van deze plugin ligt.

Oh, we hebben nog iets heel gaafs voor je! Na maanden hard ploeteren hebben we eindelijk ons 18 hoofdstukken tellende WooCommerce-optimalisatiegids gepubliceerd. Het bevat een heleboel lessen en gratis tools voor het optimaliseren en laten groeien van je (potentiële) miljoenenbedrijf met behulp van WooCommerce.

Is er iets belangrijks dat we hebben gemist in onze WooCommerce handleiding? Laat het dan weten in de reacties hieronder!