WordPress webshop maken met WooCommerce

In deze handleiding ga ik je stap-voor-stap laten zien hoe je een WordPress webshop maakt met WooCommerce in minder dan een uur.

WooCommerce is veruit de populairste plugin om een webwinkel met WordPress mee te bouwen. Je kunt er zowel digitale als fysieke producten mee verkopen.

Dit is waarom WooCommerce zo populair is:

• De plugin is 100% gratis en open source.
• Je kunt er zelf een webshop mee maken zonder technische kennis.
• Het opzetten van een webshop met WooCommerce is snel. Het kost je hooguit een paar uur.
• WooCommerce werkt met praktisch ieder WordPress thema. Heb je dus al een website online staan, dan hoef je niet je thema aan te passen.
• Het is veilig, betrouwbaar en ondersteunt iedere populaire betaalmethode, waaronder iDeal.

Ik zou nog wel 10 punten aan bovenstaande lijst kunnen toevoegen, maar ik denk dat de boodschap duidelijk is: WooCommerce is met stip met de beste manier om een WordPress webshop mee te maken.

Na het afronden van deze handleiding zal je een volledig functionerende WordPress webshop online hebben staan.  

Deze handleiding is zowel geschikt voor mensen met als mensen zonder een WordPress website. Heb je al een WordPress website, scrol dan direct door naar stap 3. Anders kun je gewoon bij het begin beginnen.

Ready? Let’s go!

Stap 1: Registreer een domeinnaam en zet webhosting op

Iedere WooCommerce webshop heeft het volgende nodig:

• Een domeinnaam. Dit is de naam van je website. Bezoekers typen dit in een browserbalk om je site te bezoeken, bijvoorbeeld: Start24.nl.
• WooCommerce webhosting. Dit is waar je website leeft op het wereldwijde web. Het is waar alle bestanden van je site opgeslagen staan.

Er zijn duizenden providers waar je een domeinnaam kunt registreren en webhosting kunt opzetten.

Een goede optie is SiteGround. Wij gebruiken hen tot voor kort voor onder anderen Start24. Ze worden geroemd om hun geweldige performance en fantastische 24/7  klantenservice.

Let wel: SiteGround is een internationale partij zonder Nederlandse support.

Een andere uitstekende optie is Cloud86. Deze hostingprovider van Nederlandse bodem biedt een topservice en is de best beoordeelde webhosting van Nederland. Daarnaast is Cloud86 goedkoper dan SiteGround en scoren ze zelfs beter als het gaat om snelheid. Onlangs hebben wij Start24 en onze andere websites naar hen over gezet.

Hieronder laat ik je zien welk hosting pakket je moet kiezen bij zowel SiteGround als Cloud86.

SiteGround hosting: internationale WooCommerce hosting

Een ecommerce website vraagt meer resources dan een “normale” website. Hierom doe je er goed aan een relatief krachtig webhosting pakket uit te kiezen, ook als je site nog nieuw is.

Kies daarom voor SiteGround’s GrowBig pakket.

Dit is waarom dit het perfecte hosting pakket is voor je WordPress webshop:

• Veel resources: 20GB schijfruimte, Ultrafast PHP voor betere laadtijden
• Gratis SSL-certificaat en CDN (dit laatste is handig voor als je internationale bezoekers gaat ontvangen)
• Maak backups van je site wanneer je maar wilt
• Maak een staging versie van je site waarop je nieuwe features kan testen
• Je krijgt managed WordPress functionaliteit

Wanneer je op de oranje Get Plan knop hebt gedrukt, kun je een domeinnaam kiezen voor je webshop.

Is de domeinnaam die je wilt al bezet? Lees dan dit artikel over hoe je een alternatieve domeinnaam kiest.

Op de volgende pagina kun je de betaling regelen en je domein- en hosting registratie afronden.

Cloud86 hosting: Nederlandse webshop hosting

