WordPress Webshop bouwen: hoe doe je dat?

/, WordPress/WordPress Webshop bouwen: hoe doe je dat?

WordPress Webshop bouwen: hoe doe je dat?

WordPress werd in het begin vooral gebruikt voor het bouwen van blogs. Tegenwoordig kun je WordPress niet alleen gebruiken voor blog websites, maar voor allerlei soorten websites, zelfs voor het bouwen van een webshop. WordPress is niet geschikt voor een webshop met duizenden artikelen, maar voor een wat kleinere webshop is het prima te gebruiken. Het bouwen van een WordPress webshop is niet moeilijk, mits je de juiste instellingen en plugins gebruikt. In dit artikel zal ik uitleggen hoe je een simpele WordPress webshop opzet.

In dit artikel ga ik er vanuit dat je eerder met WordPress hebt gewerkt en dat je dus ook weet hoe je WordPress moet installeren, hoe je thema’s instelt en hoe je plugins installeert.

1. Gebruik een thema die bij de layout van je WordPress webshop past

Ten eerst is het belangrijk dat je WordPress webshop er ook echt uit moet zien als een webshop. Je kunt (bijna) alle thema’s van WordPress gebruiken, maar als je echt wilt dat je website er als een webshop uitziet, zou je eens kunnen kijken op de website van WooThemes. Op deze website staan thema’s die speciaal zijn ontwikkeld voor een WordPress webshop. Het gratis thema MyStile is een prima thema die je zelf helemaal kunt customizen. Voor een wat professionelere uitstraling zou je kunnen kijken naar thema’s waar je voor moet betalen (rond de 50 dollar).

2. Installeer de plugin WooCommerce

Deze plugin is de basis voor een WordPress webshop. Het biedt zeer veel opties, waarvan o.a.:
– instellen van verzendkosten
– voorraadbeheer
– toevoegen van kortingscodes
– basis betalingsmethoden zoals creditcard en bankoverschrijving
– toevoegen van producten
– instellen van BTW-tarieven
– klantenregistratie
Voor een volledig overzicht van de mogelijkheden van WooCommerce, kun je hier kijken.

Wanneer je de plugin hebt geïnstalleerd, zie je het volgende scherm:
WordPress webshop

3. Basisinstellingen voor WooCommerce voor je WordPress webshop

Voor de basisinstellingen ga je naar de pagina WooCommerce –> instellingen.
WordPress webshop instellingen

Algemeen
Bij ‘algemeen’ zorg je ervoor dat de ‘Base Location’ op Nederland staat ingesteld en de munteenheid op Euro’s. Als je WordPress webshop in ontwikkeling is, kun je het vinkje ‘activeer de Demo Winkel’ aanvinken zodat eventuele bezoekers weten dat de webshop nog in ontwikkeling is. Als je een SSL certificaat hebt, kun je het vinkje bij ‘forceer secure checkout’ aanvinken. Het is belangrijk dat je het vinkje ‘Belet klanten toegang tot het WordPress admingedeelte’ aanvinkt en ‘wis winkelwagen wanneer een klant uitlogt’. Verder kun je ervoor kiezen dat klanten kunnen registreren.

Catalogus
Onder het kopje ‘Catalogus’ moet je het vinkje bij ‘enable AJAX add to cart buttons on archives’ aanvinken. Bij gewichtseenheid kies je voor ‘kg’ en bij afmetingseenheid voor ‘cm’. Bij ‘positie van het valutasymbool’ kies je voor ‘Links (met spatie)’. Bij duizendtalscheiding zet je een punt en bij decimaalscheiding een komma.

Pagina’s
Onder het kopje ‘pagina’s’ zorg je ervoor dat alle pagina’s goed zijn ingesteld. Zo moet bij winkelpagina ‘winkel’ komen te staan en bijvoorbeeld bij afrekenpagina ‘afrekenen’. Waarschijnlijk staat dit al goed ingesteld.

Voorraad
Onder het kopje ‘Voorraad’ vink je ‘vooraadbeheer activeren’ aan. Bij notificaties is het handig om alles aan te vinken. Vul bij ‘notification recipient’ je emailadres in waar je de notificaties op wilt ontvangen. Bij ‘lage voorraad drempelwaarde’ kun je een aantal invullen, bijvoorbeeld 2. Wanneer er nog maar 2 producten op voorraad zijn, zul je hiervan een notificatie krijgen.

