WooCommerce is de meest populaire e-commerce oplossing voor WordPress met enige marge. Het heeft meer dan 4 miljoen actieve installaties, een 4,6 gebruikersbeoordeling op WordPress.org, en een leger van gelukkige, loyale digitale winkeleigenaren.

Wat meer is, vanaf juni 2019, WooCommerce voedt ongeveer 7% van alle online winkels en 22% van de top 1 miljoen e-commerce sites. De verkoop van e-commerce is booming, dus als u op zoek bent om de winkel te openen op uw WordPress-aangedreven website, is het gaan met WooCommerce een van de beste beslissingen die u zou kunnen maken.

De enige vraag die overblijft is: Hoe krijg je WooCommerce up and running op je website? Om dit te beantwoorden, hebben we een uitgebreide WordPress WooCommerce tutorial samengesteld.

Hoe installeer en installeer je WooCommerce (in 7 stappen)

Natuurlijk moet je beginnen met het installeren en activeren van de WooCommerce-plugin. U kunt dit doen op een nieuwe of bestaande WordPress site. In de volgende stappen zullen we u door het proces van het instellen van de plugin en het configureren van de instellingen leiden.

Stap 1: Installeer de Plugin

Het eerste wat je moet doen is WooCommerce op je website installeren. U kunt het gratis downloaden van de WordPress repository, en het dan uploaden naar uw site. Nog eenvoudiger, u kunt het direct via uw WordPress-dashboard installeren.

Om dit te doen, gaat u naar uw WordPress-site en navigeert u naar Plugins >Nieuw toevoegen. Gebruik de zoekbalk om “woocommerce” te vinden, en klik op Nu installeren als u de juiste plugin heeft gevonden. De auteur van de plugin moet Automattic zijn:

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

Op dit punt is de plugin klaar voor gebruik op uw website!

Stap 2: Ga naar de installatiewizard

Na de installatie van WooCommerce wordt u gevraagd om door de installatiewizard te lopen. Deze is optioneel, maar we raden u aan deze te doorlopen om enkele belangrijke instellingen te configureren.

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

Hier vraagt WooCommerce u om wat basisinformatie over uw winkel in te voeren. Dit omvat het adres, welke valuta u wilt gebruiken, en of u van plan bent om digitale of fysieke producten (of beide) te verkopen.

Bedenk dat alles wat u hier instelt (of in de rest van de setup wizard) later kan worden gewijzigd in uw WooCommerce instellingen indien nodig. Voor nu is de volgende stap in onze WooCommerce-tutorial 2019 om Let’s Go te selecteren.

Step 3: Kies uw betalingsverwerkers

Op de volgende pagina kunt u beslissen welke betalingen u voor uw online winkel zult inschakelen. Standaard kunt u Stripe en/of PayPal gebruiken, samen met offline betalingen zoals cheques en contant geld:

Selecteer gewoon de opties die u 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.

Aanbevolen lectuur: Hoe creditcardfraude te voorkomen en te verminderen met 98% met behulp van Stripe Radar

Gebruikt u Square in plaats daarvan? Bekijk onze diepgaande vergelijkende blog post: Stripe vs Square.

Stap 4: Configureer uw verzendopties

Volgende, vindt u het Verzendscherm:

Hier kunt u bepalen hoeveel klanten in rekening worden gebracht voor verzending. Je kunt een tarief instellen voor je voorkeurszone, en een ander tarief voor klanten die zich op andere locaties bevinden. Als u wilt, kunt u ook gratis verzending aanbieden aan een of beide groepen.

Stap 5: Optionele toevoegingen bekijken

Op dit punt hebt u alle basisinstellingen voor uw online WooCommerce-winkel geconfigureerd. Op de volgende pagina van de setup-wizard vindt u een aantal optionele add-ons:

Al deze tools kunnen van pas komen, hoewel geen van hen vereist is om uw online winkel te runnen. We raden aan om in ieder geval Storefront te bekijken. Dit is een WordPress-thema dat speciaal voor WooCommerce is ontworpen en het opzetten van uw winkel sneller en eenvoudiger kan maken.