Net als SiteGround heeft ook Cloud86 een stel speciaal voor WooCommerce geoptimaliseerde WordPress hostingpakketten.

Een goede optie is hun WooCommerce Start pakket aan. Dit is wat me aanspreekt aan dit pakket:

• Uitstekende performance en genoeg resources
• Gratis SSL en CDN
• Elke 12 uur een automatische backup
• Staging feature inbegrepen
• Managed WordPress functionaliteit

Je kunt met dit pakket zo’n 5.000 bezoekers per maand ontvangen, wat meer dan zat is voor beginnende webshops. Wanneer je dit aantal begint te ontgroeien, kun je altijd eenvoudig overstappen naar een van hun geavanceerdere pakketten. Daarnaast krijg je ook extra WordPress ondersteuning.

Een andere goede optie is hun Webhosting Medium pakket wat na verlenging €5,95 per maand kost. Dit pakket heeft iets lichtere specificaties, maar het is meer dan prima voor de meeste beginnende WordPress webshops. Bedenk wel dat je hiermee niet de extra WordPress support krijgt die WooCommerce Start wel biedt.

Kies nu een domeinnaam voor je webshop.

Op de pagina die hierna komt kun je de facturatieperiode kiezen en je bestelling afronden. 

Stap 2: Installeer WordPress en kies een WordPress webshop thema

Met zowel SiteGround als Cloud86 kun je WooCommerce gemakkelijk in één klik installeren vanuit je hosting dashboard.

Met SiteGround kun je ook WooCommerce er direct bij installeren (anders moet je de WooCommerce plugin apart installeren – ik laat je zo direct zien hoe je dit doet).

Log zodra je WordPress geïnstalleerd hebt in op je WordPress dashboard. Hier kun je een theme voor je site kiezen. Een theme is wat het uiterlijk van je WordPress site bepaald.

Zoals gezegd werkt in principe ieder WordPress thema met WooCommerce. De uitdaging: er zijn duizenden thema’s beschikbaar. Hoewel je later altijd je thema kunt veranderen, is dat vaak een gedoe.

Daarom ga ik de keuze simpeler voor je maken en je de thema aanraden die wij voor Start24 gebruiken: Kadence. Dit is waarom ik denk dat Kadence ook voor jouw site de allerbeste theme is:

• De theme is zeer goed ontworpen. Visueel aantrekkelijk en makkelijk naar je eigen smaak aan te passen.
• De theme is erg licht. Voor een webshop is dit super belangrijk omdat een webshop nogal wat server resources vergt. Hoe lichter de theme, hoe sneller je site.
• Kadence heeft een gratis versie die zo rijk is aan functionaliteit, dat het de meeste premium thema’s er schraal tegen af doet steken.

Een WordPress theme installeer je via Weergave » Thema’s. Wil je Kadence gebruiken, type dan “Kadence” in de zoekbalk.

Klik vervolgens op de installeer en daarna de activeer knop. Geweldig! Je theme is nu geïnstalleerd.

Als je Kadence gebruikt en geen zin hebt je webshop vanaf 0 op te bouwen, download dan de Kadence Starter Template plugin via Plugins » Nieuwe plugin.  

Nadat je deze plugin hebt geïnstalleerd, kun je de Shopping starter template installeren. Dankzij deze template krijg je goede basis voor een webshop met een:

• Homepage
• Over ons pagina
• Contact pagina

Je kunt deze starter template 100% naar eigen smaak aanpassen. Daarnaast bespaar je jezelf een hoop tijd en moeite.

Zo krijg je al direct een prachtig ontworpen shop pagina:

En product pagina’s:

Stap 3: Installeer WooCommerce

Als je WooCommerce nog niet geïnstalleerd hebt, ga dan eerst naar Plugins » Nieuwe plugin en zoek naar WooCommerce.

Installeer en activeer de plugin vervolgens.

