Skip to main content

Zelf een Wordpress webshop maken (de gratis handleiding)

Handleiding: zelf een Wordpress webshop bouwen

Wil je zelf een webshop bouwen? Met deze handleiding heb jij binnen een paar uur een werkende webshop. Wordpress is een gratis systeem (CMS, content magement system) waarmee we aan de slag gaan. Deze handleiding om zelf een Wordpress webshop te bouwen gaat in op de belangrijkste elementen. Verwacht dus geen bol.com als eindresultaat. Verwacht ook geen duizenden euro’s omzet zonder hard werken. Je zou kunnen zeggen dat deze handleiding perfect is voor bijvoorbeeld een kapper die zijn producten online wilt aanbieden of een stichting die donaties wilt ophalen.

Voorbeeld wordpress webshop online bekijken

Deze handleiding of tutorial is geschreven op 13-03-2021. Wordpress versie 5.7 is daarbij gebruikt. Gebruik bij een installatie altijd de nieuwste versie. Wanneer je deze handleiding leest kan het zo zijn dat er een nieuwe versie online staat op de voorbeeldwebsite. Het resultaat bij het uitvoeren van deze handleiding staat als voorbeeld op:

zelf een gratis Wordpress webshop bouwen

Benodigdheden voor een Wordpress webshop

Om zelf een Wordpress webshop te bouwen heb je een aantal zaken nodig:

  • Wordpress (gratis)
  • Domeinnaam
  • Hosting met database
  • SSL-certificaat
  • KvK-nummer (optioneel om betalingen te ontvangen)

In deze handleiding gebruik ik Goedkope Webhoster. Deze webhoster kost €26,- voor één heel jaar. Daarvoor krijg je een domeinnaam, webhosting, database, mailadressen en een gratis SSL-certificaat. Ik gebruik Goedkope Webhoster in deze handleiding omdat op jaarbasis de kosten aanzienlijk lager zijn dan andere aanbieders. Heb je zelf al een domeinnaam en webhosting? Dan kan je direct naar Stap 3 van de handleiding:

In 10 stappen een Wordpress webshop bouwen (de meest overzichtelijke tutorial)

Deze handleiding of tutorial is opgedeeld in 10 stappen. Het kost wat tijd maar dan heb je ook wat. Elke stap heeft een korte uitleg met extra toelichting en foto's. Elke stap heeft sub-stappen. Die kan je bovenaan het scherm vinden met de getallen 1.1, 1.2 en verder. Je kan de navigatie herkennen door het blauwe knopje. De 10 stappen van de tutorial staan hieronder net als een inhoudsopgave:

  1. Domeinnaam met starterhosting aanschaffen
    1. Domeinnaam met starter hosting aanschaffen
    2. Beschikbaarheid domeinnaam
    3. Domeinnaam registreren
    4. Account aanmaken
  2. Hosting instellen voor Wordpress webshop
    1. Hosting instellen voor Wordpress webshop
    2. Kies de hostnaam waarop je Wordpress wilt installeren
    3. Login in op DirectAdmin
    4. Database aanmaken voor Wordpress
    5. SSL-certificaat instellen
    6. Extra php instellingen voor Wordpress
  3. Wordpress bestanden downloaden en uploaden met DirectAdmin
    1. Wordpress bestanden downloaden en uploaden met DirectAdmin
    2. Login in op DirectAdmin en ga naar file manager
    3. Ga naar public_html en verwijder bestanden
    4. Upload gedownloade Wordpress bestanden
    5. Pak het bestand uit (extract)
    6. Wordpress bestanden verplaatsen naar public_html
    7. Verplaatste bestanden check
  4. Wordpress installeren
    1. Wordpress installeren
    2. Database informatie invullen
    3. Sitetitel en inloginformatie voor Wordpress
    4. Inloggen op je Wordpress website
    5. Tussentijds resultaat van je Wordpress installatie
    6. Uitleg Wordpress Dashboard
  5. Algemene instellingen van Wordpress
    1. Wordpress algemene instellingen
    2. Wordpress homepage instellingen
    3. Wordpress discussie instellingen
    4. Wordpress permalinks
    5. Wordpress privacy instellingen
    6. Wordpress berichten uitleg
    7. Wordpress pagina uitleg en voorbeeldpagina wijzigen
  6. Woocommerce installeren en Wordpress account
    1. Woocommerce installeren en Wordpress account aanmaken
    2. Woocommerce webwinkel instellingen
    3. Woocommerce sector instellingen
    4. Woocommerce producttype instellingen
    5. Woocommerce bedrijfsgegevens instellingen
    6. Woocommerce Jetpack en Woocommerce Shipping & Tax
    7. Woocommerce Wordpress account aanmaken
    8. Woocommerce Wordpress tweevoudige verificatie
  7. Woocommerce producten toevoegen
    1. Woocommerce producten toevoegen
    2. Woocommerce handmatig producten toevoegen
    3. Woocommerce product: titel en omschrijving
    4. Woocommerce product: foto, tag & categorie
    5. Woocommerce product bekijken
  8. Woocommerce instellingen
    1. Woocommerce instellingen
    2. Woocommerce payment-provider (Mollie)
    3. Woocommerce Mollie account
    4. Woocommerce API-key invullen
    5. Woocommerce andere betaalinstellingen
    6. Woocommerce btw-instellingen
    7. Woocommerce verzenden instellen
    8. Woocommerce btw handmatig instellen
  9. Webshop instellen en unieke vereiste pagina's
    1. Wordpress Customizer instellingen
    2. Wordpress homepage instellingen
    3. Site identiteit instellingen
    4. Webshop productcatalogus instellingen
    5. Menu instellingen
    6. Woocommerce CSS-styling
    7. Algemene voorwaarden, retourvoorwaarden, contactgegevens en meer
    8. Footer met bedrijfsgegevens instellen
  10. Wordpress plugins
    1. Wordpress plugins
    2. Back-up plugins voor Wordpress
    3. Optimalisatie plugins voor snelheid
    4. Zoekmachine plugins om beter gevonden te worden
    5. Jetpack voor Wordpress
    6. Contactformulier plugins
    7. Productfeed plugins voor het aansluiten op platformen
    8. Plugins om rollen te beheren van gebruikers