BTW
Onder het kopje ‘BTW’ kun je bovenaan bij BTW-tarieven een standaard tarief instellen (bijvoorbeeld 21%).

Verzending
Onder het kopje ‘Verzending’ kun je bovenaan verschillende verzendingsmethoden activeren voor je WordPress webshop, zoals ‘Vast bedrag’ of ‘Gratis verzending’.  Bij gratis verzending kun je een minimaal bestelbedrag invullen.
Verzendmethoden WordPress webshop

Betalingsgateways
Onder het kopje ‘Betalingsgateways’ kun je verschillende betaalmethoden activeren zoals bankoverschrijving en PayPal. Het is bij bankoverschrijving belangrijk dat je je bankgegevens invult zoals rekeninghouder en bankrekening nummer.
Betalingsmethoden WordPress webshop

Emails
Onder het kopje ‘Emails’ kun je kiezen wanneer je een email naar de klant wilt versturen, bijvoorbeeld na het plaatsen van een bestelling. Vul bij ‘van emailadres’ je eigen emailadres in. Je kunt de layout van de emails nog veranderen zoals de kleuren en de tekst die in de footer komt te staan.

Integratie
Ten slotte kun je onder het kopje ‘Integratie’ je Google Analytics ID invullen zodat je in Google Analytics kunt zien hoeveel bezoekers je WordPress webshop heeft. Vink hierbij ‘de tracking code toevoegen in de site footer’ aan.

Wanneer je de plugin WooCommerce hebt geïnstalleerd, zal WooCommerce automatisch een aantal pagina’s aanmaken zoals de shoppagina en afrekenpagina. Deze pagina’s staan al goed ingesteld en daar hoef je verder niets mee te doen.

4. Het menu instellen voor je WordPress webshop

Onder weergave –> menu’s ga je het menu instellen. Kies voor ‘create a new menu’ en maak een Hoofdmenu en Shopmenu aan. Aan de linkerkant staan alle pagina’s. De pagina’s die niet bij de WordPress webshop horen (zoals bijvoorbeeld een contactpagina) voeg je toe aan het hoofdmenu. Sla het menu op. De pagina’s die bij de webshop horen ga je toevoegen aan het shopmenu. Dit zijn de volgende pagina’s: alle pagina’s onder Mijn Account en de pagina’s Afrekenen en Winkelwagen. De pagina Winkel kun je in het hoofdmenu laten staan. Sla het menu op. Vervolgens ga je naar ‘Manage locations’ bovenaan de pagina. Kies bij ‘Bovenste Menu’ voor het shopmenu en bij ‘Kop Menu’ voor het Hoofdmenu.

5. Producten toevoegen aan je WordPress webshop

Voor het toevoegen van producten aan je WordPress webshop ga je naar ‘Producten’ –> ‘product toevoegen’. Vul een titel en beschrijving in. Aan de rechterkant kun je een categorie aanmaken en kun je een of meerdere afbeeldingen instellen. Op het midden van de pagina staat een blokje ‘ Productgegevens’. Het is het makkelijkst om voor ‘simpel product’ te kiezen, tenzij je heel veel variaties van een product hebt zoals verschillende maten. Dan kies je voor ‘variabel product’. We gaan er nu even vanuit dat je voor simpel product kiest. Vul de prijs in bij ‘normale prijs’. Ga naar het onderdeel ‘voorraad’ en vink ‘Voorraad beheren?’  aan. Vul het aantal op voorraad in. Ga vervolgens naar het onderdeel ‘verzending’. Daar kun je het gewicht van het product instellen. Als je klaar bent klik je op ‘publiceren’. Je product zal zichtbaar zijn op de shoppagina.
Voor het toevoegen van een product kun je hier meer lezen.

6. Regel een SSL-certificaat bij je webhosting provider

Om meer betrouwbaarheid te creëren voor je klanten, kun je overwegen om een SSL-certificaat aan te schaffen voor je WordPress webshop. SSL staat voor Secure Socket Layer en zorgt ervoor dat gegevens die worden ingevuld wanneer een klant afrekent, beveiligd zijn. Je kunt zien of een webshop een SSL certificaat gebruikt aan de hand van de url. In de url zal dan https:// staan.

