WordPress + WooCommerce. Installatie Handleiding

WordPress + WooCommerce Installatie Handleiding

! !

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Inhoudsopgave WordPress + WooCommerce

1

Inhoudsopgave

2

Inleiding

3

Hosting

4

Snelheid

5

Betrouwbaarheid

5

Schaalbaarheid

6

24-7 Support

6

Prijs

7

Welke Hosting Kies Je?

8

SiteGround

9

Softaculous & Installatron

10

Stap 1: Server instellen

11

1. Hosting aanmaken

11

2. Domeinnaam koppelen

12

3. Eigen IP adres kopen

13

Stap 2: WordPress installeren

14

1. Installeren met Softaculous

14

2. WooCommere installeren

18

3. Plugins en Themes installeren

20

Stap 3: WordPress on Steroids

22

1. WP Auto Update

23

2. SuperCacher

24

3. Content Delivery Network

28

4. Back-ups

30

En nu verder… Handleiding

31 Wordpress + WooCommerce

Pagina 2

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Inleiding !

Bedankt voor je interesse!

Beste Lezer, Tof dat je een eigen webwinkel gaat beginnen! Deze handleiding heb ik geschreven om het voor jou zo makkelijk mogelijk te maken om Wordpress met de WooCommerce plug-in te installeren. De methode die ik beschrijf is niet de enige, maar waarschijnlijk wel de snelste manier om je eigen WooCommerce Webwinkel te starten! Ook bevat deze handleiding handige tips om je nieuwe WooCommerce webwinkel direct te optimaliseren voor snelheid en beter te beveiligen. Met vriendelijke groeten,

www.webwinkelsucces.nl 

Handleiding

Wordpress + WooCommerce

Pagina 3

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Hosting !

De Basis Voor Je Installatie

Het is van groot belang dat je de beste hosting kiest voor jouw nieuwe WooCommerce webwinkel. Niets geeft meer hoofdpijn dan dat je bij een waardeloze hosting partij zit. Verhuizen is namelijk een pain-in-the-ass en moet je ten alle tijden zien te voorkomen. Let daarom op de volgende punten bij het kiezen van je nieuwe hosting partij: - Snelheid - Betrouwbaarheid - Schaalbaarheid - 24/7 Support - Prijs

!

Handleiding


Pagina 4

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Snelheid Je wilt dat je nieuwe webwinkel lightning fast is! Het is geen geheim dat Google snellere webwinkels hoger in de zoekresultaten zet. Langzame webwinkels verliezen zelfs hun noteringen. Ook het conversie percentage hangt voor een groot deel af van de laadtijd. Bij elke extra seconde laadtijd daalt de conversie met 7%. Een laadtijd van 4,5 seconden geeft dus 31% minder conversie!

Betrouwbaarheid Naast een snelle webwinkel, moet de webwinkel ook ten alle tijden bereikbaar zijn. Er zijn hosting bedrijven die een uptime-garantie geven van 98%.  Dat lijkt veel. Maar in de praktijk mag je webwinkel 8 dagen per jaar offline zijn. Dat wil je absoluut niet! Een 100% uptime is niet te garanderen. Maar met de nieuwste hardware, de juiste configuratie en voldoende kennis van het hosting bedrijf kom je mirakels dichtbij. Een webserver is heel wat anders dan een computer.  Er is veel meer specialiste kennis voor nodig. Zoveel zelfs dat een klein hosting bedrijf (1-5 man) dat naar mijn mening nooit kan hebben. Voor hosting geldt dus: hoe groter het bedrijf, hoe beter.

Handleiding


Pagina 5

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Schaalbaarheid Je webwinkel wordt een succes, dat weet je zeker. Je weet alleen nog niet wanneer. ;-) Je kan daarom maar alvast klaar zijn voor het grote succes. Kies een hosting bedrijf waarbij je met één klik je hosting kan opschalen. Belangrijk is dat je dit zelf kan doen! Stel je wordt vrijdagavond genoemd op het wereldnieuws en je hosting bedrijf is pas maandag weer beschikbaar… Ook voor de maandelijkse kosten is het handig dat je klein begint en makkelijk kan opschalen.

