[Top] 161 WordPress Webshop maken? Maak in 6 stappen jouw WordPress Webshop »

Ben je handig met WordPress en wil je graag een eenvoudige webshop opzetten? Dat kan! Waarom deze tutorial? Om vervuiling van het Nederlandse webshop-landschap te stimuleren, óf – en zo bekijk ik het zelf liever – te zorgen dat de WordPress Webshops díe gemaakt worden, correct in elkaar zitten.

In deze tutorial leg ik je uit hoe je dat doet – een basic WordPress Webshop opzetten. Met iDEAL, enzo. Te beginnen met het selecteren van de juiste tools:

• Ik ga er van uit dat je ervaring hebt met WordPress (3 of hoger);
• Ik ga er van uit dat je weet wat je wilt verkopen, en enigszins nagedacht hebt over een structuur waarin je producten wilt indelen;
• Deze tutorial implementeert iDeal (via Payment Provider Mollie) én PayPal;
• Deze tutorial is geschreven in augustus 2012. Ik heb de op dit moment beste (in mijn ogen) en meest actuele plugins gebruikt. Het is raadzaam regelmatig de gebruikte plugins te updaten!

Tools:

• WordPress 3.4 of hoger: gratis te downloaden op http://nl.wordpress.org;
• WordPress Webshop Plugin WooCommerce (gratis!);
• Gratis WordPress Plugin “WooCommerce iDeal met Mollie”;
• Mollie Account: de Nederlandse payment provider die jou faciliteert bij een Plug-and-play iDeal integratie voor WordPress.

In deze tutorial maak ik een eenvoudige webshop op basis van het standaard WordPress Thema; TwentyEleven. Beginpunt is een schone WordPress-installatie (het resultaat van Stap 1).

Disclaimer: aanschaf van de eventuele WordPress-plugins is volledig op eigen risico.

Stap 1: WordPress Installeren & Configureren

Ik ga er vanuit dat dit je lukt. Zo niet, kijk dan even bij de WordPress Installatie Handleiding.

Zorg ervoor dat je de optie permalinks aan hebt staan, voor de zoekmachine-vriendelijke URL’s. Je doet dat hier:

• WordPress Back-End: “Dashboard > Instellingen > Permalinks”.
• Tevens zet ik voor webshops de reactiemogelijkheid standaard uit, dat kan hier: “Dashboard > Instellingen > Discussie”

Ik heb zelf WordPress geïnstalleerd in een submap van deze website: http://wpleren.nl/demo.

Na het veranderen van de header ziet de Webshop in spé er als volgt uit:

Stap 2: WordPress Webshop plugin(s) Installeren

2.1 WooCommerce installeren

Meer hulp nodig bij WordPress Plugins installeren? Je vindt het hier: WordPress Plugins Installeren.

2.2 WooCommerce iDeal met Mollie installeren

Betalingen met iDeal ontvang je het gemakkelijkste en meest veilig met behulp van Payment Provider Mollie.

Om plug-and-play met Mollie aan de slag te kunnen heb je de gratis WooCommerce Mollie plugin nodig “Mollie Payments for WooCommerce” nodig.

Hier een korte video over de installatie van deze WordPress plugin:

Je hebt nu alle benodigde plugins geïnstalleerd voor jouw eenvoudige WordPress Webshop.

Stap 3: WordPress Webwinkel Pagina’s aanmaken

3.1 WordPress Webshop Pagina’s aanmaken

Je hebt nu een pagina voor:

• de winkel,
• de winkelwagen en
• alle andere relevante pagina’s voor het bestelproces

Je kunt deze pagina’s bekijken door te navigeren naar “Dashboard > Pagina’s” – je ziet dat op alle aangemaakte pagina’s een zogenaamde WordPress Shortcode staat. Haal deze niet weg en laat de pagina’s in tact. Ze zijn belangrijk!

Alle pagina’s zijn tevens toegevoegd aan het menu. Dit oogt ietwat rommelig, maar zie dat – op dit punt – als jouw trofee:

De pagina’s zijn aangemaakt. Is dat jou ook gelukt?

Laten we het menu onder handen nemen!

3.2 Juiste pagina’s in het menu neerzetten

Alle pagina’s zijn toegevoegd aan het menu.

De meeste webshop-pagina’s zijn mijns inziens niet relevant of relevant genoeg om in het hoofdmenu opgenomen te worden.

We maken een WordPress Custom Menu aan om het hoofdmenu zelf in te delen:

Stappen:

• Navigeer naar “Dashboard > Weergave > Menu’s”;
• Maak een menu aan;
• Koppel deze aan jouw WordPress Theme (Twenty Eleven in dit geval);
• Stel jouw menu samen met pagina’s die je daarin wilt hebben;
• Verander indien gewenst de labels van de gekozen menuknoppen!

Dat is geen specifieke WooCommerce-handeling, maar een algemene optie in WordPress. Misschien kende je ‘m al :).

De tussenstand van jouw WordPress Webshop kan er als volgt uitzien:

Stap 3.3: Eén testproduct toevoegen aan jouw WordPress Webshop