Stap 1: Domeinnaam met starterhosting aanschaffen

1.1

Domeinnaam met starter hosting aanschaffen

Het allerbelangrijkste om zelf een Wordpress webshop te maken is de bschikking over een domeinnaam met hosting. Daarom begin je met een domeinnaam en hosting aanschaffen. Een domeinnaam is de naam die je intypt in je adresbalk. Hosting is in het kort ruimte op een harde schijf. Beide zijn nodig om Wordpress te gebruiken. Daarnaast is het belangrijk om de optie te hebben om een database aan te maken. Ten slotte heb je SSL-certificaat nodig. In deze stap gebruik ik Goedkope Webhoster. Heb je de beschikking over een domeinnaam en hosting? Dan kan je door naar stap 3.

Stap voor stap regel je het zo:

  1. Ga naar Goedkope Webhoster
  2. Kies  voor Starter Hosting
  3. Kies een domein en check of die beschikbaar is (1.2)
  4. Kies je extensie (.nl) (1.3)
  5. Klik op afrekenen en maak een account aan (1.4)
  6. Na betaling ontvang je de domein en hosting informatie

1.2

Beschikbaarheid domeinnaam

Bekijk of jouw domeinnaam beschikbaar is. Als je al een bedrijfsnaam hebt is de kans groot dat je domeinnaam nog bestaat. Moet je nog een bedrijfsnaam verzinnen? Veel gebruikte woorden zijn qua domeinnamen vaak al bezet. Probeer dus creatief te zijn. Is je creativiteit op? Je kan de domeinnnaam tool op domeinnaamtool.nl gebruiken om diverse woordvariaties te vinden.

Let er bij een nieuwe bedrijfsnaam ook op of deze niet al bij de Kamer van Koophandel geregistreerd staat.

1.3

Domeinnaam registreren

Een .nl domeinnaam is voor het eerste jaar €3,99. Andere type domeinnamen kunnen duurder of goedkoper zijn. Klik op verder als je zeker bent van je naam.

Je kan uiteraard ook een ander zogeheten extensie bestellen wanneer jouw domeinnaam niet meer beschikbaar is. Zo kan je bijvoorbeeld gebruiken:

  • .com
  • .be
  • .eu
  • .net
  • .nu
  • .bio
  • .rich

1.4

Account aanmaken

Als je akkoord bent kun je afrekenen. Als je hier nieuw bent, maak je nog een account aan. Onthoud de gegevens goed, want die hebben we later weer nodig. Na betaling zul je de factuur en de hostinggegevens ontvangen per email.

Soms duurt het even voordat er een hostingpakket voor je is aangemaakt. Het perfecte moment voor een kop koffie of blokje om met de hond.

Stap 2: Hosting instellen voor Wordpress webshop

2.1

Hosting instellen voor Wordpress webshop

In stap 2 gaan we de hosting instellen zodat Wordpress geïnstalleerd kan worden. Zonder goede instellingen gaat Wordpress niet werken. De volgende zaken moeten allemaal worden uitgevoerd:

  1. Kies de hostnaam waarop je Wordpress wilt installeren (2.2)
  2. Login in op DirectAdmin (2.3)
  3. Database aanmaken voor Wordpress (2.4)
  4. SSL-certificaat instellen voor de webshop (2.5)
  5. Extra PHP-instellingen voor Wordpress (2.6)

Bovenstaande zaken instellen doen we via DirectAdmin. DirectAdmin is een programma waardoor je makkelijker een website kunt beheren.

2.2

Kies de hostnaam waarop je Wordpress wilt installeren

