WooCommerce is met afstand de populairste e-commerce oplossing voor WordPress. Het heeft meer dan 5 miljoen actieve installaties, een gebruikersbeoordeling van 4,5 op WordPress.org en een leger aan tevreden, loyale digitale winkeleigenaren.
Bovendien drijft WooCommerce (berekend mei 2023) ongeveer 8,7% van alle websites aan en 23% van de top 1 miljoen e-commerce sites. De verkoop via e-commerce is booming, dus als je een winkel wilt openen op je WordPress website, is kiezen voor WooCommerce een van de beste beslissingen die je kunt nemen.
De enige vraag die overblijft is: Hoe krijg je WooCommerce aan de praat op je website? Om deze vraag te beantwoorden, hebben we een uitgebreide WordPress WooCommerce handleiding samengesteld.
En vergeet niet dat je uiteindelijke doel is om de omzet van je winkel te verhogen. Download dus zeker ons gratis e-book, 10 manieren om de conversie van je WooCommerce productpagina te verhogen. Laten we er meteen induiken!
Is WooCommerce gratis?
WooCommerce is een open-source winkelplugin die je gratis kunt downloaden en gebruiken op WordPress websites. Het runnen van een online winkel is echter niet volledig gratis, want er zijn kosten verbonden aan hosting en domeinkosten, samen met aanpassingen, ontwerp, branding, marketing en advertentiekosten.
WooCommerce installeren en instellen (in 7 stappen)
Natuurlijk moet je beginnen met het installeren en activeren van de WooCommerce plugin. Je kunt dit doen op een nieuwe of bestaande WordPress site. In de volgende stappen leiden we je door het proces van het installeren van de plugin en het configureren van de instellingen.
Stap 1: Installeer de WooCommerce plugin
Het eerste wat je moet doen is WooCommerce installeren op je website. Je kunt de plugin gratis downloaden uit de WordPress repository en vervolgens uploaden naar je site.
Nog eenvoudiger is het om het direct via je WordPress dashboard te installeren:
Ga hiervoor naar je WordPress site en navigeer naar Plugins > Add new. Gebruik de zoekbalk om “woocommerce” te vinden en klik op Install now als je de juiste plugin hebt gevonden. De auteur van de plugin zou Automattic moeten zijn:
Geef de plugin even de tijd om te installeren. Klik daarna op de knop Activate:
De plugin is nu actief op je website!
Stap 2: Open de installatiewizard
Na de installatie van WooCommerce wordt je gevraagd om de installatiewizard te doorlopen. Deze is optioneel, maar we raden je aan om hem te doorlopen om een aantal belangrijke instellingen te configureren.
De eerste pagina van de WooCommerce installatiewizard zou er zo uit moeten zien:
Hier vraagt WooCommerce je om wat basisinformatie over je winkel in te voeren, zoals het adres. Houd er rekening mee dat alles wat je hier (of in de rest van de installatiewizard) instelt later gewijzigd kan worden in je WooCommerce instellingen als dat nodig is.
Zodra je deze velden hebt ingevuld, klik je op Continue. Vervolgens wordt je gevraagd binnen welke sector je winkel actief is:
Vink de vakjes aan voor de opties die op jouw bedrijf van toepassing zijn. Selecteer vervolgens Continue.
Hier heeft WooCommerce wat details nodig over het soort producten dat je van plan bent te verkopen:
Zoals je kunt zien, is het gratis om te kiezen voor fysieke producten of digitale downloads. Als je echter van plan bent om abonnementen, lidmaatschappen, boekingen of meer te verkopen, dan betaal je een klein maandelijks bedrag.
In het laatste stadium van de WooCommerce installatiewizard moet je een aantal gegevens over je bedrijf bevestigen, zoals het aantal producten dat je wilt gaan tonen en of je momenteel elders verkoopt:
Gebruik de vervolgkeuzemenu’s om je keuzes te maken. Klik vervolgens op Continue.
Je wordt nu doorverwezen naar het tabblad Free features:
Hier kun je ervoor kiezen om je winkel uit te breiden met een aantal gratis extensies. Als je op de dropdown pijl klikt, zie je de extensies die automatisch worden toegepast als je het installatieproces voltooit, waaronder WooCommerce Payments en Google Ads:
Je kunt echter alle opties verwijderen door de betreffende vakjes uit te vinken. Als je klaar bent, klik je op de knop Continue om de installatie te voltooien.
Stap 3: Voeg producten toe aan je webwinkel
Zodra je op de laatste knop Continue hebt gedrukt in de installatiewizard, word je doorgestuurd naar je WordPress dashboard. Als je ervoor kiest om je site uit te breiden met de gratis Jetpack plugin, zal het beheerpaneel je aansporen om Jetpack op je site in te stellen.
Je kunt dit echter tot later bewaren. Klik in plaats daarvan op het nieuwe tabblad WooCommerce in je dashboard. Hoewel je je bedrijfsgegevens hebt toegevoegd in de installatiewizard, vind je hier een checklist om je door het proces van het opzetten van je online winkel te leiden:
Eerst kun je beginnen met het toevoegen van producten aan je website. Om dit te doen klik je op Add products in het installatiescherm.
Maar je vindt ook een speciaal tabblad Products in de zijbalk van je WordPress dashboard. Je kunt dus ook nieuwe producten aan je winkel toevoegen door te klikken op Products > Add new.
Je wordt gevraagd naar het type product dat je wilt maken:
Je kunt er bijvoorbeeld voor kiezen om fysieke producten, digitale producten, variabele producten en meer toe te voegen. Maak je keuze. Vervolgens kom je op de pagina Edit product :
Het eerste wat je wilt doen is een titel en een korte beschrijving van het product maken. Klik vervolgens op Save concept en je ziet een link met Preview product verschijnen:
Hier zie je een live voorbeeld van je nieuwe product:
Laten we nu eens kijken naar een aantal aanvullende productdetails.
Belangrijke details aan je product toevoegen
Als je naar beneden scrolt onder de editor van je bericht, zie je twee nieuwe widgets die je niet aantreft op gewone berichten of pagina’s. De eerste is de sectie Product data:
Hier kun je allerlei details over je product toevoegen. Helemaal bovenaan kun je aangeven of het product virtueel is of niet (waardoor het tabblad Shipping verdwijnt) en of het downloadbaar is. Vervolgens kun je op het tabblad General de normale prijzen en verkoopprijzen invoeren (verkoop kan tijdgevoelig zijn).
Als je digitale producten verkoopt, moet je ook het te kopen bestand uploaden, de downloadlimiet aanpassen (laat leeg om het als onbeperkt te markeren) en de downloadvervaldatum instellen (laat leeg om het permanent beschikbaar te houden):
Vervolgens kun je op het tabblad Inventory je voorraad beheren door de hoeveelheid van het product in te voeren, de voorraadstatus (in/uit voorraad) en of je nabestellingen wilt toestaan:
Daarnaast kun je het product markeren als individueel verkocht, wat betekent dat er maar één product per bestelling kan worden gekocht. Hier kun je ook het SKU (identificatienummer) van het product invoeren als je dat hebt.
Er zijn hier ook een aantal andere handige tabbladen. In het gedeelte Shipping kun je het gewicht, de afmetingen en de verzendklasse van het artikel invoeren:
Op het tabblad Attributes de kenmerken van het product kunt beschrijven.
Op het tabblad Advanced kun je aangepaste aankoopnotities invoeren, het product een vaste positie in je menu geven en beoordelingen in- of uitschakelen. Bovendien kun je aanbevolen extensies bekijken in het scherm More options.
Tot slot vind je onderaan dit gedeelte een Pinterest tab. Hier kun je de conditie van je producten bepalen (nieuw/gebruikt) en een Google categorie selecteren.
Attributen en variabele producten maken
Zoals je ziet zijn er veel opties om details toe te voegen aan je WooCommerce producten en ze volledig aan te passen. Laten we eens kijken naar twee van de handigste opties in het gedeelte Product data – attributen en variabele producten.
Attributen zijn belangrijke beschrijvingen voor je product en ze vertellen potentiële klanten belangrijke informatie over het product. Dit kan de kleur van het artikel zijn, het materiaal waarvan het gemaakt is, de grootte of het type en nog veel meer.
Als je deze details aan je product toevoegt op het tabblad Attributes, verschijnen ze op de productpagina onder Additional information:
Ongeacht het soort producten dat je verkoopt, zijn attributen handig om belangrijke kenmerken op een beknopte manier te communiceren. Maar wat als je ook artikelen verkoopt met meerdere opties?
Daarvoor kun je de optie Variable product selecteren in het vervolgkeuzemenu Product data:
Dit geeft je toegang tot een nieuw tabblad Variations, waar je meerdere versies van je product kunt maken. Je kunt dit handmatig doen of de attributen gebruiken die je al aan je product hebt toegekend.
Om met de laatste methode verder te gaan, klik je op Generate variations:
Stel bijvoorbeeld dat je een hoodie aanbiedt in rood, groen en blauw. Je kunt voor elke kleur een variatie toevoegen en vervolgens elke kleur een unieke beschrijving, prijs, enzovoort geven.
Je klanten kunnen alle beschikbare variaties zien op de productpagina:
Dit maakt het gemakkelijk voor bezoekers om alles wat je te bieden hebt in één oogopslag te bekijken. Bovendien hoef je zo geen aparte productpagina’s te maken voor kleine variaties op hetzelfde artikel.
De korte beschrijving van je product aanpassen
Onder de widget Product data vind je ook een sectie met het label Product short description:
Hier kun je een beknopte tagline maken die onder de titel van het product verschijnt. Je kunt deze beschrijving gebruiken om de belangrijkste voordelen van het artikel te benadrukken en er een of meer trefwoorden in opnemen om klanten te helpen het artikel 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 kunt tags aan je product toevoegen, het in een categorie plaatsen en een uitgelichte afbeelding of zelfs een hele afbeeldingengalerij toevoegen.
Zo zou je uiteindelijke product er aan de voorkant uit kunnen zien:
Als je product klaar is, klik je op Publish om het live te zetten op je site. Daarna kun je dit proces herhalen om extra producten te maken als dat nodig is.
Je WooCommerce producten beheren
Je zult waarschijnlijk een aantal artikelen opnemen in je WooCommerce winkel, wat betekent dat je een gemakkelijke manier nodig hebt om je producten te beheren. Gelukkig kun je dit doen via het tabblad Products in je dashboard.
Je kunt bijvoorbeeld All products selecteren om elk artikel te zien dat momenteel in je winkel staat. Je kunt hier naar behoefte producten toevoegen, bewerken en verwijderen:
Op de andere pagina’s, onder het kopje Products, kun je je productcategorieën, tags, attributen en beoordelingen bekijken. Elk van deze pagina’s ziet eruit als de standaard WordPress Posts > Categories pagina en kan je helpen om je hele inventaris georganiseerd te houden.
Stap 4: Kies je betalingsverwerkers
Nu kun je teruggaan naar je WooCommerce pagina waar je verder kunt gaan met het doorlopen van de winkel checklist. Op dit moment heb je de details van je winkel ingevuld en een aantal producten aan je site toegevoegd. Je bent dus klaar om te beslissen welke betaalopties je wilt inschakelen.
Je kunt op de instellingenpagina klikken op de link Setup WooCommerce payments. Of je navigeert naar het tabblad Payments op je dashboard:
Klik op Finish setup om creditcardbetalingen in je winkel te accepteren.
Daarna kun je de extra opties selecteren die je wilt gebruiken en WooCommerce zal ze instellen. Je kunt ook extensies gebruiken om meer betalingsverwerkers aan je winkel toe te voegen, waar we het later over zullen hebben. Bij Kinsta zijn we grote fans van Stripe.
Leesuggestie: Zo verminder je creditcardfraude met 98% met Stripe Radar
Gebruik je Square? Bekijk onze blogpost met diepgaande vergelijkingen: Stripe vs Square.
Stap 5: Voeg belastingtarieven toe en configureer je verzendopties
Op de instellingenpagina van WooCommerce kun je ook klikken op Add tax rates. Hier kun je ervoor kiezen om in zee te gaan met de partner WooCommerce Tax, aangedreven door Jetpack. Dit is een volledig gratis optie:
Of je kunt Avalara downloaden om je belastingen te berekenen. Daarnaast kun je klikken op de link Set up taxes manually of WooCommerce laten weten dat je geen omzetbelasting heft via de andere link.
Als je je keuze hebt gemaakt, ga je terug naar de instellingenpagina en klik je op Add shipping costs:
Hier kun je bepalen hoeveel klanten moeten betalen voor verzending. Je kunt een tarief instellen voor jouw voorkeurszone en een ander tarief voor klanten op andere locaties. Als je wilt, kun je ook gratis verzending aanbieden aan één of beide groepen.
Klik vervolgens op Save shipping options. Nu kun je een verzendoplossing selecteren om je verzendetiketten af te drukken:
Je kunt kiezen tussen sendcloud en ShipStation, die je allebei moet installeren en inschakelen. Of, als je geen verzendetiketten nodig hebt, selecteer je gewoon No Thanks.
Stap 6: Bekijk extra applicaties
Op dit punt heb je alle basisfeatures voor je online WooCommerce winkel ingesteld. Op de volgende pagina van de installatiewizard zie je een aantal optionele add-ons.
Je kunt bijvoorbeeld klikken op Get more sales in het WooCommerce installatiescherm:
Al deze tools kunnen van pas komen, hoewel ze geen van alle nodig zijn om je webwinkel te runnen. De MailPoet integratie is bijvoorbeeld een geweldige manier om follow-up e-mails, nieuwsbrieven en promotiecampagnes naar je klanten te sturen. Ondertussen kun je je producten (en betaalde advertentiecampagnes) weergeven op de zoekresultatenpagina van Google door Google Listing & Ads in te schakelen.
Verder naar beneden vind je een aantal handige marketinguitbreidingen zoals TikTok en Mailchimp:
Klik op de knop Get started om een van deze tools te installeren en te activeren.
Stap 7: Personaliseer je WooCommerce winkel
Op dit punt ben je bijna klaar met het opzetten van je WooCommerce winkel. Je kunt je online winkel echter nog aanpassen als je teruggaat naar de WooCommerce instellingspagina en Personalize your store selecteert:
Als je nog niet veel producten hebt toegevoegd aan je winkel, kun je klikken op Import products om je een beter idee te geven van hoe je voltooide site eruit zal zien.
Nu kun je een aangepaste homepage voor je winkel maken door op de knop Create homepage te klikken:
Vervolgens kun je je WooCommerce winkel een eigen merk geven door een logo van je computer te uploaden en je kunt een winkelmededeling invoeren die op alle pagina’s van je site wordt weergegeven. Klik op Complete task om af te ronden.
Als je je bedrijfsgegevens nog niet hebt geverifieerd, wordt je nu gevraagd om dat te doen. Daarna kun je beginnen met het beheren van WooCommerce transacties. Je WooCommerce winkel is nu klaar om te beginnen.
Je WooCommerce winkel aanpassen
Nu je een paar basisinstellingen voor je webwinkel hebt geconfigureerd, zijn er nog veel meer opties om mee te spelen. Je vindt al deze opties onder je nieuwe WooCommerce tabblad.
Hier kun je bestellingen, coupons en rapporten bekijken, maar ook instellingen aanpassen en nieuwe extensies toevoegen. Laten we elk scherm een voor een doorlopen.
Bestellingen en klanten
Als eerste toont de pagina Orders een lijst met recente aankopen in je winkel:
Als je digitale producten verkoopt, kun je hier niet veel anders doen dan bekijken wat er de laatste tijd is gekocht. Als je echter fysieke goederen verkoopt, kun je hier zien welke producten je moet verzenden en wat de status van je bestellingen is.
Onder de pagina Orders kun je op het tabblad Customers klikken, waar je een lijst vindt van alle mensen die een bestelling op je website hebben geplaatst. Je kunt ook naar klanten zoeken met de zoekbalk en je klantenlijst downloaden.
Coupons
WooCommerce heeft verschillende handige opties voor het toevoegen van nieuwe coupons aan je webwinkel. Op het tabblad Coupons kun je Create your first coupon selecteren om naar het bewerkingsscherm te gaan:
Het is belangrijk om op te merken dat je voorheen via het tabblad WooCommerce toegang had tot je WooCommerce coupons, maar dat de instellingen nu zijn verplaatst naar het tabblad Marketing .
Daarom kun je coupons maken en beheren door naar Marketing te gaan in je WordPress dashboard. Selecteer vervolgens Coupons. Je kunt er ook voor kiezen om het oude couponmenu helemaal uit de WooCommerce instellingen te verwijderen om verwarring te voorkomen:
Je kunt hier een couponcode toevoegen (of WooCommerce er een voor je laten genereren) en een korte beschrijving maken. Vervolgens kun je op het tabblad General de basisinformatie bewerken: het type coupon (procentuele korting, vaste korting op de winkelwagen of vaste productkorting), de waarde, opties voor gratis verzending en de vervaldatum.
Onder Usage restriction kun je een minimumbesteding instellen die de klant moet doen om de coupon te valideren. Je kunt ook het vakje Individual use only aanvinken als je niet wilt dat klanten de kortingsbon samen met andere aanbiedingen gebruiken:
Je kunt hier instellen of de coupon alleen van toepassing moet zijn op niet-verkoopartikelen en ook de producten en productcategorieën selecteren waarop de coupon van toepassing is. Tot slot kun je zelfs bepaalde e-mailadressen uitsluiten van het gebruik van coupons.
Op het laatste tabblad, Usage restrictions, kun je bepalen hoe vaak de coupon kan worden gebruikt, zowel in totaal als per klant:
Publiceer vervolgens eenvoudig je coupon om deze actief te maken en je klanten te informeren over de code die ze nodig hebben.
Rapporten
WooCommerce biedt ook krachtige ingebouwde traceerfuncties. Op het tabblad Reports kun je grafieken en diagrammen bekijken van je verkopen, bestellingen en verzendkosten over verschillende tijdsperioden:
Elke grafiek kan worden beperkt tot de verkoop van een bepaald product, categorie of coupon. In het sub-tabblad Customers kun je ook je klantenwerving over dezelfde tijdsperioden bekijken.
Last but not least kun je in het sub-tabblad Stock je producten bekijken die bijna op voorraad zijn, die niet meer op voorraad zijn en die het meest op voorraad zijn. Al deze gegevens kun je indien nodig exporteren als CSV-bestand.
Instellingen
Dit is waar WooCommerce echt indrukwekkend wordt. In de Settings pagina kun je zo ongeveer elk aspect van je webwinkel aanpassen. Elementen zoals de plaatsing van je ‘duizenden’ scheidingsteken, het hele afrekenproces, e-mailopties en nog veel meer kun je aanpassen aan je behoeften.
In dit gedeelte bevat het tabblad General de basisinformatie van je winkel, waaronder de valuta, verkooplocaties en weergaveopties:
Een andere opvallende optie hier laat je naar beneden scrollen en het vakje aanvinken dat zegt: Enable tax. Zodra je dit vakje hebt aangevinkt, krijg je toegang tot een voorheen verborgen tabblad Tax, waar je je belastingopties kunt bekijken:
Hier kun je het platform laten weten of de prijzen die je voor je producten invoert inclusief belastingen zijn of niet. In het laatste geval kun je WooCommerce belastingtarieven voor je laten berekenen op basis van het adres van je winkel, het verzendadres van de klant of het factuuradres van de klant.
Je kunt ook instellen hoe belastingen worden toegepast op verzendkosten en zelfs of ze worden afgerond. Vervolgens kun je de manier waarop prijzen en belastingen worden weergegeven op de voorkant en tijdens het afrekenen aanpassen.
Je productgegevens, waaronder afmetingen, beoordelingen, voorraadgegevens, downloadmethoden en zelfs knoppen voor toevoegen aan winkelwagentje, kun je aanpassen op het tabblad Products:
Shipping is waar je je verzendzones en prijzen kunt configureren:
Je kunt ook aanpassen hoe de verzending wordt berekend en kiezen wat de standaardverzendbestemming is. De beschikbaarheid van je winkel beperken tot specifieke landen is ook mogelijk.
Op het tabblad Payments kun je zien welke betalingsverwerkers beschikbaar en actief zijn in je winkel:
Hier kun je alle betalingsopties in- en uitschakelen die je maar wilt. Bovendien vind je hier handige links om de instellingen voor specifieke verwerkers aan te passen.
Accounts beheren
Het tabblad Accounts & Privacy is superbelangrijk omdat het verschillende aspecten van de ervaring van je klanten regelt:
Je kunt een privacy- en afrekenbeleid instellen, configureren hoe klantgegevens worden opgeslagen en bewaard, en nog veel meer.
Daarnaast heb je verschillende opties voor hoe het afrekenen van klanten wordt afgehandeld. In de secties Guest checkout en Account creation kun je bepalen of bezoekers bestellingen kunnen plaatsen als gast (dus zonder in te loggen op een account).
Daarna kun je bepalen of ze de optie krijgen om in te loggen en/of een nieuwe account aan te maken tijdens het afrekenen. Je kunt ze zelfs automatisch gegenereerde gebruikersnamen en wachtwoorden geven om het registratieproces te versnellen.
Extra instellingen
Hoewel we een aantal van de belangrijkste instellingen hebben behandeld in het vorige gedeelte, zijn er nog een aantal extra opties die je kunt configureren voor je webwinkel. Allereerst kun je op het tabblad Emails alles aanpassen voor de klantenservice:
Bovenaan 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 kunt op elk van deze e-mails klikken om ze in of uit te schakelen en om de inhoud aan te passen:
Je vindt hier zelfs instructies voor het bewerken van de e-mailtemplates, als je HTML kunt gebruiken. Je kunt het bestand van de e-mail kopiëren naar je themamap en daar de wijzigingen aanbrengen die je wilt. Je kunt ook je eigen e-mailtemplates maken.
Daaronder kun je een paar globale instellingen configureren voor alle e-mails die vanuit je WooCommerce winkel worden verzonden. Hieronder vallen de ‘van’-naam en het adres, voettekst en zelfs kleuren en achtergronden.
Ga naar het tabblad Integration, waar je MaxMind kunt gebruiken om geolocatiezoekopdrachten uit te voeren. Daarnaast vind je het tabblad Advanced, waar je de REST API kunt inschakelen, sleutels, apps en webhooks kunt configureren en andere taken op lager niveau kunt uitvoeren:
Er is ook een Multi-currency tab waar je betalingen in meerdere valuta kunt accepteren. Tot slot vind je het tabblad Subscriptions:
Hier kun je klanten abonnementen en producten laten kopen. Je kunt ook synchroniseren dat verlengingen op een bepaalde dag plaatsvinden en een aflossingsvrije periode instellen. Houd er rekening mee dat je al deze instellingen kunt aanpassen en wijzigen wanneer je maar wilt, en dat je winkel automatisch wordt bijgewerkt.
Status
Laten we nu kort het tabblad Status bekijken:
Al je backend-informatie kun je hier vinden, zoals je WooCommerce/PHP/MySQL/etc. versie, limieten voor de grootte, logging en meer. In het sub-tabblad Extra op dezelfde pagina kun je de cache van je website wissen voor meerdere variabelen, oude gegevens wissen en zelfs de instellingen van je winkel terugzetten naar de standaardwaarden.
Uitbreidingen
Een van de kenmerken die WordPress tot het populairste Content Management Systeem (CMS) ter wereld maken, is de community die erachter zit. Er zijn duizenden thema’s en tienduizenden plugins die je kunt gebruiken om je website aan te passen. Bovendien is bijna 100% ervan door gebruikers bijgedragen.
Dit geldt ook voor WooCommerce, zij het op kleinere schaal. Op het tabblad Extensions en elders vind je een heleboel tools om je winkel uit te breiden, nieuwe opties en functies toe te voegen en het uiterlijk aan te passen:
Je kunt een aantal van de populairste extensies bekijken in het gedeelte Discover our favorites, of als je een bepaalde extensie in gedachten hebt, kun je het zoekvak gebruiken om deze te vinden.
Er zijn extensies voor het toevoegen van nieuwe verzendopties aan je winkel, het inschakelen van abonnementen, het aanpassen van het afrekenproces, het integreren van e-mail en social media marketing, en nog veel meer. Je kunt ook gratis en betaalde extensies vinden waarmee je extra betalingsverwerkers aan je klanten kunt aanbieden, zoals Square en Amazon Pay.
Thema’s
Je kunt ook een thema voor je site kiezen dat speciaal is ontworpen voor de WooCommerce plugin. Om een nieuw thema toe te voegen, ga je naar Appearance > Themes in je WordPress dashboard.
Klik dan op Add new. Typ hier “woocommerce” in de zoekbalk om naar WooCommerce thema’s te zoeken. Storefront is een goede plek om te beginnen:
Maar er zijn genoeg andere opties te vinden in marktplaatsen zoals ThemeForest.
Met de introductie van de Full Site Editor (FSE) kun je misschien ook beter aan de slag gaan met een WooCommerce blokthema. Deze templates zijn volledig opgebouwd uit blokken, dus ze bieden meer flexibiliteit als het gaat om het aanpassen van je website. Je kunt bijvoorbeeld templateparts zoals header en footer bewerken, waardoor je bijna volledige controle hebt over het uiterlijk van je website.
Om naar blokthema’s te zoeken, selecteer je gewoon het tabblad Block Themes in de lijst met opties om de resultaten te filteren:
Als je een kledingwinkel hebt, is Blockette een uitstekende optie:
Het bevat aangepaste templates voor je winkelpagina’s en heeft globale stijlvariaties voor snelle bewerking. Om het thema te installeren, klik je gewoon op de knop Install. Selecteer vervolgens Activate.
Plugins
Er zijn ook veel plugins die ontworpen zijn om Woocommerce op verschillende manieren uit te breiden. Om maar een voorbeeld te geven: met de Braintree For WooCommerce plugin kun je allerlei soorten betalingen accepteren in je winkel:
Maar je kunt ook plugins vinden die de zoekmachineoptimalisatie (SEO) van je site verbeteren of cachingplugins om je laadtijden te verbeteren. Met andere woorden, als je iets wilt aanpassen aan de manier waarop je WooCommerce winkel werkt, is de kans groot dat je dat kunt doen door eenvoudigweg de juiste tool te vinden.
WordPress blokken
WordPress geeft je toegang tot heel veel blokken om je pagina’s vorm te geven, zoals afbeeldingen, paragraafteksten, knoppen en meer. Maar als je eenmaal WooCommerce hebt geïnstalleerd, heb je toegang tot een heleboel extra blokken om je online winkel krachtiger te maken.
Om je nieuwe blokken te bekijken, open je een bericht of pagina op je dashboard door naar Pages > Add new te gaan. Klik vervolgens op het + pictogram om te beginnen met het toevoegen van blokken aan de editor.
Zoek hier naar “woocommerce:”
Zoals je kunt zien, zijn er hier veel handige e-commerce features. Je kunt bijvoorbeeld zoekopdrachten naar producten toevoegen om shoppers te helpen je producten gemakkelijker te vinden.
Daarnaast kun je een uitgelicht productblok toevoegen om een nieuw artikel of een product dat op dat moment in de aanbieding is onder de aandacht te brengen. Je vindt ook een winkelwagenblok, wat superhandig is. Bovendien kun je filters toevoegen aan je pagina’s, zodat winkelend publiek naar producten kan zoeken op basis van voorraad, prijs of beoordeling.
Als je geen ontwerpvaardigheden hebt, kun je verder naar beneden scrollen om toegang te krijgen tot talloze WooCommerce blokpatronen:
Op deze manier kun je kant-en-klare secties aan je website toevoegen, waaronder een “Just arrived” sectie, een voettekst met ruimte voor je menu en een productrij met drie kolommen.
Headless WooCommerce configuratie
Als je de voor- en achterkant van je WooCommerce website wilt scheiden, kun je een headless WooCommerce website bouwen. Dit framework verbindt de WooCommerce achterkant van je site met een aangepaste voorkant via de WooCommerce REST API.
Misschien geef je de voorkeur aan deze optie als je een statische website wilt maken. Het kan ook een geweldige manier zijn om de prestaties en beveiliging van je website te verbeteren en meer aanpasbaarheid te krijgen. Met de standaard WooCommerce installatie kun je bijvoorbeeld een heleboel features krijgen die je niet nodig hebt, wat je website kan vertragen.
Hier zijn enkele situaties waarin het zinvol is om WooCommerce te gebruiken met een headless configuratie:
- Je wilt meerdere WooCommerce sites opzetten die dezelfde back-end delen.
- Je wilt je backend verbinden met een mobiele app naast je website.
- Je wilt je winkel verder aanpassen dan de basisfunctionaliteit, thema’s en plugins.
- Je wilt je laadtijden versnellen.
- Je wilt je site beter beveiligen door het moeilijker te maken voor hackers om het beheerpaneel te vinden.
De eenvoudigste manier om een headless WooCommerce website op te zetten is door een ontwikkeltool zoals DevKinsta te gebruiken:
Hiermee kun je sites maken, beheren en deployen op je lokale machine. Het is een volledig gratis tool, geschikt voor single of Multisite WordPress. Bovendien heb je toegang tot talloze lokale database- en e-mailbeheertools. Sterker nog, je kunt je wijzigingen met één klik live zetten.
WooCommerce templates bewerken
Met de ingebouwde instellingen van WooCommerce en de vele uitbreidingen en plugins die ervoor beschikbaar zijn, heb je veel flexibiliteit over hoe je winkel werkt. Als je echter een meer gevorderde gebruiker bent en je eigen aanpassingen wilt doen, is het bewerken van de templatebestanden van WooCommerce een goede plek om te beginnen.
Hiermee kun je de manier waarop belangrijke functies werken aanpassen, zoals het winkelwagentje en het afrekenproces. Houd er rekening mee dat dit een riskant proces is, vooral als je nieuw bent in het rechtstreeks werken met thema- en pluginbestanden. Maak dus eerst een backup van je site voor het geval je per ongeluk iets verandert. Hier lees je hoe je veilig een thema kunt verwijderen.
Vervolgens moet je je site openen met een SFTP client (Secure File Transfer Protocol) zoals FileZilla. Zoek de hoofdmap van je site (vaak public_html genoemd of vernoemd naar je domein):
Navigeer vervolgens naar wp_content/plugins/woocommerce. In deze map vind je een map met de naam templates. Open deze en je ziet een lijst met alle sjablonen die momenteel actief zijn voor je winkel.
Op dit moment kun je elke sjabloon openen en wijzigingen aanbrengen. Als je bijvoorbeeld wijzigingen wilt aanbrengen aan de bedankpagina die verschijnt nadat een klant een bestelling heeft geplaatst, kun je de map met de checkout openen en het bestand thankyou.php zoeken. Vervolgens kun je het downloaden, naar eigen inzicht bewerken of elementen toevoegen en opnieuw uploaden naar je server.
HPOS (High-Performance Order Storage)
In de tweede helft van 2023 komt WooCommerce met een update die de overstap maakt naar High-Performance Order Storage (HPOS). Hierdoor zullen je klanten sneller kunnen afrekenen en zal het bestelproces sneller verlopen.
Dus als je je WooCommerce winkel na augustus 2023 opzet, zal je WooCommerce winkel automatisch starten met HPOS. Totdat deze functie verplicht wordt, hebben alle bestaande WooCommerce winkels de optie om HPOS in te schakelen, maar je kunt voorlopig ook zonder.
Op dit moment maken de bestellingen van je winkel gebruik van dezelfde databasetechnologie die WordPress berichten opslaat. HPOS zal de bestelinformatie echter verplaatsen naar een nieuw commerce-first opslagsysteem. Dit zal je winkel upgraden naar een moderne, schaalbare database.
Als je een bestaande winkel hebt die WooCommerce 7.1 of hoger gebruikt, kun je HPOS uitproberen wanneer je maar wilt. Je vindt het als een opt-in functie in je geavanceerde instellingen.
Het is echter belangrijk om te weten dat op dit moment nog niet alle extensies compatibel zijn met het nieuwe HPOS systeem. Controleer daarom alle relevante documentatie voordat je de functie inschakelt in je webwinkel.
WooCommerce hosting
Als je een webwinkel hebt, is tijd letterlijk geld. Daarom is het belangrijk om een snelle en betrouwbare WordPress host te hebben voor een langere uptime, hogere conversiepercentages en een betere Return on Investment (ROI).
WooCommerce staat erom bekend dat het WordPress sites vertraagt, vooral voor grote winkels met veel producten. Gelukkig hoef je je hier met Kinsta als hostingprovider geen zorgen over te maken. Wij bieden beheerde hostingdiensten, samen met zeer geoptimaliseerde WooCommerce hosting die speciaal is ontworpen met het oog op prestaties.
Dankzij onze schaalbare infrastructuur op het Google Cloud Platform en de nieuwste technologie, zoals PHP 8x, Nginx en MariaDB, kunnen we ervoor zorgen dat een overstap naar Kinsta zal helpen om je verkoop te verhogen.
Brian heeft een enorme passie voor WordPress, gebruikt het al meer dan tien jaar en heeft zelfs al aantal premium plugins ontwikkeld. Brian houdt van bloggen, films en hikes. Kom in contact met Brian op Twitter.