Stap 6: Installeer de Jetpack-plugin (optioneel)

Ook het volgende scherm biedt een optionele add-on:

Jetpack is een handige WordPress-plugin die een breed scala aan functies biedt. Dit omvat beveiligingsfunctionaliteit, verschillende analytics, en meer. Het kan een nuttige toevoeging aan uw WooCommerce-winkel zijn, maar is niet verplicht – dus het is aan u of u het wilt installeren of niet.

Stap 7: Voltooi het installatieproces

Uw WooCommerce-winkel is nu klaar voor gebruik:

U vindt hier een aantal nuttige links. U kunt producten naar uw winkel importeren, terugkeren naar uw WordPress dashboard of de instellingen bewerken die u zojuist hebt geconfigureerd.

Het meest waarschijnlijke is echter dat u nu producten wilt gaan toevoegen. Om onze WordPress WooCommerce tutorial te blijven volgen, ga je gang en selecteer je Create a Product now.

Adding and Managing New Products in WooCommerce

Na het installeren van WooCommerce, zul je twee nieuwe tabbladen vinden in het zijmenu van je dashboard. Deze heten WooCommerce (uw algemene instellingen gebied) en Producten (uw producten instellingen gebied).

Om te beginnen met het opzetten van uw online winkel, kunt u ofwel de link volgen aan het einde van de setup wizard of ga naar Producten > Nieuw Toevoegen. Hoe dan ook, hiermee kunt u uw eerste product toevoegen, met behulp van de vertrouwde WordPress-editor:

Het eerste wat u zult willen doen is een titel en een korte beschrijving van het product maken. Hier ziet u hoe een titel en beschrijving eruit zien in een live voorbeeld:

Als dit klaar is, zult u ook informatie over uw nieuwe product willen toevoegen aan WordPress. In de volgende secties zullen we bekijken hoe u dit kunt doen.

Het toevoegen van belangrijke details aan uw product

Als u naar beneden scrollt onder de post editor, ziet u twee nieuwe widgets die u niet op reguliere posts of pagina’s vindt. De eerste is de sectie Productgegevens:

Hier kun je allerlei details over je product toevoegen. Helemaal bovenaan, kunt u selecteren of het product virtueel is of niet (waardoor het tabblad Verzenden verdwijnt) en of het downloadbaar is. Dan, in het tabblad Algemeen, kunt u de normale en uitverkoop prijzen invoeren (uitverkoop kan tijdgevoelig zijn).

Als u digitale producten verkoopt, moet u ook het te kopen bestand uploaden, de downloadlimiet aanpassen (leeg laten om het als onbeperkt te markeren), en de downloadvervaldatum instellen (leeg laten om het permanent beschikbaar te houden):

Volgende, in de Voorraad tab, kunt u uw voorraad beheren door het invoeren van de hoeveelheid van het product, voorraad status (in/uit voorraad), en als je wilt om nabestellingen toe te staan:

Daarnaast kun je het product markeren als individueel verkocht, wat betekent dat er slechts één kan worden gekocht in een enkele bestelling. Hier kunt u ook de SKU (identificatienummer) van het product invoeren, als u er een hebt.

Er zijn hier ook een aantal andere nuttige tabbladen. In het gedeelte Verzending kunt u het gewicht, de afmetingen en de verzendingsklasse van het artikel invoeren. In het tabblad Gekoppelde producten kunt u upsells en cross-sells toevoegen, terwijl u in Attributen de kenmerken van het product kunt beschrijven.

Tot slot kunt u in het tabblad Geavanceerd aangepaste aankoopnotities invoeren, het product een vaste positie in uw menu geven, en beoordelingen in- of uitschakelen. Als u wilt, kunt u ook aanbevolen extensies bekijken onder het scherm Krijg meer opties.

Attributen en variabele producten maken

Zoals u ziet, zijn er tal van opties om details aan uw WooCommerce-producten toe te voegen en ze volledig aan te passen. Laten we eens nader kijken naar twee van de meest nuttige opties in de Productgegevens sectie – attributen en variabele producten.

