Je eigen WordPress webshop maken met WooCommerce

Het stappenplan dat wij gaan volgen

• We bespreken eerst wat er bij het maken van een webshop komt kijken.
• Daarna starten we met het kiezen van een hostingpakket en het vastleggen van een domeinnaam.
• Daarna wachten we even tot WordPress automatisch geïnstalleerd wordt.
• Dan installeren wij de webshop software WooCommerce (leggen wij zo stap voor stap uit).
• Daarna zetten wij wat instellingen goed en maken we een voorbeeldpagina aan.
• Daarna gaan wij op zoek naar een Premium WordPress webshop thema (template). Een design, zoals die hierboven (en de voorbeelden hieronder).
• Tot slot koppelen we WooCommerce met iDeal.

Wat komt er bij het maken van een WordPress webshop kijken?

Er komt redelijk wat bij kijken – daar gaan we niet over liegen.

Het gaat even duren voordat alles staat en het is soms lastig, maar… het is te doen. Echt. Helemaal met deze handleiding. Daarnaast hebben we via de methode die wij gaan volgen een hulplijn die wij kunnen inzetten als wij er niet uitkomen. En dat gaat ons vroeg of laat ons een hoop frustratie en uren tijd schelen.

In een paar uurtjes (en nog wat ‘wachttijd’) heb je al een ruwe versie van een webshop met alle elementen die je nodig hebt. Daarna ben je waarschijnlijk nog wel een een tiental uren bezig met het aanmaken van de juiste pagina’s, het finetunen van het design, het vullen van je webshop en het schrijven van teksten. Relatief is dat vrij snel – wanneer je webshop op maat laat bouwen, dan ben je snel een paar maanden kwijt.

Maar dat is niet de grootste reden om zelf een webshop te bouwen. Dat is de prijs.

Wat kost het maken van een WordPress webshop?

Oke.

Als je een beetje zoekt naar ‘webwinkel beginnen’ of ‘webshop maken’, dan zie je grofweg drie mogelijkheden.

• Een webshop laten maken door een professioneel webdesignbureau
• Een webshop maken met een commerciële webshopbuilder
• En het zelf maken van een webshop met open source software, zoals WordPress

Bij alle drie de opties betaal je voor hosting (webruimte waar de bestanden van jouw website op komen te staan) en een domeinnaam (webadres). Een domeinnaam en hosting voor jouw webshop kost bij elkaar ongeveer 25 euro per maand. Wanneer je een eigen webshop gaat maken met WordPress dan zijn dit ook jouw enige kosten.

Laten we de opties even kort bespreken,

Prijs webshop laten maken door een webdesignbureau

De prijs is afhankelijk van het bureau. Maar een goed webdesignbureau kan zo 5.000 a 15.000 vragen voor een vrij eenvoudige webshop. Voor een complexe webshop kan je bedragen tussen de 15.000 en 50.000 verwachten. Daarbij komt daarna nog de maandelijkse kosten van hosting, enkele tientallen euro’s. Misschien wist je dit al en heb je daarom besloten om je eigen webshop te bouwen.

Kosten commerciële webshopbuilder

Dit kan handig zijn voor beginners. De partij heeft software dat met alles rekening houdt. iDeal is al geïntegreerd. De prijs? Rond de 50 a 100 euro per maand.

Het nadeel? Je zit vast aan het bedrijf en de opties die zij bieden (qua templates, opties en functionaliteit). En dit veroorzaak problemen als je groeit. Je zit altijd aan de provider vast. Je kan geen webdesigners inhuren of functies toevoegen die het bedrijf niet aanbiedt. En soms moet je zelfs een paar procent per verkoop aan het bedrijf geven (en dat kan een flink geld bedrag worden als je succesvol wordt).

Prijs zelf maken van WordPress webshop

Voor geoptimaliseerde hosting voor jouw WordPress webshop betaal je maandelijks 25 euro + je betaalt eenmalig 60 dollar voor een professioneel WordPress template. En dat zijn alle kosten.

Je zit nergens aan vast. Je kan vrij makkelijk switchen van thema, webhoster en plugins. En bijna elke webdesigner en programmeur – die je misschien later een keer wilt inhuren – kan werken met WordPres (het is verreweg het populairste content management systeem (CMS) ter wereld).

Webshop software om een website mee te maken

Er zijn ook andere gratis software die je kan gebruiken om een webshop mee te beginnen. Bijvoorbeeld Magento, Joomla en Prestoshop. Maar die software is meestal niet echt gebruiksvriendelijk. Wij vinden dat een combinatie van WordPress met WooCommerce verreweg de beste optie wanneer je een eigen webshop wil maken.