7. Installeer aanvullende plugins voor je WordPress webshop

WooCommerce Sisow iDeal

Een veelvuldig gebruikte betaalmethode is tegenwoordig iDeal. Je kunt iDeal in je WordPress webshop integreren met behulp van de plugin ‘WooCommerce Sisow iDeal’. Voor het activeren van iDeal, ga je naar www.sisow.nl waar je een account moet aanmaken. Vervolgens ontvang je een merchant key die je bij de plugin moet invullen om iDeal te activeren. Om iDeal als betaalmethode te gaan gebruiken, ga je naar de pagina ‘instellingen’ van WooCommerce waar je de betaalmethode kunt aanvinken.
Het voordeel van Sisow ten opzichte van Mollie is dat je bij Sisow € 0,50 transactiekosten moet betalen in plaats van € 0,99 bij Mollie.

WooCommerce Print Invoices & Delivery Notes
Voor het afdrukken van pakbonnen en facturen is deze plugin ideaal. Je kunt de layout van de pakbonnen en facturen aanpassen naar eigen wens met bijvoorbeeld je eigen logo. Om de layout aan te passen ga je naar WooCommerce –> Instellingen en vervolgens naar het kopje ‘Printen’.

AWD Weight/Country Shipping

Met behulp van deze plugin kun je verzendkosten instellen op basis van gewicht. Voor instellingen ga je naar WooCommerce –> Instellingen en dan naar het kopje ‘Verzending’. Vervolgens staat bovenaan de pagina bij Verzendingsopties ‘AWD Weight/Country’. Vink ‘deze verzendmethode activeren’ aan. Bij ‘shipping weights’ ga je invullen hoeveel verzendkosten je wilt rekenen per gewicht. Als je bijvoorbeeld € 3.24 wilt rekenen voor een maximaal gewicht van 10 kg, vul je het volgende in:
10|3.24|1. Het maximale gewicht is het totale gewicht in het winkelwagentje.
Bij ‘Number of country groups’ vul je 1 in. Vink ‘add countries to allowed’ in en vul bij ‘Country Group’ Nederland in.

Wil je een webshop laten maken door ons?

Offerte aanvragen
Offerte aanvragen

Wil je website tips ontvangen in je inbox?

*verplichte velden
Door |2018-12-02T12:52:24+00:0014 november 2013|WooCommerce, WordPress|15 Comments

Over de auteur:

Ik ben internetondernemer en eigenaar van Blok Webdesign. Ik bouw professionele websites die je zelf kunt beheren. Daarnaast kun je mij inzetten als Technisch Virtual Assistant. Ik ben leergierig, ambitieus en ondernemend.