Als je inlogt met de accountgegevens die je hebt aangemaakt bij Goedkope Webhoster dan kom je in "Mijn dashboard". Als je op "webhosting" klikt dan zie je de hosting die bij jouw gekozen domeinnaam hoort. Klik daarop om verder te gaan.

2.3

Login in op DirectAdmin

In dit scherm van de hosting zie je dat je verschillende zaken kan instellen. Je kan hier het wachtwoord bijvoorbeeld wijzigen van je hosting (serverinstellingen). Hoe kom je dan in DirectAdmin? Klik hier op "Login bij DirectAdmin".

Ter informatie: DirectAdmin is een plek waar je de onder andere de volgende zaken kunt uitvoeren:

  • Database aanmaken voor Wordpress
  • SSL-certificaat instellen voor de webshop
  • Bestanden beheren, downloaden en uploaden
  • E-mail adressen aanmaken
  • Webmail beheren
  • PHP-instellingen wijzigen
  • Je kan hier nog veel meer doen, maar houden het nog even bij de basics

2.4

Database aanmaken voor Wordpress

Een Wordpress webshop werkt niet zonder database. Wat is een database? Dat is een hele grote tabel met informatie. Je kan het vergelijken met een opgeblazen excel-document (tabellen). In die database wordt alle informatie opgeslagen met betrekking tot de Wordpress installatie. Denk bijvoorbeeld aan:

  • Sitenaam
  • Inloggegevens van Wordpress
  • Productinformatie
  • Bestellingsinformatie
  • Reacties van bezoekers en klanten

In die database zit dus belangrijke en privacy gevoelige data. Het is belangrijk hier back-ups van te maken (uitleg komt later). Hiernaast is het aan te raden een ingewikkeld wachtwoord te kiezen bij het aanmaken van de database.

Uitleg database aanmaken

Je bent als het goed is in het scherm van DirectAdmin. Je volgt de volgende stappen om een database aan te maken voor Wordpress:

  1. Ga naar "Account Manager" (linksbovenin)
  2. Je klikt dan op "MySQL Management"
  3. Klik op "Create new database"
  4. Kies een database naam, database user en wachtwoord

Onthoud de gegevens want die hebben we later weer nodig.

2.5

SSL-certificaat instellen

Een SSL-certificaat is het slotje en/of groene balkje in je adresbalk. Het is een beveiliging vereist om bijvoorbeeld betalingen te accepteren in de Wordpress webshop.

Hoe zet je SSL aan op je website?

  1. In DirectAdmin kan je linksbovenin naar "Account Manager" gaan.
  2. Vervolgens zie je "SSL Certificates" staan. Klik daarop.
  3. Selecteer: "Free & automatic certificate from Let's Encrypt" en klik save.
  4. Vink nu linksonderin "Force SSL with https redirect" en klik save.

Je kan in het scherm van SSL certificaten ook je eigen certificaten uploaden. Het technische gedeelte laten we achter wegen. Je kan naar stap 2.6.

2.6

Extra php instellingen voor Wordpress

In principe zijn we klaar om Wordpress te downloaden en uploaden, maar voor de zekerheid behandelen we nog een extra scherm: "Select PHP Version". Je kunt daar extra zaken instellen zoals de maximum upload grootte van een bestand. Wanneer Wordpress een grote update uitvoert moet je wellicht de PHP-versie naar een hogere versie zetten. Dat verhogen van de versie kan daar dus ook. Zo een grote update gebeurt niet heel vaak. Hoe kom je bij "Select PHP-version"?

  1. Ga in DirectAdmin naar "Extra Features"
  2. Selecteer dan "Select PHP Version"
  3. Je kunt hier de PHP versie selecteren. Deze laten we voor nu staan (7.3).
  4. Bij "Options" kan je de volgende zaken naar 1GB zetten:
    • Memory limit
    • Post_max_size
    • Upload_max_size

Stap 3: Wordpress bestanden downloaden en uploaden met DirectAdmin

3.1

Wordpress bestanden downloaden en uploaden met DirectAdmin

In stap 3 gaan we Wordpress bestanden downloaden en uploaden naar de cloud (jouw gekochte hosting). Download altijd de laatste versie van Wordpress vanwege veiligheid. Tijdens dit schrijven werken we met Wordpress 5.7. Waarschijnlijk lijkt het over een paar jaar nog hetzelfde. De volgende stappen voer je chronologisch uit voor het beste resultaat:

  1. Wordpress downloaden
  2. Login in op DirectAdmin en ga naar file manager (3.2)
  3. Ga naar public_html en verwijder de bestanden (3.3)
  4. Upload gedownloade Wordpress bestanden (3.4)
  5. Pak het bestand uit (extract) (3.5)
  6. Selecteer alle Wordpress bestanden en verplaats naar public_html(3.6)
  7. Verplaatste bestanden check (3.7)

Installatie zonder Goedkope Webhoster