P.S. Ben je nog niet toe aan het bouwen van je eigen webshop en zit je nog in de ideefase? Lees dan dit artikel over het beginnen van een webwinkel.

 

 

Eigen WordPress webshop maken met WooCommerce

Wat wij vandaag gaan doen is een simpele WordPress webshop maken met WooCommerce.

Let’s go!

Stap 1: Hosting en een domeinnaam

Een normaal hostingpakket is helaas niet voldoende voor webshops. We moeten een groter en krachtiger pakket hebben om een webshop goed en snel te laten draaien.

Welk pakket?

Het WordPress Website hostingpakket van 25 euro per maand van xel.nl is perfect voor het maken en runnen van een WordPress webwinkel.

Waarom?

De belangrijkste reden is de WordPress hulplijn waar ik het al eerder over had. Je krijgt met dit WordPress hostingpakket ondersteuning. Lukt iets niet bij het bouwen van je webshop? Loop je ergens vast? Wil je iets veranderen of toevoegen, maar weet je niet hoe het moet? Dan kan je Xel.nl bellen of mailen. Zij helpen je stap voor stap verder.

Andere voordelen van dit pakket

• Je kan een gratis SSL-certificaat aanvragen. Dit zorgt ervoor dat gegevens (o.a. betalingen) versleuteld verstuurd worden. Dit is verplicht voor webshops, het zorgt voor extra veiligheid en… jouw domeinnaam krijgt een groen balkje in de browser. Ook leuk.
• Meer dan genoeg ruimte, kracht en dataverkeer om een WordPress webshop goed te laten lopen.
• Je krijgt een gratis .nl, .be. of .com domeinnaam.
• Je webshop is 2 tot 4x zo snel dan bij een ander hostingpakket. En volgens diverse onderzoeken blijkt dat webshops met elke seconde vertraging 7% sales mislopen.
• Automatische updates en een fix als de webshop gehackt is.
• Je kan een testomgeving aanmaken en aanpassingen testen voordat je de site live gooit.

Yes?

Bekijk de WordPress pakketten

Heb je extra vragen over dit pakket? Dan kan je Xel.nl ook bellen of mailen.

WordPress installeren?

Dit is niet nodig.

Met het WordPress website hostingpakket wordt WordPress automatisch geïnstalleerd. Je krijgt automatisch een mailtje (met jouw gebruikersnaam en wachtwoord) wanneer WordPress geïnstalleerd is. Dit kan wel een uurtje duren.

In de tussentijd kan je dit doen:

• Een pauze inlassen
• De rest van het artikel alvast even scannen
• Of je kan alvast op zoek gaan naar een Premium eCommerce WordPress template dat bij je past. Dat kan bij een template marktplaats. De grootste en bekendste is: Themeforest.

 

Nodige aanpassing na installatie WordPress

Helaas staat nog niet alles goed wanneer WordPress geïnstalleerd is. Eén van de dingen die we nog aan moeten passen is de permalinkstructuur. De opbouw van de URL’s van jouw webpagina’s.

Als je dit niet aanpast, dan krijg je url’s, zoals: www.website.nl/?p231. Niet zo mooi. We willen juist een ‘schone’ url, zoals: www.website.nl/contact/

Dit hebben we in één minuut gefixt.

Hoe pas je de permalinkstructuur aan?

• Ga met je muis over ‘Instellingen’ (linksonder in de sidebar). Of ‘Settings’ als je de Engelstalige versie hebt.
• Klik vervolgens op ‘Permalinks’.
• Selecteer ‘Berichtnaam‘.
• En klik op ‘Wijzigingen Opslaan’.

Vanaf nu worden alle URL’s gebaseerd op de titel van de pagina. Dat was nog wel te doen, toch?

WordPress webshop plugin: WooCommerce

Nu is het tijd om van de WordPress website een WordPress webshop te maken.

Dit gaan we doen met de webwinkel plugin WooCommerce. WooCommerce is de populairste webshop software te wereld. Meer dan 28% van de webshops draait op WooCommerce. En ook niet belangrijk, WooCommerce is gratis.

Allright. Hoe installeren we WooCommerce?

Webwinkel plugin: WooCommerce plugin vinden

• Ga via ‘Plugins’ naar ‘Nieuwe plugin’.
• Vul vervolgens rechts in het zoekveld ‘WooCommerce’ in en druk op enter.

WooCommerce installeren

Zoek de plugin genaamd: ‘WooCommerce excelling eCommerce’. Waarschijnlijk is dat de eerste.