24-7 Support Wanneer er een probleem met de bereikbaarheid voordoet is dit nooit op een doordeweekse dag om 10:00 ’s ochtends, maar altijd op zaterdagavond om 23:30… Herkenbaar? ;-) Soms heb je het probleem zelf veroorzaakt, en soms kan je er niets aan doen. Dan is het fijn dat je op elk uur van de dag volledige support krijgt. Een noodnummer voor ’s avonds en in de weekenden is niet voldoende. Het lijkt handig, maar mijn ervaring is dat je vaak afgescheept wordt met een halve oplossing en moet wachten tot maandag.

! Handleiding


Pagina 6

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Prijs Je wilt natuurlijk niet te veel betalen voor je hosting. Wanneer je op bovenstaande punten goed wil scoren kan je niet verwachten dat je voor € 5 per maand je webwinkel kan hosten. Je hoeft echter ook geen honderden euro’s te betalen! Ook gaat het voorkomen dat je een website wilt verhuizen of iets anders wilt doen. Wellicht heb je geen zin in of niet de juiste kennis. Het is dan prettig om te weten dat je het hosting bedrijf aan het werk kan zetten voor een normaal uurloon. Dus geen € 110, maar ± € 45 per uur. Het is immers geen rocket science. Het voordeel is dat je nu ook meer kan uitbesteden en zelf meer tijd krijgt voor toffere dingen.

! !

Handleiding


Pagina 7

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Welke Hosting Kies Je? !

Kies voor het gemak

In de afgelopen tien jaar heb ik behoorlijk wat hosting bedrijven versleten. Sommige hosting bedrijven waren ronduit slecht, sommige oké en er is één waar ik fan van ben. ‘Slechte’ hosting: - Die ga ik niet eens noemen

‘Oké’ hosting: - CloudVPS (te traag) - Byte, HostingXS (te duur) - SkyBerate, HostNet, TransIP (mindere support)

‘Fan’ hosting: - SiteGround

!

Handleiding


Pagina 8

WebwinkelSucces

Kees van Dijk

28 augustus 2014

SiteGround Ik raad je aan om, net als mij, je nieuwe webwinkel onder te brengen bij SiteGround. Het is een complete verademing! Alles wat je wilt kan je met een paar klikken zelf regelen: statische caching, dynamische caching, een content delivery network (CDN) enz.. We gaan het bovenstaande trouwens allemaal instellen voor je nieuwe Wordpress WooCommerce webwinkel. ;-) Ook de 24/7 service is top. Zelf werk ik vaak op abnormale tijden aan mijn webwinkels. Heb ik een vraag dat kan ik altijd bij ze terecht via de chat of telefoon. Eén nadeel: Ze spreken enkel Engels. Als je dat écht niet spreekt, dan is SiteGround niet geschikt voor jou. Spreek je steenkolen Engels (zoals ik), dan kom je een heel eind! SiteGround heeft trouwens gewoon de servers in Nederland staan (en op nog twee andere locaties) dus qua snelheid en SEO hoef je je geen zorgen te maken!

Handleiding


Pagina 9

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Softaculous & Installatron Wanneer je besluit om toch geen gebruik te maken van SiteGround kies dan in ieder geval een hosting die Softaculous of Installatron heeft. Softaculaus is een programma die draait op je server waarmee je heel makkelijk Wordpress, Magento en Joomla kan installeren (en nog tientallen andere programma’s). Installatron doet precies hetzelfde. Echter vind ik Softaculous prettiger werken en heeft vaker updates daarom gebruik ik liever Softaculaus. Ook het instellen van back-ups, clones en updates zijn via Softaculous te makkelijk te uit te voeren. Je kan zelf Softaculous niet installeren op je server. Kies daarom altijd hosting die dit al heeft. SiteGround maakt trouwens gebruik van Softaculous. CloudVPS van Installatron.

! Handleiding


Pagina 10

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Stap 1: Server instellen ! Disclaimer: Ik gebruik SiteGround als voorbeeld. Het kan zijn dat functies bij jouw hosting net iets anders zijn. Omdat je toch een nieuwe webwinkel gaat installeren raad ik je aan om een nieuw account te openen bij SiteGround.

1. Hosting aanmaken Het beste kan je beginnen met Shared Hosting.  Naar een eigen VPS kan je makkelijk overstappen maar is nog te duur voor een beginnende webwinkel. Kies wel het GrowBig of het GoGeek pakket. Je wilt namelijk de automatisch back-ups en de SuperCacher gebruiken en 1 jaar gratis SSL is ook wel handig. ;-) Zelf vind ik de hardware bij het GoGeek pakket beter dus mocht je twijfelen kies dan voor € 5 extra het GoGeek pakket. Tijdens het bestellen moet je op het volgende letten: - Kies als server locatie Amsterdam.