Heb je zelf een domeinnaam en hosting tijdens deze handleiding? Dan zorg je ervoor dat je de gedownloade bestanden upload naar jouw hoster. Vaak zet je de bestanden in de map: public_html. Door deze stap gaat het soms mis bij beginners. Het belangrijkste:

  • In het gedownloade bestand zie je index.php staan
  • index.php moet direct in de map public_html staan
  • /public_html/index.php

Index.php is bij Wordpress het bestandje dat als eerste wordt aangesproken om een webpagina te weergeven. Het is zeg maar de entree naar je website. Als dat bestandje op de verkeerde plaats staat, dan werkt de Wordpress website niet.

3.2

Login in op DirectAdmin en ga naar file manager

De Wordpress bestanden zijn gedownload. Deze moeten nu op jouw hosting komen te staan. Hoe doe je dat? Als je in DirectAdmin zit kan je de volgende stappen uitvoeren om Wordpress bestanden te uploaden met de "File Manager":

  1. Klik rechtsbovenin op "System Info & Files"
  2. Klik vervolgens op "File Manager"

Je zit nu dus op de harde schijf van jouiw aangeschafte hosting. Je ziet aan de linkerkant een mappenstructuur. Elke map heeft zijn eigen functie. De public_html folder bevat nu een paar bestanden. Index.html is de "pagina" die het internet nu ziet op jouw domeinnaam/website. Als je index.html verwijdert is er niks meer op je website.

3.3

Ga naar public_html en verwijder bestanden

De bestanden die gedownload zijn van de Wordpress website moeten uiteindelijk in public_html komen te staan. Voor dat we dat doen verwijderen we alle huidige bestanden in de public_html folder. Selecteer alle bestanden en verwijder ze. Ter info: je kan in de "File Manager" op de rechtermuisknop van je muis drukken om bestanden te verwijderen, kopiëren of verpaatsen.

3.4

Upload gedownloade Wordpress bestanden

De public_html folder is nu helemaal leeg. Hoog tijd dat we de gedownloade Wordpress bestanden uploaden naar die map. Hoe doen we dit?

  1. Klik op de public_html map als je daar nog niet bent
  2. Ga linksbovenin naar "New"
  3. Klik dan op "upload files"
  4. Selecteer het gedownloade Wordpress bestand (wordpress-5.7-nl_NL.zip)
  5. Klik op upload en wacht een paar seconden

Het ingepakte (zip) Wordpress bestand staat nu op je server, maar er is nog niks gebeurd. Ga naar de volgende stappen om Wordpress te laten werken.

3.5

Pak het bestand uit (extract)

Omdat het Wordpress bestand is ingepakt (zip-bestand), gaan wij die nu uitpakken.

  1. Klik met de rechtermuisknop op het Wordpress bestand
  2. Klik op extract

3.6

Wordpress bestanden verplaatsen naar public_html

Alle bestanden staan helaas nog niet op de goede plek. Een lang verhaal kort:

  1. Klik op de wordpress map
  2. Selecteer hier alle bestanden en mappen (19)
  3. Klik dan met de rechtermuisknop in het scherm
  4. Klik nu op Copy/Move
  5. Klik dan op public_html
  6. Klik nu op Move

De bovenstaande stappen zijn niet de lastigste stappen om een Wordpress website neer te zetten, maar wel het punt waar het meeste fout gaat. In de volgende stap doen we een laatste check en dan kan de Wordpress website worden geïnstalleerd.

3.7

Verplaatste bestanden check

Als de Wordpress bestanden op de juiste manier zijn verplaatst dan doe je de volgende check:

  1. Ga naar public_html
  2. Check of je index.php ziet staan
  3. Staat hij daar? Ja?
  4. Typ je domeinnaam in adresbalk van je browser en je ziet dat je kan beginnen met stap 4: Installeren van Wordpress. Het complexe gedeelte is gedaan. Gefeliciteerd! Je bent bij deze gepromoveerd naar "Junior webbeheerder".

Klaar om Wordpress te installeren

Stap 4: Wordpress installeren

4.1

Wordpress installeren

In stap 4 gaan we Wordpress installeren (klik op "Laten we starten") . Tot zover zijn de volgende stappen uitgevoerd waardoor we kunnen beginnen:

  1. Domeinnaam en hosting gekocht
  2. Hosting ingesteld
  3. Database aangemaakt
  4. SSL-certificaat geïnstalleerd
  5. Wordpress bestanden geupload naar de hosting

Je kan nu je domeinnaam intypen. Als je dat gedaan hebt kom je in het installatie scherm van Wordpress. In de volgende stappen voer je uit:

  1. Database informatie invullen (4.2)
  2. Sitetitel instellen (4.3)
  3. Inloginformatie aanmaken voor de "admin" (4.3)

In stap (4.4) krijg je extra informatie over het inloggen op je Wordpress website. In Stap (4.5) zie je het tussentijdse resultaat van de Wordpress installatie.In stap (4.6) krijg je een korte toelichting over het dashboard van Wordpress.

4.2

Database informatie invullen