Attributen zijn belangrijke beschrijvingen voor uw product, en ze vertellen potentiële klanten belangrijke informatie over het. Dit kan de kleur van het item, het materiaal waarvan het is gemaakt, de grootte of het type, en nog veel meer. Als je deze details aan je product toevoegt op het tabblad Attributen, worden ze weergegeven op de productpagina:

Welk type product je ook verkoopt, attributen zijn handig om belangrijke kenmerken op een beknopte manier te communiceren. Maar wat als je ook artikelen verkoopt die in meerdere opties verkrijgbaar zijn? Daarvoor kunt u de optie Variabel product selecteren:

Dit geeft u toegang tot een nieuw tabblad Variaties, waar u meerdere versies van uw product kunt maken met de attributen die u al hebt toegewezen. Bijvoorbeeld, stel u biedt een shirt aan in rood, groen en paars. U kunt een variatie toevoegen voor elke kleur, geef ze een unieke beschrijving, prijs, enzovoort.

Uw klanten zullen in staat zijn om alle beschikbare variaties te zien op de productpagina:

Dit maakt het gemakkelijk voor bezoekers om alles wat je te bieden hebt in een oogopslag te zien. Bovendien hoeft u geen afzonderlijke productpagina’s te maken voor kleine variaties op hetzelfde artikel.

De korte beschrijving van uw product aanpassen

Onder de Productgegevens-widget vindt u ook een sectie met het label Korte beschrijving van het product:

Hier kunt u een beknopte tagline maken die onder de titel van het product wordt weergegeven. U kunt deze beschrijving gebruiken om de primaire voordelen van het item te benadrukken en een of meer trefwoorden op te nemen om klanten te helpen het te vinden in zoekopdrachten.

Nadat u de gegevens en beschrijving van uw product hebt aangepast, vergeet dan niet om ook de andere opties op de productpagina te bekijken. U kunt tags aan uw product toevoegen, het in een categorie plaatsen en een uitgelichte afbeelding of zelfs een volledige afbeeldingengalerij toevoegen.

Hier ziet uw eindproduct er aan de voorkant uit:

Als uw product klaar is, drukt u op Publiceren om het live te zetten op uw site. Vervolgens kunt u dit proces herhalen om indien nodig extra producten te maken.

Het beheren van uw WooCommerce producten

U zult waarschijnlijk een aantal items in uw WooCommerce winkel opnemen, wat betekent dat u een gemakkelijke manier nodig hebt om ze te beheren. Gelukkig kunt u dit doen via het tabblad Producten in uw dashboard.

U kunt bijvoorbeeld Alle producten selecteren om elk item te zien dat momenteel in uw winkel staat. U kunt hier naar behoefte producten toevoegen, bewerken en verwijderen:

In de andere pagina’s onder het gedeelte Producten kunt u uw productcategorieën, tags en attributen bekijken. Elk van deze pagina’s ziet eruit als de standaard WordPress Posts > Categorieën pagina en kan u helpen uw gehele inventaris georganiseerd te houden.

Hoe uw WooCommerce winkel aan te passen

Eerder in onze WooCommerce tutorial, configureerde u een paar basisinstellingen voor uw online winkel. Er zijn echter veel meer opties om mee te spelen, die u kunt vinden in de nieuwe WooCommerce tab.

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

Orders

De pagina Orders toont allereerst een lijst met recente aankopen op uw winkel:

Als u digitale producten verkoopt, is hier niet veel anders te doen dan te bekijken wat er de laatste tijd is gekocht. Als u echter fysieke goederen verkoopt, kunt u hier zien welke producten u moet verzenden en wat de status van uw bestellingen is.

Coupons

WooCommerce heeft verschillende handige opties voor het toevoegen van nieuwe coupons aan uw ecommerce winkel. In het tabblad Coupon kunt u uw eerste coupon aanmaken selecteren om toegang te krijgen tot het bewerkingsscherm:

U kunt hier een couponcode en beschrijving toevoegen. Vervolgens kunt u in het tabblad Algemeen de basisinformatie bewerken: het type coupon (procentuele korting, vaste winkelwagenkorting of vaste productkorting), de waarde, opties voor gratis verzending en de vervaldatum:

Onder Gebruiksbeperkingen kunt u een minimumbesteding instellen die de klant moet doen om de coupon geldig te maken. U kunt ook het vakje voor Alleen individueel gebruik aanvinken als u niet wilt dat klanten de coupon in combinatie met andere aanbiedingen gebruiken.

U kunt hier instellen of de coupon alleen voor niet-verkoopartikelen moet gelden, en ook de producten en productcategorieën selecteren waarop de coupon van toepassing is. Tenslotte kunt u zelfs bepaalde e-mailadressen uitsluiten van het gebruik van coupons.

Op het laatste tabblad, Gebruikslimieten, kunt u bepalen hoe vaak de coupon kan worden gebruikt, zowel in totaal als per klant. Vervolgens publiceert u uw coupon om deze actief te maken, en laat u uw klanten weten welke code zij nodig hebben.

Rapporten

WooCommerce biedt ook krachtige ingebouwde tracking functionaliteit. In het tabblad Rapporten kunt u grafieken en diagrammen van uw verkopen, bestellingen en verzendkosten over verschillende tijdsperioden bekijken:

Elke grafiek kan worden beperkt tot de verkoop van een bepaald product, een bepaalde categorie of een bepaalde coupon. In het Klanten sub-tabblad, kunt u ook uw klanten acquisitie bekijken over dezelfde tijdsperiodes.

Last but not least, zult u in staat zijn om uw laag in voorraad, niet in voorraad, en meest opgeslagen producten te bekijken in het Voorraad sub-tabblad. Al deze gegevens kunnen worden geëxporteerd als een CSV-bestand indien nodig.

Instellingen

Dit is waar WooCommerce echt indrukwekkend wordt. In het Instellingen scherm, kunt u zo ongeveer elk aspect van uw e-commerce winkel aanpassen. Elementen zoals de plaatsing van uw ‘duizenden’ scheidingsteken, het gehele afrekenproces, e-mail opties, en nog veel meer kan worden aangepast aan uw behoeften.

In dit gedeelte, de Algemene tab dekt de basisinformatie van uw winkel, met inbegrip van de valuta, verkooplocaties, en weergave opties:

Een andere opmerkelijke optie hier is Inschakelen van belastingtarieven en berekeningen. Als u dit vakje aanvinkt, krijgt u toegang tot een voorheen verborgen tabblad Belasting:

Hier kunt u het platform laten weten of de prijzen die u voor uw producten invoert, inclusief belastingen zijn of niet. In het laatste geval kun je WooCommerce belastingtarieven laten berekenen op basis van het adres van je winkel, het afleveradres van de klant of het factuuradres van de klant.

Je kunt ook instellen hoe belastingen worden toegepast op verzendkosten, en zelfs bepalen of ze worden afgerond. Dan kunt u de manier waarop de prijzen en belastingen worden weergegeven op de front-end en tijdens het afrekenproces.

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

Verzenden is waar u uw verzendzones en prijzen kunt configureren:

U kunt ook aanpassen hoe de verzending wordt berekend, en kiezen wat de standaard verzendbestemming zal zijn. Het is ook mogelijk om de beschikbaarheid van uw winkel te beperken tot specifieke landen.

Het tabblad Betalingen laat zien welke betalingsverwerkers beschikbaar en actief zijn op uw winkel:

Hier kunt u alle betalingsopties die u wilt in- en uitschakelen. Bovendien vindt u handige links voor het aanpassen van de instellingen voor specifieke verwerkers.

Next up, Accounts & Privacy regelt verschillende aspecten van de ervaring van uw klanten:

U kunt een privacy-en checkout-beleid instellen, configureren hoe klantgegevens zullen worden opgeslagen en bewaard, en nog veel meer.