Nadat je dit hebt gedaan zie je WooCommerce in het linker menu van je WordPress dashboard verschijnen.

Ga dan naar WooCommerce » Instellingen » Hulp » Installatiewizard.

Doorloop nu de stappen in deze wizard. Hierin kies je een business adres, selecteer je de industrie waarin je actief bent, en geef je aan hoeveel producten je op dit moment al hebt (en of je ze al aan het verkopen bent). Dit kost je ongeveer 5 minuten.

Stap 4: Betaalmethode(s), BTW, bezorging

Voordat we producten aan de webshop toe gaan voegen, gaan we eerst wat administratieve zaken afhandelen.

Laten we beginnen met de betaalmethodes.

Betaalmethodes

Je wilt waarschijnlijk iDeal betalingen accepteren. Deze betaalmethode zit echter niet inbegrepen bij WooCommerce. De meest praktische manier om iDeal betalingen te accepteren is via Mollie, een van de populairste betaalsystemen van Nederland.

Je kunt Mollie gratis gebruiken, maar je betaalt per iDeal transactie een vergoeding van €0,29. Mollie heeft een plugin die je kunt vinden in de Plugins sectie van je dashboard.

Maak een account aan en verbindt Mollie vervolgens met je (zakelijke) bankrekening.

Om betalingen voor je webshop in te stellen ga je naar WooCommerce » Instellingen » Betalingen.

Vink vervolgens de betaalmethodes aan die je wilt accepteren op je webshop. Naast iDeal en creditcard betalingen is het slim om ook PayPal betalingen te accepteren.

BTW

BTW is een onvermijdelijk onderdeel van commercie. Het is niet een heel opwindend onderwerp, maar we komen er niet onderuit vrees ik.

Gelukkig maakt WooCommerce het instellen van BTW zeer eenvoudig.

Ga naar WooCommerce » Instellingen » Algemeen. Vink hier Belastingtarieven en -berekeningen inschakelen aan.

Zorg vervolgens dat je de valutaopties goed instelt, en klik dan op Wijzingen opslaan.

Vervolgens verschijn ter een extra tab-knop: Belasting. Ga hier heen via WooCommerce » Instellingen » Belasting.

Pas de instellingen hier aan naargelang je eigen wensen. 

Bezorging

Als je fysieke producten verkoopt, ga je waarschijnlijk niet de hele wereld kunnen bedienen. Daarom moet je verzending-zones toevoegen.

Dit doe je via WooCommerce » Instellingen » Verzendmethoden.

Hier kun je zones, regio’s in gebieden en verzendtarieven instellen.

Stap 5: Bouw je WordPress webshop

Nu we de administratieve taken erop hebben zitten, kun je je webshop gaan bouwen. Ik ga je hier laten zien hoe je producten toevoegt en deze managed. Deze producten verschijnen op je Shop pagina.

Deze shop pagina is al automatisch door WooCommerce aangemaakt, net als de cart (winkelmand) en checkout (afrekenpagina). Producten die je toevoegt verschijnen automatisch op je shop pagina.

De pagina’s van je WordPress webshop kun je vinden bij Pagina’s » Alle pagina’s. Je kunt deze pagina’s bekijken door met je muis over de paginatitels te gaan en op Bekijken te drukken.

Producten of diensten toevoegen

Je kunt producten aan je WordPress webshop toevoegen door te klikken op Producten » Nieuw toevoegen.

Dit is wat je hier in moet vullen:

1. Productnaam.
2. Product beschrijving. Naast tekst kun je hier ook afbeeldingen en andere media toevoegen. Je kan hier alles doen wat je ook met de klassieke WordPress editor kan doen.
3. Productgegevens. Hier voer je in wat voor product je toevoegt, en of het een fysiek, downloadbaar of een virtueel product is (diensten worden ook gezien als virtuele producten). Hier voer je ook de prijs in, btw-status, verzendmethoden en meer.
4. Korte product omschrijving. Deze tekst verschijnt op de productpagina onder de naam van het product. Voer hier een korte samenvatting in.
5. Productcategorieën. Hier kun je kiezen tot welke categorie een product behoort. Bijvoorbeeld “damesschoenen.”   
6. Product tags. Zoektermen voor je producten. Werkt net zoals normale WordPress tags.
7. Productafbeelding. Kies een afbeelding voor je product.
8. Productgalerij. Voeg hier extra afbeeldingen toe om je product uitgebreider uit te lichten.

Wanneer je klaar bent met dit alles druk je op de blauwe Publiceren knop en… that’s it! Je product staat nu online.

Je kunt je producten bekijken en bewerken bij Producten » Alle producten. Nadat je een aantal producten hebt toegevoegd zal deze pagina er ongeveer zo uit zien:

Stap 6: Finetune je webshop

Nu je de basis van WooCommerce in de smiezen hebt, is het tijd om je webshop te gaan finetunen. Een aantrekkelijk ogende, makkelijk navigeerbare webshop zal leiden tot betere conversies en meer sales.

Gebruik je Kadence met de shopping template, dan krijg je een webshop die er direct al zeer mooi uit ziet. Toch zal je waarschijnlijk het een en ander willen aanpassen. Bijvoorbeeld, kleuren, tekst en afbeeldingen.

Shop pagina’s aanpassen

Je WooCommerce shop bestaat onder andere uit een shop pagina, een product pagina en een afreken pagina. Deze pagina’s kun je aanpassen via je de Customizer. Om de Customizer te openen, bezoek je je webshop en klik je op Customizer in de WordPress navigatiebalk.

Laten we nu gaan kijken naar hoe je de shop pagina aan kunt passen. Wanneer je in de Customizer zit, klik op WooCommerce » Product Catalog.

Afhankelijk van het WordPress thema wat je gebruikt, kun je van alles aanpassen hier.

Bijvoorbeeld:

• Afbeelding laten zien bovenaan de pagina
• De breedte van de pagina
• Het type knoppen dat je wilt gebruiken
• Hoeveel producten je naast elkaar laat zien
• Waar je productfilter moet staan (links of rechts)

Wanneer je op de Design tab drukt, kun je hier ook de achtergrondkleuren, tekst en andere designelementen aanpassen.

Maar bedenk: het kan handiger zijn dit soort designelementen direct in te stellen voor iedere pagina op je webshop. Als je Kadence gebruikt, kun je dit in de Customizer doen via General en dan Colors, Buttons en Typography.

Wanneer je klaar bent met je aanpassingen druk je op Publiceren.

Hier vind je meer inzichten over goed website design.

Stap 7: Breidt WooCommerce uit met plugins

Een van de grote voordelen van WooCommerce is dat je de functionaliteit van je webshop uit kunt breiden met talloze plugins.

Hieronder vind je een paar van de beste exemplaren:

• MailChimp. Om een emaillijst mee op te bouwen, aanbiedingen te sturen en geautomatiseerde emails te versturen
• Google Ads. Adverteer je producten op alle Google platforms
• Facebook voor WooCommerce. Adverteer je producten op Facebook
• Table Rate Shipping. Om je verzendopties ontzettend mee uit te breiden. Zo kun je verzendkosten automatisch laten berekenen aan de hand van gewicht
• Rank Math. De beste SEO plugin van het moment
• WooCommerce PostNL. Exporteer je bestellingen naar PostNL

Afsluitend

Het zit erop. De basis van je WooCommerce webshop staat er nu.

Zoals je ziet is een WordPress webshop maken met WooCommerce niet heel ingewikkeld. Wel kun je rekenen dat het een paar dagen gaat kosten om alles tot in de puntjes in te stellen en al je producten toe te voegen.

Heb je nog vragen over het starten van een webshop met WordPress? Laat dan gerust hieronder een bericht achter.

Veelgestelde vragen