Bij stap 2.4 heb je een database aangemaakt voor Wordpress. Die gegevens die je toen hebt aangemaakt moeten in dit scherm worden ingevuld. Je vult in:

  1. Databasenaam
  2. Gebruikersnaam van de database
  3. Wachtwoord gekozen bij aanmaken van de database
  4. Localhost laat je staan
  5. Bij prefix laat je wp_ staan
  6. Klik op verzenden

Succes! De Wordpress website maakt een verbinding met de database.

4.3

Sitetitel en inloginformatie voor Wordpress

In dit scherm vul je de sitetitel in. Kies hier je bedrijfsnaam of naam van je project. Je kan dit later weer wijzigen. Naast de sitetitel maak je hier je inloginformatie aan om later in te loggen in je Wordpress website. Je kiest hier:

  1. Gebruikersnaam om in te loggen
  2. Wachtwoord
  3. E-mail adres
  4. Klik op Wordpress installeren

4.4

Inloggen op je Wordpress website

Nadat je de inloginformatie voor de Wordpress website hebt aangemaakt kan je inloggen. Als je niet meer kan inloggen dan kan je ten alle tijden het volgende in de adresbalk invullen:

  • www.dedoorjouwgekozendomein.nl/wp-login.php

Je kan dus altijd /wp-login.php gebruiken om in te loggen op je pas geïnstalleerde website.

4.5

Tussentijds resultaat van je Wordpress installatie

Als je naar de homepage van je website gaat (vul je domeinnaam in) dan hoort de Wordpress installatie eruit te zien zoals de hier getoonde foto. Je ziet je gekozen sitetitel en een bericht: "Hallo Wereld".

4.6

Uitleg Wordpress Dashboard

Als je bent ingelogd bij je Wordpress installatie dan zit je in het Dashoard. Je kan ook ten alle tijden naar je Dashboard gaan door je domeinnaam met /wp-admin/ erachter in typen.

Het Dashboard bestaat uit de belangrijkste zaken:

  • Linkermenu (menu met alle instellingen)
  • Hoofdscherm (Waarin je vaak gaat werken)
  • Uitloggen (rechtsbovenin)
  • Switch knop (linksbovenin om van je website naar het dashboard en omgekeerd te navigeren).

Stap 5: Wordpress algemene instellingen

5.1

Wordpress algemene instellingen

In stap 5 gaan we enkele algemene instellingen doornemen. Deze algemene instelingen zijn te vinden in het bekende linkermenu van Wordpress (dashboard).

  1. Klik op "Instellingen -> Algemeen" in het linkermenu
  2. Je bent nu in het scherm van de algemene instellingen van Wordpress
  3. Je kan hier de sitetitel van Wordpress veranderen
  4. Ik heb de ondertitel verwijderd
  5. Bij het veld Wordpress adres voeg ik www. toe. Ik krijg dus https://www.wordrpresswebsitevoorbeeld.nl
  6. Bij Siteadres voeg ik ook www toe.
  7. Er zijn meer voorkeursinstellingen die je kan wijzigen
  8. Als je akkoord bent klik je onderin op "opslaan".

Ter extra informatie: ik voeg www toe omdat ik wil dat er standaard www in de adresbalk komt te staan. Als jij dit ook doet, dan kan het mogelijk zijn dat Wordpress je automatisch uitlogt. Je kan nu opnieuw inloggen en je zult zien dat je website nu standaard www voor je siteadres heeft staan.

5.2

Wordpress homepage instellingen

Als je bij instellingen nu op "lezen instellingen" klikt kan je kiezen welke pagina de homepage wordt. De instelling laat standaard het laatste bericht zien. Nu heb ik ervoor gekozen om een "statische pagina" te laten zien. Na de Wordpress installatie kan je alleen kiezen uit: voorbeeldpagina of privacybeleid. Ik heb gekozen voor de voorbeeldpagina. Die pagina gaan we later wijzigen zodat je snapt hoe pagina's inelkaar zitten.

Wanneer Woocommeerce (het belangrijkste voor de Wordpress webshop) is geïnstalleerd dan komen we terug naar dit scherm om de webshop op de homepage te laten zien.

5.3

Wordpress discussie instellingen

De discussie instellingen van Wordpress gaan in het kort over de reacties die bezoekers kunnen plaatsen op artikelen, pagina's en uiteindelijk producten. Je gaat naar dit scherm door in het bekende linkermenu op "instellingen -> lezen" te klikken.

Voor het gemak wil ik op het moment dat bezoekers geen reacties kunnen plaatsen en dat wanneer dat wel kan zij op zijn minst ingelogd moeten zijn.

  1. Vink aan: Sta toe dat mensen kunnen reageren op nieuwe berichten.
  2. Vink aan: Gebruikers moeten ingelogd zijn om te kunnen reageren
  3. Klik op opslaan

5.4

Wordpress permalinks