Dit is het punt om één testproductje aan te maken in WooCommerce.

Waarom?

Om te kijken of de pagina’s er mooi uitkomen!

Een Product aanmaken is net zo makkelijk als het aanmaken van een Bericht of Pagina, kijk maar:

Stappen:

• Navigeer naar “Dashboard > Producten > Product toevoegen”;
• Kies een titel en content;
• Voeg een afbeelding toe en markeer deze als “uitgelichte afbeelding”;
• Stel een prijs in;
• Maak een categorie aan (in mijn geval “Tonijn”);
• Publiceer jouw eerste product!

We hebben nu een WordPress Webwinkel met één product: de verse tonijn steak van 300 gram:

Stap 3.4: WooCommerce Widgets gebruiken

Met één product in één categorie, kan ik laten zien welke widgets WooCommerce meebrengt:

Voel je vrij om te spelen met het brede assortiment widgets dat WooCommerce met zich meebrengt.

Gebruik in jouw uiteindelijk e webshop echter alleen de widgets die relevant zijn!

Tijd om WooCommerce te configureren voor onze Nederlandse webshop met BTW!

Stap 4: WordPress Webshop WooCommerce Basis-instellingen

Nu WooCommerce geïnstalleerd is, en je gespeeld hebt met de mogelijkheden, is het tijd om WooCommerce te configureren voor jouw Nederlandse WordPress Webshop waar met euro’s betaald wordt en waarover jij netjes BTW afdraagt.

Stap 4.1: Basis-instellingen voor jouw WordPress Webshop op basis van WooCommerce

In vogelvlucht laat ik hier de basisinstellingen zien die ik doorgaans hanteer voor eenvoudige WordPress Webshops:

De belangrijkste instellingen die ik aanpas zijn in dit geval:

• Taal & valuta: Nederlands & Euro;
• Afzetland: in dit geval het specifieke land Nederland;
• Punt en komma heb ik omgedraaid: weergave van getallen is nu op de Nederlandse manier in plaats van op de Amerikaanse (1.000,00 in plaats van 1,000.00);
• Geen account nodig om af te rekenen (dit werkt drempelverlagend).

De webshop geeft nu netjes prijzen in euro’s:

Tijd voor het instellen van BTW in onze webshop. Omdat dat moet. Enzo.

Stap 4.2 BTW instellen in jouw WordPress Webshop

Op moment van schrijven is de geldende BTW voor voedingswaren 6%.

De volgende video laat zien hoe je BTW instelt voor jouw WordPress Webshop:

Afhankelijk van jouw instellingen kan de winkelwagen, inclusief jouw testproduct, er als volgt uitzien:

Stap 5: WordPress Webwinkel inrichten

Stap 5.1: Producten aanmaken in jouw WordPress Webshop

Je hebt een eerste dummieproduct aangemaakt in een eerdere stap.

Nu je BTW hebt ingesteld, kan je jouw eerste echte producten invoeren.

Stap 5.2: Categorieën aanmaken in jouw WordPress Webshop

Producten categoriseren werkt op dezelfde manier als het categoriseren van producten in WordPress.

Het kan op twee manieren:

• Op de product-aanmaak-pagina zelf (rechts onder de Publiceer / Bijwerk-knop);
• In het Dashboard: Producten > Categorieën.

Stap 5.3: Een gebruiksvriendelijke WordPress Webshop door WooCommerce Widgets

WooCommerce beschikt over een aantal widgets waarmee jij jouw website binnen no-time transformeert in een complete webshop.

Na activatie van WooCommerce, en het aanmaken van een aantal producten, is het een kwestie van de juiste widgets aan de sidebars in jouw thema toevoegen om een gebruiksvriendelijke webshop te maken.

Denk aan widgets voor:

• navigatie door jouw producten;
• aanbiedingen (immers: “verkopen is de klant helpen inkopen”, populaire hoge-marge-producten verdienen best wat extra aandacht);
• een winkelwagen.

Vervolgstappen voor jouw WordPress Webshop:

• Integreer betaalmogelijkheid iDEAL in jouw WordPress Webshop;
• Kies een mooi Thema voor jouw WordPress Webshop!

Tot slot

Met deze tutorial zal jij NIET de nieuwe webshop van de Bijenkorf bouwen. Gebruik WordPress voor kleine doelgerichte webwinkels.

Deze WordPress Webshop met iDeal tutorial bespreekt lang niet alle mogelijkheden van de WordPress-plugin WooCommerce (wat dacht je van aanbiedingen, promotiecodes, digitale producten aanbieden … genoeg stof om nog tien artikelen over te schrijven).

Dit uitgebreidde artikel biedt jou echter wél de handvatten om zelf aan de slag te gaan: Je bouwt een Nederlandstalige webshop op basis van WordPress in combinatie met de gratis WordPress-plugin WooCommerce. Vervolgens implementeer je iDeal.

Wil jij het laten bouwen van jouw WordPress Webshop uitbesteden? Neem contact op met Van Ons WordPress Development :-).