Dit is namelijk voor zowel SEO en snelheid beter.

! Handleiding


Pagina 11

WebwinkelSucces

Kees van Dijk

28 augustus 2014

2. Domeinnaam koppelen Wanneer je ook een domeinnaam via SiteGround gekocht hebt ben je binnen een paar uurtjes online, je kan al wel de andere stappen doorlopen. Je kan ook de domeinnaam ergens anders registeren en doorverwijzen naar SiteGround. Mocht je dat willen dan raad ik TransIP aan. Je moet dan wel domeinnaam koppelen aan de hosting. Dit doe je door de nameservers naar de server van SiteGround in te stellen. De nameservers zie je direct staan op het dashboard en ziet er zo uit:

Dit kan tot 24 uur duren maar is meestal binnen 4 uur gefixt.

!

Handleiding


Pagina 12

WebwinkelSucces

Kees van Dijk

28 augustus 2014

3. Eigen IP adres kopen Je kan het beste direct voor € 25 per jaar een eigen IP adres aanschaffen. Waarom een eigen IP? Je wilt niet dat porno, oplichters of andere malafide websites met jouw nieuwe webwinkel in verband gebracht worden. Voor € 25 voorkom je wellicht veel gedoe. Waarom direct? Anders moet je straks dingen weer opnieuw instellen en dat wil je niet.

Je kan via het SiteGround Dashboard bij het tabblad ‘Extra Services’ een Dedicated IP adres kopen. 

Handleiding


Pagina 13

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Stap 2: WordPress installeren ! Ik raad je aan om Wordpress te installeren via Softaculous. Je kan het ook zelf downloaden, uploaden en installeren. Maar met Softaculous is het sneller, je kan geen fouten maken en alles staat direct goed voor de Tweaks in Stap 3. ;-)

1. Installeren met Softaculous Login op je SiteGround dashboard, klik op cPanel en browse naar Softaculaus.

!

Handleiding


Pagina 14

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Wanneer je op Softaculous geklikt hebt, wordt je verwezen naar de pagina waar je kan kiezen welke applicatie je wilt installeren. Klik aan de linkerkant op de “Blogs” categorie en kies voor Wordpress.

Klik daarna bovenaan op de blauwe “Install” button:

Handleiding


Pagina 15

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Er opent zich een scherm met allerlei info. In principe staat alles goed, of is later makkelijk te wijzigen. Toch kan je het beste direct het volgende goed instellen: In Directory: Wanneer je graag je webwinkel niet op het hoofddomein wilt hebben maar op bijvoorbeeld www.mijnsite.nl/webwinkel vul dan de gewenste directory in (bijvoorbeeld: webwinkel). Site Name: Vul alvast je nieuwe webwinkel naam in. Enable Multisite: Klinkt als een handige optie maar kan je beter gewoon uit laten. Admin Account: Vul alvast een makkelijk te onthouden gebruikersnaam en wachtwoord in. Select Language: Stel in op Nederlands. Als je het bovenstaande hebt ingesteld kan je nu op “Install” klikken.

Handleiding


Pagina 16

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Bam! Je bent nu trotse eigenaar van een Wordpress website! Je site is te bereiken via: www.mijnsite.nl Het Wordpress panel is te bereiken via www.mijnsite.nl/wp-admin. Gebruik de gegevens die je in de laatste stap hebt ingevoerd.

! ! !

Handleiding


Pagina 17

WebwinkelSucces

Kees van Dijk

28 augustus 2014

2. WooCommere installeren Je hebt dan nu wel trotse eigenaar van een website maar we moeten er nog wel een webwinkel van maken. ;-) Ook dit is vrij simpel: Login op je Wordpress website Ga naar www.mijnsite.nl/wp-admin en log-in met je gebruikersnaam en wachtwoord. Ga naar Plugins: Klik op de rechterkant op Plug-ins —> Add New.

Tik in het zoekvenster “woocommerce” en hit de zoekbutton.

Handleiding


Pagina 18

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Op het nieuwe scherm zie je nu zo’n 30 resultaten. Je kan nu kiezen om de Nederlandse of de Engelse WooCommerce te installeren. De Engelse WooCommerce staat bovenaan. De Nederlandse versie staat vaan rond de 6e positie. Wanneer je je keuze gemaakt hebt kies je “Nu Installeren”.