Druk op ‘Nu Installeren’.

Plugin WooCommerce activeren

Klik op ‘Plugin activeren’.

WooCommerce configureren

We gaan nu WooCommerce instellen. Het duurt ongeveer vijf minuten.

• Ga je een Nederlandstalige webshop maken? Klik dan op ‘Install Translation’.
• Klik daarna op ‘Let’s go’

Verzendingen en belastingen

Verzendkosten

Ga je producten verzenden? Klik dan die optie aan (wanneer je digitale producten, zoals e-books verkoopt, kan je dit vakje leeglaten).

Je kan ook direct de verzondkosten bepalen. Heb je hier nog niet over nagedacht? Dan kan je deze stap overslaan en de kosten later invullen via WooCommerce -> Instellingen -> Verzendmethoden -> Vast tarief.

• Hier kan je alle tarieven van het verzenden van post en pakketjes van PostNL bekijken.

Er is ook een WooCommerce PostNL plugin (kost 50 dollar) die de verzendkosten automatisch kan berekenen (op basis van het adres van de koper en de grootte van het pakket).

Belastingen

Als je producten verkoopt, moet je BTW betalen. Je kan hier invullen of de BTW bovenop de prijs komt die je invult bij producten of inbegrepen is.

Betalingen verwerken

Hier moeten we later op terugkomen. We moeten een aparte plugin installeren om betalingen te verwerken, omdat de meest voorkomende betaalmethode in Nederland, iDeal, niet beschikbaar is. En die van België, MisterCash, ook niet.

Je zou betalingen via PayPal kunnen laten lopen, maar PayPal is niet enorm bekend in Nederland.

We kunnen deze stap dus overslaan.

WooCommerce WordPress webshop maken

Kijk. Het skelet van onze WooCommerce webshop staat er.

We kunnen nu beginnen met het toevoegen van producten en het inrichten de webshop. Oh ja. En we moesten nog een betalingprovider regelen.

Wij gaan nu verder met het aanmaken van ons eerste product. Klik op ‘Maak je eerste product aan‘.

Productpagina maken

Dit gaan we maken.

Een simpele productpagina.

Product toevoegen eigen WordPress webshop

Een productpagina is te vergelijken met een normale pagina. Je heb titels, categorieën, tags en een WYSIWYG-editor.

De titel spreekt voor zich.

Hetgeen wat je in het tekstvlak daaronder invult, is zichtbaar bij ‘Product beschrijving’ (zie het voorbeeld hierboven). Het is dus een soort toelichting waar je o.a. de eigenschappen van het product kan invullen.

Prijs invullen

Als je naar onder scrolt dan kom je de productgegevens tegen.

Vul hier de prijs van het product in. Dit bedrag is inclusief of exclusief BTW. Dat ligt aan de keuze die je in de setup hebt gemaakt.

P.S. Ga je een cursus of een e-book verkopen? Dan kan je de optie virtueel of downloadbaar aanklikken.

Voorraad

Als je een fysiek product verkoopt, dan moet je rekening houden met een voorraad. Hier kan je per product invullen of die nog beschikbaar is.

Productcategorieën en producttags

Als je meerdere producten verkoopt, dan is het handig om categorieën en tags in te stellen.

Bij categorieeen kan je denken aan t-shirts, broeken en schilderijen. Het is dus een breed spectrum qua producten.

Tags zijn voor specifieke eigenschappen. Heb je bijvoorbeeld meerdere shirts met een dierenprint? Dan kan je ‘dierenprint’ als tag invullen. Je kan ook denken aan specifieke kleuren. Probeer niet te veel tags in te vullen.

In het begin kan je qua categorie op ‘nieuwe productcategorie toevoegen’ klikken en een categorie toevoegen. Wanneer je later een nieuw product toevoegt, dan kan je de categorieën die je al hebt gemaakt, aanvinken. Dit werkt ook zo met tags. Je hoeft elke unieke categorie of tag maar één keer aan te maken.

Productafbeelding toevoegen

Bij ‘productafbeelding’ vul je de afbeelding in die zichtbaar is op de productpagina en op de categoriepagina’s. Klik op productafbeelding instellen en selecteer de beste foto van het product.

Heb je meerdere foto’s? Dan kan je de overige foto’s toevoegen bij ‘Productgalerij’. Die foto’s zijn zichtbaar op de productpagina zelf.

Productafbeelding uploaden

Wil je een productafbeelding uploaden? Klik dan op ‘Bestanden uploaden’ en selecteer de foto.

Afbeelding instellen