In het linkermenu bij de instellingen zie je ook permalinks staan. Permalinks instellingen zijn de instellingen van de url's van de berichten, pagina's en producten die je gaat aanmaken. Je kan dit per bericht, pagina of product elke keer handmatig doen, maar het liefst stel je de structuur goed in. Voor nu veranderen we alleen nog de structuur van de berichten en pagina's:

  1. Ga naar Permalinks in het linkermenu bij de instellingen
  2. Klik op "aangepaste structuur"
  3. Verwijder de huidige tekst. Vervang het met: /%category%/%postname%/. Je kan dat ook doen door eerst op de knop "%category%" en daarna de knop "%postname%" aan te klikken.
  4. Klik op "Wijzigingen opslaan"

Wanneer we de Woocommerce plugin hebben geïnstalleerd kunnen er producten worden aangemaakt en kan je in dit scherm ook de standaard structuur van je producten instellen. Dat gaan we dus zeker doen in de latere stappen.

5.5

Wordpress privacy instellingen

Als je een Wordpress website online zet, dan moet je volgens de Europese wetgeving tegenwoordig rekening houden met de privacy van je bezoekers en klanten. Deze wet staat ook wel bekend onder: "Algemene Verordening Gegevensbescherming (AVG), GDPR".

Uiteindelijk sla je gevoelige informatie op. Lees jezelf dus goed in en zorg ervoor dat je een goede privacy verklaring online zet. Voor het gemak heb ik er zelf één gemaakt met een generator ondersteund door de o.a. de Nederlandse overheid:

Nadat je de verklaring online gemaakt hebt kan je die verklaring kopiëren. Ga in het linkermenu bij instellingen naar privacy en klik op wijzigen (of je maakt een nieuwe aan). Je kan nu de huidige tekst verwijderen en de volledige privacy verklaring hierin plakken. Klik hierna rechtsbovenin op "Publiceren". Dat was trouwens de eerste pagina die je hebt gewijzigd in Wordpress. Bekijk de privacyverklaring op de voorbeeldwebsite:

In een later stadia stellen we ook een Cookie-melding scherm in met een verwijzing naar de privacy verklaring.

5.6

Wordpress berichten uitleg

Wordpress is ooit bekend geworden door het blog-imago. Bloggers konden makkelijk en snel informatie delen met de hele wereld. De berichten zijn in het linkermenu de plek om snel berichten te maken en te delen met de wereld. Om er gewend mee te raken voeren we het volgende uit:

  1. Ga in het linkermenu naar berichten
  2. Maak eerst een categorie aan met de naam: "Berichten" en slug: "berichten"
  3. Klik op wijzigen bij het artikel: "Hallo Wereld"
  4. Ik heb de titel veranderd naar: "Hallo Nederland"
  5. De tekst heb ik ook gewijzigd
  6. Klik op publiceren en je bent klaar

Als test heb ik ook een tweede bericht aangemaakt, dit kan jezelf ook doen. In de rest van de tutorial zal ik niet dieper op berichten in gaan.

5.7

Wordpress pagina uitleg en voorbeeldpagina wijzigen

Naast berichten kan je in Wordpress pagina's aanmaken. Net zoals bij berichten wijzigen we snel de voorbeeldpagina om er gewend mee te raken.

  1. Ga in het linkermenu naar pagina's
  2. Klik op wijzigen bij voorbeeldpagina
  3. Wijzig de titel en tekst naar wens
  4. Aan de rechterkant zie je wat instellingen waaronder ook "uitgelichte afbeelding". Voeg naar wens ook een foto toe door daar verder te klikken.

Chapeau! wanneer alles tot nu toe goed gaat. Je hebt de basis van Wordpress nu onder de knie, maar die website ziet er nog niet echt strak uit. In de volgende stappen gaan we Woocommerce voor het webshop gedeelte, plugins en een thema installeren.

Stap 6: Woocommerce installeren en Wordpress account aanmaken

6.1

Woocommerce installeren en Wordpress account aanmaken

Naast de installatie van Wordpress zelf, is de installatie van Woocommerce de belangrijkste. Woocommerce is zogezegd een plugin die je installeert. Dit wordt de eerste plugin die geëinstalleerd gaat worden in deze handleiding. Ter informatie zijn er duizenden plugins met allerlei verschillende doeleneinden. In stap 10 van deze tutorial behandel ik nog 8 andere interessante plugins waarmee je een webshop kunt upgraden.

Woocommerce plugin installeren

Als je in het dashboard van Wordpress zit dan zie je in het linkermenu: Plugins staan. Klik op "Plugins" en volg de volgende stappen:

  1. Klik bij plugins op Nieuwe plugin
  2. Zoek rechtsbovenin naar Woocommerce
  3. Na het zoeken kan je Woocommerce "Nu installeren"
  4. Klik daarna op "Activeren"
  5. Stel Woocommerce in:
    1. Stel de winkelgegevens in (6.2)
    2. Stel je sectorinstellingen in (6.3)
    3. Selecteer je producttype (6.4)
    4. Stel je bedijfsgegevens in (6.5)
    5. Jetpack en Wocommerce TAX (6.6)
    6. Wordpress account aanmaken en koppelen (6.7)
    7. Tweestapsverificatie voor Wordpress instellen (6.8)