! Bam! Je bent nu trotse eigenaar van een Wordpress webwinkel!

! ! Handleiding


Pagina 19

WebwinkelSucces

Kees van Dijk

28 augustus 2014

3. Plugins en Themes installeren Je webwinkel is natuurlijk nog lang niet af. Sterker nog het werk begint eigenlijk nu pas. ;-) Je hebt nog plug-ins nodig om bijvoorbeeld betalingen te accepteren en ook het design kan veel wat beter. In dit document ga ik daar niet al te ver op in maar ik wil je toch op een aantal dingen wijzen. Ik raad je aan om onderstaande plug-ins eerst te installeren (tenzij je ze niet nodig hebt) en te testen. Daarna installeer je een mooie template. Pas nu voeg je andere plug-ins toe. Zo weet je 100% dat de belangrijkste plug-ins altijd werken.

! Plug-ins Een aantal plug-ins die waarschijnlijk noodzakelijk zijn. - PDF facturen - Payment Service Provider (verkrijgbaar via je PSP) - Koppeling met je vervoerder (PostNL, DHL, GLS, of Paazl) - Verzendkosten Table Rates

Het installeren van de plug-ins gaat hetzelfde als de installatie van WooCommerce of het moet anders omschreven staan in de handleiding van de plug-in. Handleiding


Pagina 20

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Templates Het beste kan je een template uitzoeken bij ThemeForrest. Daar hebt je namelijk goede converterende templates voor zo’n $ 60. Ook is TemplateMonster een goede bron voor WooCommerce designs van hoogwaardige kwaliteit. Met zo’n $ 120 per template zijn ze wel duurder dan ThemeForrest. De templates zijn bij beide goed gedocumenteerd en installeren is een eitje.

!

Handleiding


Pagina 21

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Stap 3: WordPress on Steroids Het wordt nu tijd om je nieuwe WordPress WooCommerce webwinkel super snel te maken. Want nogmaals: “Een snelle webwinkel zorgt voor meer conversie en betere SEO.”

! Het toffe is dat het tweaken super éénvoudig is, tenminste als je bij SiteGround gehost staat. Anders kan het wel iets lastiger worden. De volgende tweaks die ik benoem zijn allemaal in het cPanel dashboard van SiteGround te vinden.

!

Handleiding


Pagina 22

WebwinkelSucces

Kees van Dijk

28 augustus 2014

1. WP Auto Update Je hebt natuurlijk geen zin om zelf elke keer je webwinkel te moeten updaten. Daarom kan je WP Auto Update aanzetten. Vanaf nu wordt Wordpress automatisch naar de laatste stabiele versie bijgewerkt. Je kan dit gerust aanzetten. Het zal nooit plug-ins en themes overschrijven. Tegenwoordig is Wordpress zo stabiel dat het ook niet meer zorgt voor incompatibiliteit. Plug-ins moet je nog wel handmatig updaten via het admin panel van Wordpress (/wp-admin).

!

Handleiding


Pagina 23

WebwinkelSucces

Kees van Dijk

28 augustus 2014

2. SuperCacher De SuperCacher gaat je Wordpress webwinkel vele malen sneller maken. Er zit wel één nadeel aan: Wijzigen op je website worden soms niet direct weergegeven omdat deze nog niet verwerkt zijn in de server cache. Mocht je problemen ondervinden dat wijzigen niet direct getoond worden, flush de cache via cPanel. Zelf zet ik de SuperCacher daarom uit wanneer ik wijzigen aanbreng aan de lay-out of veel aan de website wil werken. Ben ik klaar, dan zet ik het weer aan. Soms vergeet ik hem wel eens aan te zetten. Maar ik merk dit altijd vrij snel omdat de snelheid stukken minder is. Het werkt dus echt! ;-)

!

Handleiding


Pagina 24

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Stap 1: Zet de Varnish Static Cache aan Normaal gesproken wordt bij een pageview alle files één voor één van de server geladen en tot een pagina omgevormd. Maar met Static Cache worden alle afbeeldingen, CSS files, javascripts, flash en nog veel meer opgeslagen en in één keer aan een bezoeker gegeven. Dat scheelt dus veel requests.

!

Handleiding