Geef elke afbeelding een titel en een alt-tag. Een alt-tag is een omschrijving van het product. Dit is de tekst die zichtbaar is wanneer de afbeelding niet geladen kan worden. Verder is deze tekst ook zichtbaar voor de zoekmachine (de zoekmachine gebruikt o.a. de alt-tag om erachter te komen wat voor afbeelding je gebruikt).

Geef de afbeelding een beschrijvende naam, zoals ‘Wit t-shirt geometrische raaf’.

Korte productomschrijving

Dit is de omschrijving die naast de productafbeelding zichtbaar is. Omschrijf hier kort het product.

Productpagina opslaan en bekijken

• Ben je nog niet klaar met de productpagina en wil je stoppen met bewerken? Klik dan op ‘Opslaan als concept’.
• Wil je weten hoe de pagina eruit ziet? Klik op ‘voorbeeld’.
• Wil je productpagina online zetten? Klik op ‘publiceren’.

Eindresultaat

Je ziet op de productpagina het resultaat.

In de breadcrumb zie je dat het shirt in de categorie ‘t-shirt’ is ingedeeld en in de tag ‘Geometric’.

Je ziet verder de titel, de prijs, de productafbeelding, een koopknop en een korte en lange beschrijving,

WordPress menu aanpassen

Wanneer je WooCommerce installeert, worden er automatisch een paar pagina’s aangemaakt. Bijvoorbeeld de pagina’s ‘winkelmand’, ‘winkel’ en ‘afrekenen’.

Laten we nu het menu aanpassen, zodat deze pagina’s in het menu komen – in de juiste volgorde.

• Ga via ‘Weergave’, naar ‘Menu’s’
• Vul bij menunaam een naam in. Bijvoorbeeld, hoofdmenu.
• Klik op ‘Menu aanmaken’.

• Ga naar pagina’s en selecteer ‘Mijn account’, ‘Winkelmand’ en ‘Winkel. We kunnen ‘afrekenen’ negeren (heb ik helaas niet gedaan in het voorbeeld).
• Klik vervolgens op ‘Aan menu toevoegen’.
• Klik bij ‘Menu instellingen’ op ‘hoofdmenu’ en klik op ‘menu opslaan’.

 

• Ga vervolgens naar aangepaste links (aan de linkerkant) en vul de hele URL in van jouw website. Dit moet met http:// (of als je een SSL-certificaat hebt, https://). Het best kan je gewoon naar jouw website gaan en de hele URL kopieëren vanuit de browser.
• Vul bij ‘Link tekst’ vervolgens ‘Home’ in en klik op ‘aan menu toevoegen’.

• Zet het menu op volgorde door de items naar de juiste plek te slepen. Plaats ‘Home’ bovenaan.
• Klik vervolgens weer op ‘menu opslaan’.

Het menu is klaar!

Wil je later een pagina toevoegen aan het menu? In contactpagina bijvoorbeeld? Ga dan weer naar het menu-item ‘menu’, voeg de pagina toe, zet hem op de juiste plek en sla het menu weer op.

 

Categorieën in het menu

• Veel webwinkels hebben categorieën. Zo heeft een kledingwinkel bijvoorbeeld de categorieën ‘t-shirts’, ‘broeken’ etc.
• Via ‘aangepaste links’ kan je de url van de categorie toevoegen en de categorie in het menu plaatsen.
• Wanneer je een item iets rechtsonder een andere item plaatst, maak je een submenu aan. Zo kan men via het menu direct gaan naar specifieke categorieën.

Aangepast: Onder ‘aangepaste links’ zie je ook ‘categorieen’, het toevoegen van categorieen hoeft dus niet meer via ‘aangepaste link’s. Ga direct de ‘Categorieën’, selecteer de pagina’s die je in het menu wil hebben en voeg ze toe.

Betalen in jouw WordPress webshop met iDeal via de betaalprovider Mollie

Eén van de populairste betaalsystemen van Nederland is Mollie.

Met Mollie kan je o.a. iDeal, MisterCash (de iDeal van België), PayPal en creditcard betalingen accepteren op jouw website. Mollie kan je vervolgens koppelen met jouw (zakelijke) bankrekening.

Mollie zelf is gratis, maar voor elke betaling betaal je een kleine fee. Voor iDeal is dat 29 cent per bestelling.

• De eerste stap is het aanmaken van een account bij Mollie.
• Vervolgens vul je bij accountgegevens al jouw gegevens in.
• Verder moet je een aantal documenten, zoals jouw identiteitsbewijs, uploaden.
• Ook moet je per betaalprovider een aantal stappen doorlopen.