6.2

Woocommerce webwinkel instellingen

Nadat je de Woocommerce plugin hebt geactiveerd kom je automatisch in de schermen van het instellen van Woocommerce. Mocht je om één of andere reden niet bij de instellingen zoals op de foto zijn, dan kan je in het linkermenu van Wordpress op Woocommerce klikken. 

Gegevens van jouw webwinkel instellen

Het eerste scherm van Woocommerce vraagt jou om de gegevens van je webshop in te stellen. Als je al een onderneming hebt geregistreerd bij de Kamer van Koophandel vul je hier de bedrijfsgegevens van jouw bedrijf/webshop in. Kilk daarna op doorgaan om naar het volgende scherm te gaan van de Woocommerce instellingen. De gegevens van deze stap, maar ook de volgende stappen kan je altijd weer terugvinden in het linkermenu bij Woocommerce -> Instellingen.

6.3

Woocommerce sector instellingen

De Woocommerce sector instellingen pagina is een makkelijke te beantwoorde wanneer je weet wat je gaat aanbieden in je webshop. Het effect dat deze instelling heeft op de webshop heb ik nog niet mogen achterhalen. Zoals alle andere instellingen kan je deze later altijd weer veranderen in de Woocommerce instellingen. Bij de voorbeeldwebsite heb ik gekozen voor "Onderwijs en leren". Bij de volgende stap ga je de producttypen kiezen die je gaat aanbieden in je webshop.

6.4

Woocommerce producttype instellingen

Bij het scherm van de productttype instellingen zie je wat interessante opties die je kan kiezen om je webshop meer functies te geven. Je ziet de volgende functies staan:

  1. Fysieke producten
  2. Downloads
  3. Abbonementen
  4. Lidmaatschappen
  5. Reserveringen
  6. Bundels
  7. Aanpasbare producten

In deze handleiding kies ik voor nu alleen fysieke producten. De overige zogeheten extensies kosten extra geld en ik heb deze handleiding gratis genoemd. In een later stadia van deze Wordpress webshop tutorial ga ik ook een optie voor een download toevoegen. Het is een leuke optie, maar ik had hem hier niet hoeven activeren voordat ik die extensie gebruikte (raar).

6.5

Woocommerce bedrijfsgegevens instellingen

6.6

Jetpack en Woocommerce Shipping & Tax

6.7

Wordpress account aanmaken

6.8

Wordpress tweestapsverificatie

Stap 7: Woocommerce producten toevoegen

7.1

Woocommerce producten toevoegen

Na het installeren van Woocommerce is het al mogelijk om producten toe te voegen. Producten toevoegen in Wordpress is appeltje, eitje. Als je de stappen van de tutorial volgt dan zit je nog in de configuratie van Woocommerce zoals op de foto hiernaast. Je kan dan klikken op "Mijn producten toevoegen". Je kan ten alle tijden ook in het linkermenu op producten klikken en dan producten toevoegen. Dit menu is na de installatie van Woocommerce toegevoegd aan het linkermenu. Zo zal je zien dat wanneer je een plugin installeert er elke keer weer een nieuwe link in het linkermenu verschijnt.

De simpele manier om producten toe te voegen

Er zijn meerdere manieren om producten toe te voegen in Wordpress. In deze handleiding gaan we ze voor zover alleen nog handmatig toevoegen. Volg de volgende stappen:

  1. Klik op "Handmatig toevoegen" (7.2)
  2. Voeg een titel en omschrijving van je product toe (7.3)
  3. Voeg een foto, tag en categorie toe (7.4)
  4. Bekijk je toegevoegde product in Wordpress (7.5)

Als je producten toevoegt in Wordpress krijg je voor de eerste keer ook een hele uitgebreide toelichting met stappen. Ter indicatie kan je op de voorbeeldwebsite zien hoe een product eruitziet na de vorige stappen te hebben gevolgd:

7.2

Woocommerce handmatig producten toevoegen

 

7.3

Woocommerce product: titel en omschrijving

7.4

Woocommerce product: foto, tag & categorie

7.5

Woocommerce product bekijken

Stap 8: Woocommerce instellingen

8.1

Woocommerce instellingen

Na het toevoegen van een product is het belangrijk om Woocommerce goed in te stellen zodat je webshop goed werkt. In stap 7 heb ik in de tutorial drie producten toegevoegd zodat er een betere indruk van de webshop wordt gewekt.

Verder gaan met de Woocommerce installatie