Er zijn verschillende opties voor de afhandeling van het afrekenen van klanten. Onder de Gast kassa en Account creatie secties, kunt u bepalen of bezoekers in staat zullen zijn om bestellingen te plaatsen als gast (dat wil zeggen, zonder in te loggen op een account).

Daarnaast kunt u beslissen of ze de optie hebben om in te loggen en / of een nieuwe account aan te maken tijdens het afrekenproces. U bent zelfs in staat om hen te voorzien van automatisch gegenereerde gebruikersnamen en wachtwoorden, om het registratieproces te versnellen.

In het tabblad E-mails kunt u alles aanpassen wat met klantenondersteuning te maken heeft:

Bovenaan dit scherm vindt u een lijst met e-mailmeldingen die via WooCommerce worden verzonden als reactie op specifieke triggers (zoals een bestelling die is geplaatst of geannuleerd). U kunt op elk van deze e-mails klikken om ze in of uit te schakelen, en ook om de inhoud aan te passen:

U vindt hier zelfs instructies voor het bewerken van de e-mailsjablonen, als u goed overweg kunt met HTML. Je kunt het e-mail bestand kopiëren naar je thema map, en dan de veranderingen aanbrengen die je wilt. Als alternatief kunt u uw eigen aangepaste e-mail sjablonen maken.

Daaronder kunt u een paar globale instellingen configureren voor alle e-mails die vanuit uw WooCommerce winkel worden verzonden. Dit omvat de ‘van’ naam en adres, voettekst, en zelfs kleuren en achtergronden.

Ten slotte kunt u in het tabblad Geavanceerd de REST API inschakelen, sleutels, apps en webhooks configureren, en andere taken op lager niveau uitvoeren:

Al deze instellingen kunnen worden aangepast en gewijzigd wanneer u maar wilt, en uw winkel zal automatisch worden bijgewerkt.

Status

Nog een korte blik op het tabblad Status:

Al uw back-end informatie is hier te vinden, zoals uw WooCommerce/PHP/MySQL/etc. versie, grootte limieten, logging, en meer.

In de Tools sub-tab op dezelfde pagina, kunt u uw website caches voor meerdere variabelen wissen, oude gegevens wissen, en zelfs de instellingen van uw winkel terugzetten naar hun standaardinstellingen.

Extensies

Een van de attributen die WordPress het meest populaire Content Management Systeem (CMS) op de planeet maken, is de gemeenschap erachter. Er zijn duizenden thema’s en tienduizenden plug-ins die u kunt gebruiken om uw website aan te passen. Wat meer is, bijna 100% van hen zijn door gebruikers bijgedragen.

Dit geldt ook voor WooCommerce, hoewel op een kleinere schaal. U vindt veel tools voor het uitbreiden van uw winkel, het toevoegen van nieuwe opties en functies, en het aanpassen van het uiterlijk in de Extensions tab en elders:

Bijvoorbeeld, terwijl u WooCommerce kunt gebruiken met elk thema, kan het helpen om er een te kiezen die is ontworpen voor de plugin. Storefront is een goede plek om te beginnen, maar er zijn tal van andere opties in directories zoals ThemeForest:

U kunt ook kijken in de WooCommerce-extensiewinkel, die zowel door ontwikkelaars gemaakte als door derden geproduceerde opties bevat:

Er zijn extensies voor het toevoegen van nieuwe verzendopties aan uw winkel, het inschakelen van abonnementen, het aanpassen van het afrekenproces, het integreren van e-mail en sociale-mediamarketing, en nog veel meer. U kunt ook gratis en betaalde extensies vinden waarmee u extra betalingsverwerkers aan uw klanten kunt aanbieden, zoals Square en Amazon Pay.

Ten slotte vindt u ook tal van plugins die zijn ontworpen om Woocommerce op verschillende manieren uit te breiden. Om maar een voorbeeld te geven, de Braintree For WooCommerce plugin stelt u in staat om alle soorten betalingen op uw winkel te accepteren:

Met andere woorden, als u iets wilt aanpassen aan de manier waarop uw WooCommerce-winkel werkt, is de kans groot dat u dit kunt doen door simpelweg de juiste tool te vinden.

WooCommerce-sjablonen bewerken

Met de ingebouwde instellingen van WooCommerce en de vele extensies en plug-ins die ervoor beschikbaar zijn, heb je veel flexibiliteit over hoe je winkel werkt. Echter, als u een meer geavanceerde gebruiker bent en uw eigen aanpassingen wilt uitvoeren, is een goede plek om te beginnen met het bewerken van WooCommerce’s template bestanden.

Dit zal u in staat stellen om de manier waarop de belangrijkste functies werken, zoals de klant karren en checkout proces te tweaken. Houd er rekening mee dat dit een riskant proces is, vooral als je nieuw bent in het direct werken met thema en plugin bestanden. Voordat u begint, wilt u een back-up van uw site voor het geval dat er per ongeluk wijzigingen. Hier lees je hoe je veilig een thema kunt verwijderen.

Dan moet je toegang tot je site krijgen met een Secure File Transfer Protocol (SFTP) client zoals FileZilla. Zoek de hoofdmap van uw site (vaak public_html genoemd of naar uw domeinnaam), en navigeer naar wp_content/plugins/woocommerce:

In deze map vindt u een map met de naam templates. Open deze map en u ziet een lijst met alle sjablonen die momenteel actief zijn voor uw winkel:

Op dit punt kunt u elke sjabloon openen die u maar wilt en beginnen met het aanbrengen van wijzigingen. Bijvoorbeeld, als u wijzigingen wilt aanbrengen in de ‘Dank u’ pagina die verschijnt nadat een klant een bestelling heeft geplaatst, kunt u de kassa-map openen en het bestand thankyou.php lokaliseren. Dan kunt u het downloaden, bewerken of elementen toevoegen als u nodig acht, en opnieuw uploaden naar uw server.

WooCommerce Hosting

Wanneer u een online winkel runt, is tijd letterlijk geld. Daarom is het belangrijk om een snelle en betrouwbare WordPress-host te hebben, om te zorgen 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, met Kinsta als uw hosting provider, hoeft u zich hier geen zorgen over te maken. Wij bieden beheerde hostingdiensten, samen met zeer geoptimaliseerde WooCommerce-hosting die speciaal is ontworpen met prestaties in het achterhoofd:

Dankzij onze schaalbare infrastructuur op het Google Cloud Platform, evenals de nieuwste technologie, zoals PHP 7, Nginx en MariaDB, kunnen wij ervoor zorgen dat een overstap naar Kinsta zal helpen om uw verkoop te verhogen!

“De COO nam contact met me op met een echte oplossing in plaats van veel van de “vertrouw ons” pluisjes die ik elders kreeg. Hij was eerlijk en recht door zee, wat erg verfrissend was. Na de migratie, werd de ondersteuning behandeld door de CEO, die een aantal uitstekende suggesties en tweaks die drastisch verbeterde prestaties gemaakt.”

– Caleb Worm, Swagway.com

De e-commerce wereld is booming. 💥 Zet vandaag nog uw #WooCommerce winkel op met onze uitgebreide gids en begin in een mum van tijd met verkopen! 🏪Click to Tweet

Samenvatting

WooCommerce is, zonder enige twijfel, de beste gratis ecommerce oplossing voor WordPress. Aan de buitenkant, de plugin heeft fenomenale statistieken. Echter, het is pas wanneer je dieper graaft in de vele opties van de plugin dat zijn ware kracht wordt onthuld.

We hebben ook iets geweldigs voor u! We brachten maanden samenstellen van deze 18-hoofdstuk WooCommerce optimalisatie gids. Het bevat een ton van de lessen en gratis tools voor het optimaliseren en groeien van uw miljoen dollar bedrijf met behulp van WooCommerce.

Is er iets belangrijks dat we hebben gemist in onze WooCommerce tutorial? Zo ja, laat het ons weten in de commentaar sectie hieronder!