Nadat het activeren van alle betaalopties, kan je Mollie koppelen met WooCommerce met een plugin. De plugin kan je vinden via ‘nieuwe plugin’. Zoek op: ‘Mollie Payments for WooCommerce’.

Tot slot voeg je jouw api-key (die je kan vinden bij website-profielen) in en sla je alles op.

 

 

Je eigen WordPress webshop bouwen

Je WordPress webshop is nu klaar. Tenminste, je bent klaar om jouw shop te lanceren en producten te verkopen.

Nog een aantal punten waar je aan moet denken

• Algemene voorwaarden.
• KVK inschrijving.
• Het plaatsen van je bedrijfsgegevens op je website.

WordPress webshop themes

Nadat je de webshop hebt gevuld met een aantal producten kan je kiezen om een Premium WordPress thema te installeren.

Een Premium Thema past het hele design  – en soms de functionaliteit – van jouw webshop. Je kan zien hoeveel verschil het kan maken bij de afbeeldingen van Premium WordPress webshop thema’s die door het artikel zijn verspreid.

Hoewel je met een premium thema een design krijgt die rivaliseert met op maat gemaakte webshops, is het instellen van zo’n thema geen eitje.  Je krijgt te maken met honderden verschillende instellingen, demo-content en pagebuilders. In theorie bieden ze alle tools om jouw webshop naar wens en smaak in te richten, maar in de praktijk overdonderen al die opties gebruikers die nieuw zijn met WordPress en thema’s.

Daarnaast zijn alle instellingen en pagebuilders die zulke Premium Thema’s bieden niet generiek. Iedereen heet zijn eigen unieke dashboard en maakt gebruik van een van de handvol populaire pagebuilders. Het is dus ook niet mogelijk om je door alle opties te leiden.

Wil je maar een handvol producten verkopen? Dan kan het een goede keuze zijn om bij het basis thema te blijven. Tenminste, in het begin. Het basisthema ziet er prima uit en hoef je niet of nauwelijks in te stellen.

Premium WordPress webshop thema’s

Maar, bij elk thema zit wel documentatie. Lees de documentatie goed door en bekijk in je WordPress dashboard alle opties bij het nieuwe menu-item ‘Theme options’ (het kan een andere naam hebben). Lees alles opties rustig door en probeer het een en ander uit.

Sommige thema’s hebben ook ‘demo-content’. Dit heeft zijn voor- en nadelen. Met demo-content wordt je website gevuld met al gedesignde pagina’s. Zo kan je direct zien hoe bepaalde pagina’s ontworpen zijn en hoe je dit zelf kan doen. Het nadeel is dat er tientallen pagina’s, categorieën, producten en afbeeldingen worden toegevoegd die je niet nodig hebt. Die moet je dan handmatig verwijderen of aanpassen.

Wil je zien hoe lastig het instellen van zo’n WordPress thema is? Dan kan je dit artikel over het bouwen van een webshop met een premium WordPress thema doornemen.

De prijs voor één thema is ongeveer 50 a 60 euro.

Waar kan je zulke thema’s kopen?

De makkelijkste manier om in een korte tijd heel veel thema’s voor webshops te bekijken is door te gaan naar een ‘thema marktplaats’. Themeforest.net is de grootste en de bekendste.  In de sectie ‘eCommerce‘ kan je meer dan 1100 WordPress webshop thema’s vinden.

In deze handleiding lees je precies hoe je thema’s kan vergelijken, hoe je een thema vindt die goed bij jou past en hoe je het thema koopt (met iDeal) en installeert.

Wanneer je benieuwd bent naar een van de thema’s die in dit artikel als voorbeeld zijn getoond, tik dan de naam van het thema (die is zichtbaar in het onderschrift of in de header van het voorbeeld) in de zoekbalk in.

Handige plugins voor je WooCommerce webshop

• WooCommerce PDF Invoice (voor het automatisch maken en versturen van facturen)

Runnen van een webshop

Het runnen van een webshop is meer dan het bouwen van een webshop.

Je moet bijvoorbeeld ook nadenken over het verzenden van producten, de prijs van de producten, hoe je webshop eruit komt te zien en hoe je bezoekers krijgt. En daarbij komt ook nog het bouwen van een webshop. Ben je daar nog niet uit? Lees dan eerst de 5 vragen die je moet stellen als je een webwinkel wil beginnen. In dit artikel bespreken we ook hoe je een webshop bekend kan maken en succesvol.

En nu zijn we aangekomen bij het einde van de handleiding. Veel succes met het bouwen van je eigen WordPress webshop!