Het instellen van de webshop gaat verder als je weer in het linkermenu op "Woocommerce" klikt zoals te zien op de foto hiernaast. In volgorde gaan de volgende zaken ingesteld worden:

  1. Betaalmethode instellen
  2. Betaalmethode "Mollie" kiezen (8.2)
  3. Mollie account aanmaken (8.3)
  4. Woocommerce API-key invullen (8.4)
  5. Woocommerce andere betaalmethode instellen (8.5)
  6. Woocommerce btw-instellingen (8.6)
  7. Woocommerce verzendinstellingen (8.7)
  8. Woocommerce btw handmatig instellen (8.8)

Woocommerce zonder payment-provider instellen

Als je deze tutorial volgt, maar nog geen payment-provider wilt toevoegen bijvoorbeeld wanneer je geen bedrijf hebt, raad ik je aan om direct naar stap 8.5 te gaan. Je kan Mollie of een andere payment-provider later alsnog toevoegen bij de instellingen in het linkermenu onder het kopje Woocommerce. De plugin van Mollie kan je ten alle tijden installeren door te zoeken naar Mollie bij een "Nieuwe plugin" toevoegen.

8.2

Woocommerce payment-provider (Mollie)

 

8.3

Woocommerce Mollie account

8.4

Woocommerce API-key invullen

8.5

Woocommerce andere betaalinstellingen

8.6

Woocommerce btw-instellingen

8.7

Woocommerce verzenden instellen

8.7

Woocommerce btw handmatig instellen

Stap 9: Webshop instellen

9.1

Wordpress Customizer instellingen

Na stap 8 van deze tutorial te hebben afgerond behoor je een technisch werkende webshop te hebben. Nu heb ik vaak gemerkt dat klanten eerder een voorkeur hebben voor de styling van de webshop tegenover het technische gedeelte. In stap 9 gaan we de wesbhop instellen zodat de bezoeker van de webshop de juiste richting opgestuurd wordt.

Wordpress instellen via de Customizer

In de Customizer van Wordpress kan je belangrijke "uiterlijke" instellingen veranderen. Je kan er op twee manieren komen:

  1. Als je bent ingelogd via de homepage, druk je op "Customizer" (zie foto).
  2. Als je in het dashboard zit kan je naar: Weergave, Thema's, Klik op customizer van je actieve thema

Opties in de Customizer

In de customizer behandel ik in deze tutorial de belangrijkste instellingen die bij het basisthema van Wordpress horen:

  1. Homepageinstellingen van Wordpress (9.2)
  2. Siteidentiteitinstellingen van Wordpress (9.3)
  3. Webshop productcatalogus instellen (9.4)
  4. Menu-instellingen (9.5)
  5. CSS-styling (9.6)

Vereiste unieke pagina's en footer toevoegen

Na stap 9.6 heb je een goed werkende webshop. De reis van de webshop is dan nog niet klaar. Je moet natuurlijk veel zaken toevoegen voor je bedrijf die wettelijk verplicht zijn of noodzakelijk zijn voor de bezoeker. Denk aan:

  1. Privacyverklaring (gedaan in stap 5.5)
  2. Algemene voorwaarden, retourvoorwaarden, contactgegevens en meer (9.7)
  3. Footer met bedrijfsgegevens instellen (9.8)

9.2

Wordpress homepage instellingen

 

9.3

Site identiteit instellingen

9.4

Webshop productcatalogus instellingen

9.5

Menu instellingen

9.6

Wordpress CSS styling

Stap 10: Wordpress plugins

10.1

Wordpress plugins

Na 9 stappen te hebben afgerond weet je wat het inhoudt om een webshop met Wordpress zelf te maken. Nu hoop ik dat je het redelijk snel kon voltooien. Je kan namelijk nog oneindig veel meer waardoor je webshop echt mooier, bruikbaarder, sneller en krachtiger wordt. Om een site mooier te maken kan je dus de CSS aanpassen (stap 9.6) of je kan een thema installeren. Een site echt mooier maken komt in een andere tutorial weer terug en dat is bijna niet te verwoorden omdat iedereen zijn eigen stijl heeft. Waar we in stap 10 wel mee verder gaan is het upgraden van de webshop door middel van plugins.

Belangrijkste Wordpress plugins

Ik had als doel deze tutorial kort te houden, maar nu ik bij stap 10 ben kan ik naar mijn gevoel tot stap 1.000 doorschrijven. Als laatste probeer ik in een notendop de belangrijkste categoriën van plugins kort toe te lichten. De installatie van de plugin kan je waarschijnlijk zelf als je bij stap 10 bent aangekomen.

Na de installatie van een plugin of een wijziging in je webshop kan dat een crash veroorzaken. Wellicht werkt je site niet meer na een update? Daarom komt met stipt op 1: "Back-up van je Wordpress website"

  1. Back-up plugins voor Wordpress (10.2)
  2. Optimalisatie plugins voor snelheid (10.3)
  3. Zoekmachine plugins om beter gevonden te worden (10.4)
  4. Jetpack (10.5)
  5. Contactformulier plugins (10.6)
  6. Productfeed plugins voor aansluiten op platformen (10.7)
  7. Plugins om rollen te beheren van gebruikers (10.8)