15 Comments

  1. Patrik 5 januari 2015 at 21:40 - Reply

    Wauw,@ goede uitleg zeg. Het is mij als leek gewoon gelukt.
    Bedankt

    • Rachelle Blok 9 januari 2015 at 21:45 - Reply

      Hoi Patrik,
      Mooi dat het gelukt is!
      Als ik je ergens mee kan helpen dan hoor ik het wel.

  2. Myrthe 11 februari 2015 at 16:29 - Reply

    Hallo Rachelle,

    Ik probeer deze plugin te downloaden maar telkens krijg ik de melding dat de plugin geen geldige header heeft?? Heb daarna een andere plugin geprobeerd en ook bij die kreeg ik de melding.
    Weet jij waar dit aan kan liggen?

    Alvast bedankt!

  3. Myrthe 12 februari 2015 at 11:39 - Reply

    Hallo Rachelle,

    Als ik de plugin wil activeren na het installeren zegt hij de pluging heeft geen geldige header. Dit gebeurt ook bij andere plugins. Enig idee hoe dit op te lossen is?
    Heb al geprobeerd om hem handmatig te uploaden maar is map in map in map.
    Bedankt!

    • Rachelle Blok 20 maart 2015 at 13:20 - Reply

      Hoi Myrthe,

      Sorry voor de late reactie.
      Heb je nog steeds het probleem?

  4. Aly Wieringa 2 april 2015 at 14:28 - Reply

    Hallo,
    Ben net gestart met mijn blog en webshop op WoonCommerce.
    Kom er redelijk uit. Mijn grote hulp heeft het te druk en daarom aan jou de vraag:
    Hoe zet ik een button op mijn blog om dit te volgen?
    Dank je en Groetjes

    • Rachelle Blok 4 april 2015 at 16:01 - Reply

      Hoi Aly,

      Wat voor button bedoel je precies?
      Bedoel je een RSS button zodat mensen een update krijgen als je een nieuw blogartikel hebt geplaatst?

      Groeten,

      Rachelle

  5. Ciska 17 april 2015 at 10:34 - Reply

    Hoi Rachelle,

    bedankt voor je heldere uitleg. Ik heb alles goed ingesteld, maar ik zie geen verkopen terug in mijn account. En dat terwijl ik onlangs toch echt een bestelling heb gehad. Ik had daarvoor de instellingen al toegepast……

    Ik weet niet zo goed waar het aan kan liggen. Jij misschien een tip hoe ik achter het probleem kan komen?

    Alvast bedankt!

    • Rachelle Blok 28 april 2015 at 11:53 - Reply

      Hoi Ciska,

      Is het probleem inmiddels al verholpen?
      Zo nee dan kun je het beste even een mailtje sturen zodat ik er eventueel naar kan kijken. ([email protected])

  6. Leendert 1 juni 2015 at 16:48 - Reply

    Ik zou bijvoorbeeld op het zoekwoord lintzagen beter gevonden willen worden.
    Zou ik dan beter content kunnen toevoegen aan http://www.bmtechniek.nl/lintzagen
    of is het wellicht beter meer links te krijgen voor http://www.bmtechniek.nl/verspanend-gereedschap/lintzagen

  7. Demerce 14 februari 2016 at 23:36 - Reply

    Goed artikel!

    • Rachelle Blok 2 maart 2016 at 05:47 - Reply

      Dankjewel!

  8. SiteStunt 15 mei 2016 at 22:28 - Reply

    Bedankt!

  9. Ernest 7 juni 2016 at 12:39 - Reply

    Ha Rachelle,

    Is het ook mogelijk om de code toe te voegen met de code snippet plug-in? Dan voorkom je dat bij een update van het thema of woo commerce je code verloren gaat, toch?

    gr. Ernest

Laat een reactie achter

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Do you want massive traffic?
Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!
  • Goblinus globalus fantumo tubus dia montes
  • Scelerisque cursus dignissim lopatico vutario
  • Montes vutario lacus quis preambul den lacus
  • Leftomato denitro oculus softam lorum quis
  • Spiratio dodenus christmas gulleria tix digit
  • Dualo fitemus lacus quis preambul pat turtulis
* we never share your e-mail with third parties.
COMPANY NAME
221, Mount Olimpus, Rheasilvia, Mars,
Solar System, Milky Way Galaxy
+1 (999) 123-45-67
Thank You. We will contact you as soon as possible.
Do you want more traffic?
Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!
  • Goblinus globalus fantumo tubus dia montes
  • Scelerisque cursus dignissim lopatico vutario
  • Montes vutario lacus quis preambul den lacus
  • Leftomato denitro oculus softam lorum quis
  • Spiratio dodenus christmas gulleria tix digit
  • Dualo fitemus lacus quis preambul pat turtulis
  • Scelerisque cursus dignissim lopatico vutario
  • Montes vutario lacus quis preambul den lacus