Pagina 25

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Stap 2: Zet de Varnish Dynamic Cache aan Met Dynamic Cache worden ook de pagina’s met content die telkens in de database moeten worden opgevraagd. Zoals een categorie of productpagina met reviews opgeslagen en in één keer getoond aan de bezoeker. Je moet hiervoor wel de speciale Wordpress plug-in downloaden. De plug-in zorgt er namelijk voor dat wanneer je een categorie of product wijzigt dat deze automatisch opnieuw gecached wordt.

Zoals je hierboven ziet kan je het met één klik in- of uitschakelen.

!

Handleiding


Pagina 26

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Stap 3: MemCache? Je hebt bij SiteGround ook nog de optie om Memcached aan te zetten. Echter heb ik een beetje getest en de snelheid wordt er niet veel sneller van. Het is vooral bedoelt voor hele grote website met veel database calls. Ik raad je dan ook aan om deze uit te laten staan. Het heeft namelijk geen voordeel maar kan uiteraard wel voor problemen zorgen.

!

Handleiding


Pagina 27

WebwinkelSucces

Kees van Dijk

28 augustus 2014

3. Content Delivery Network Als je het bovenstaande hebt toegepast zal je merken dat je webwinkel al stukken sneller reageert. De volgende stap is helemaal cool! We gaan namelijk een CDN inzetten om overal ter wereld de webwinkel even snel te laden. Er worden kopieën van je website verspreid over diverse servers. Een bezoeker zal doorverwezen worden naar de dichtstbijzijnde server. Mocht die server onverhoopt down of erg druk zijn dan wordt de bezoeker automatisch doorgestuurd naar een andere server. Je beperkt dus de downtime aanzienlijk en verhoogt de snelheid.

! ! ! Handleiding


Pagina 28

WebwinkelSucces

Kees van Dijk

28 augustus 2014

Je kan dit doen me CloudFlare. Het zelf instellen van CloudFlare kost je een halve dag maar met SiteGround kost dit slechts 10 seconden.

Ga naar cPanel, klik op CloudFlare en activeer het. Je website staat nu verspreid over 30 server wereldwijd. Het gebruik van een CDN heeft trouwens nog meer voordelen zoals een verbeterde beveiliging van je webwinkel.Het blokkeert namelijk automatisch malafide robots en ongewenste bezoekers.

! SSL en Cloudflare? Mocht je SSL gebruiken voor je webwinkel dan kan je twee dingen doen: 1. € 10 per maand betalen voor Cloudflare PLUS. 2. Instellen dat CloudFlare komt te vervallen in de checkout.  Dit doe je door Page Rules toe te voegen op CloudFlare.

! Handleiding


Pagina 29

WebwinkelSucces

Kees van Dijk

28 augustus 2014

4. Back-ups Het goede nieuws is dat je bij SiteGround (GoBig of GoGeek) niets hoeft in te stellen wat betreft de dagelijkse back-ups.  Er worden automatisch dagelijks back-ups voor je gedraaid. Natuurlijk kan je ook zelf een back-up maken.

! Wat ik zelf erg handig vind is dat je zowel de database als de bestanden gescheiden kan terugzetten. Vaak heb je namelijk een probleem met het één of het ander. Stel er zijn een aantal bestanden beschadigd op de server en je wilt graag de bestanden van twee dagen geleden terugzetten. Je hoeft nu niet ook de database van twee dagen geleden terug te zetten. Hierdoor blijven de verkopen en nieuwe klanten gewoon bestaan.

! ! Handleiding


Pagina 30

WebwinkelSucces

Kees van Dijk

28 augustus 2014

En nu verder… Allereerst gefeliciteerd met je nieuwe… … Wordpress WooCommerce Webwinkel on Steroids! De complete infrastructuur om van je webwinkel een succes te maken heb je nu staan. Ik hoop dat je snel kan doorgroeien van een GrowBig naar een GoGeek plan en dat je over een jaar een eigen VPS nodig hebt. Ik wil je hier natuurlijk graag verder bij helpen. Op WebwinkelSucces.nl zijn honderden artikelen te vinden voor hogere conversie, meer bezoekers en betere orderwaardes.   Tot ziens op WebwinkelSucces!

!   Volg mij op Twitter of voeg me toe op Facebook.

!

Handleiding


Pagina 31

WordPress + WooCommerce. Installatie Handleiding

Recommend Documents