SUBSCRIBE TO OUR NEWSLETTER AND START INCREASING YOUR PROFITS NOW!
* we never share your e-mail with third parties.
SUBSCRIBE TO NEWSLETTER
Turpis dis amet adipiscing hac montes odio ac velit? Porta, non rhoncus vut, vel, et adipiscing magna pulvinar adipiscing est adipiscing urna. Dignissim rhoncus scelerisque pulvinar?
SUBSCRIBE TO OUR NEWSLETTER
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHA6Ly93d3cueW91dHViZS5jb20vZW1iZWQvajhsU2NITzJtTTAiIGZyYW1lYm9yZGVyPSIwIiBhbGxvd2Z1bGxzY3JlZW4+PC9pZnJhbWU+
All rights reserved © Company Name, 2014
CONTACT US
COMPANY NAME
221, Mount Olimpus, Rheasilvia, Mars
Solar System, Milky Way Galaxy
+1 (999) 999-99-99
Thank You. We will contact you as soon as possible.
Macbook Pro
* Intel Core i7 (3.8GHz, 6MB cache)
* Retina Display (2880 x 1880 px)
* NVIDIA GeForce GT 750M (Iris)
* 802.11ac Wi-Fi and Bluetooth 4.0
* Thunderbolt 2 (up to 20Gb/s)
* Faster All-Flash Storage (X1)
* Long Lasting Battery (9 hours)
Ivan Churakov, developer
Tel.:
Fax:
E-mail:
Website:
+1 (800) 800-1234, +1 (800) 123-4567
+1 (800) 800-1234 (ext. 1234)
[email protected]
http://halfdata.com/
My CodeCanyon Portfolio
Banner Manager Pro - CodeCanyon Item for Sale
Coming Soon and Maintenance Mode - CodeCanyon Item for Sale
Code Shop - CodeCanyon Item for Sale
Keyword Tooltips - CodeCanyon Item for Sale
Subscribe & Download - CodeCanyon Item for Sale
"A placerat mauris placerat et penatibus porta aliquet sed dapibus, pulvinar urna cum aliquet arcu lectus sed tortor aliquet sed dapibus."
John Doe, Astronomer
Bubble Company Inc. © 2011-2014
SUBSCRIBE TO NEWSLETTER
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Ii8vd3d3LnlvdXR1YmUuY29tL2VtYmVkL3NCV1BDdmR2OEJrP2F1dG9wbGF5PTEiIGZyYW1lYm9yZGVyPSIwIiBhbGxvd2Z1bGxzY3JlZW4+PC9pZnJhbWU+
ENJOY AURORA BOREALIS
SUBSCRIBE TO NEWSLETTER
INTERGALACTIC COMPANY
"Ridiculus enim cras placerat facilisis amet lorem ipsum scelerisque sagittis lorem tis!"
Jojn Doe, CEO
Tel.: +1 (800) 123-45-67, +1 (800) 123-45-68
Fax: +1 (800) 123-45-69 (any time, 24/7/365)
E-mail: [email protected]
Website: http://www.intergalactic.company
Address:
221, Mount Olimpus,
Rheasilvia region, Mars,
Solar System, Milky Way Galaxy
Do you want more traffic?
Dignissim enim porta aliquam nisi pellentesque. Pulvinar rhoncus magnis turpis sit odio pid pulvinar mattis integer aliquam!
  • Goblinus globalus fantumo tubus dia
  • Scelerisque cursus dignissim lopatico
  • Montes vutario lacus quis preambul
  • Leftomato denitro oculus softam lorum
  • Spiratio dodenus christmas gulleria tix
  • Dualo fitemus lacus quis preambul bela
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHA6Ly93d3cueW91dHViZS5jb20vZW1iZWQvajhsU2NITzJtTTAiIGZyYW1lYm9yZGVyPSIwIiBhbGxvd2Z1bGxzY3JlZW4+PC9pZnJhbWU+
* we never share your details with third parties.
Do you want massive traffic?
Scelerisque augue ac hac, aliquet, nascetur turpis. Augue diam phasellus odio lorem integer, aliquam aliquam sociis nisi adipiscing hacac.
  • Goblinus globalus fantumo tubus dia
  • Scelerisque cursus dignissim lopatico
  • Montes vutario lacus quis preambul
  • Leftomato denitro oculus softam lorum
  • Spiratio dodenus christmas gulleria tix
  • Dualo fitemus lacus quis preambul bela
PGlmcmFtZSB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBzcmM9Imh0dHA6Ly93d3cueW91dHViZS5jb20vZW1iZWQvajhsU2NITzJtTTAiIGZyYW1lYm9yZGVyPSIwIiBhbGxvd2Z1bGxzY3JlZW4+PC9pZnJhbWU+
* we never share your details with third parties.
Wil je 5 waardevolle tips
ontvangen voor je website?
Met deze tips zorg jij ervoor dat je website effectief is en bezoekers omzet in klanten!
Vul het formulier in om de gratis tips in je mailbox te ontvangen!
Wil je 5 waardevolle tips
ontvangen voor je website?
Met deze tips zorg jij ervoor dat je website effectief is en bezoekers omzet in klanten!
Vul het formulier in om de persoonlijke tips in je mailbox te ontvangen!