Jouw webshop met extra fiscaal voordeel

investeringsaftrek webshops

Wie voor de corona crisis toesloeg nog zijn twijfels had over de toegevoegde waarde van een webshop, heeft ondertussen wel ingezien dat het de investering misschien toch wel waard is.

Online kiezen en kopen is het nieuwe normaal en zal ook in de toekomst zijn plaats behouden in de customer journey. Handelaars, die met lede ogen hun verlaten winkels bekeken, bleven soms niet bij de pakken zitten en probeerden op alle mogelijke manieren hun producten aan de man te brengen. Via Facebook en Instagram posts, via e-mailings, maar sommigen lieten ook in allerijl een webshop bouwen of lieten hun website uitbreiden met een extra e-commerce module, die online aankopen mogelijk maakten. Zo ontsnapten zij aan een volledig inkomstenverlies.

Ook de overheid heeft dit ingezien en heeft beslist om de ondernemingen die in 2020 opteren voor “digitale investeringenfinancieel te ondersteunen door hen hierop een fiscaal voordeel toe te kennen onder de vorm van een investeringsaftrek die kan oplopen tot 25%.

Wie komt hiervoor in aanmerking?

Zowel eenmanszaken als kleine vennootschappen die winsten ontvangen uit een industriële, commerciële of landbouwactiviteit. Ook de beoefenaars van vrije beroepen komen in aanmerking. Enkel vzw’s zijn uitgesloten.

Wat zijn digitale investeringen?

Het gaat over investeringen in digitale vaste activa die dienen voor de integratie en de exploitatie van digitale betalings- en factureringssystemen en de systemen die dienen voor de beveiliging van informatie- en communicatietechnologie.

Ook de investering in een witte kassa of in een webshop voor e-commerce komen in aanmerking voor het fiscaal voordeel.

Hoeveel bedraagt het fiscaal voordeel?

Natuurlijke personen en kleine vennootschappen kunnen rekenen op een eenmalige investeringsaftrek van 13,5% voor investeringen in 2020. Echter,… ze kunnen ook opteren om het percentage van 25% toe te passen voor investeringen die zijn verkregen of tot stand zijn gebracht tussen 12 maart 2020 en 31 december 2020

Op deze manier mag 25% van de investering dus in mindering worden gebracht van de belastbare winst, op voorwaarde dat de investering uitgevoerd wordt in het belastbaar tijdperk.

De aanvraagprocedure om jouw fiscaal voordeel in te dienen wordt hier uitgelegd.

Jij wilt ook een webshop?

Handelaars die ervoor opteren om nog dit jaar te investeren in een webshop, investeren in hun toekomst. Ze kiezen ervoor om hun online omzet te laten stijgen en zo het eventuele verlies van de fysieke verkoop te beperken. Het vergt moed om in moeilijke tijden toch te kiezen voor bijkomende investeringen, maar het leven is aan de durvers. 

Wij kunnen niet garanderen dat je webshop vanaf dag één de bestellingen laat binnenrollen, maar we zorgen er wel voor dat hij er staat en dat hij gebruiksvriendelijk is. Dat je klanten er terecht kunnen, wanneer ze liever niet naar je winkel komen. Waardoor je klaar zal zijn voor de toekomst, want die wordt digitaler dan ooit.
Bij Mailbox Marketing maken we Woocommerce webshops voor onze klanten. We helpen je volledig op weg door alle technische instellingen te overlopen en de juiste parameters in te stellen. Daarna geven we je een opleiding waarin we je leren hoe je de webshop zelf kan beheren. Zo ben je van niemand afhankelijk, ook niet van ons, wanneer je producten wil toevoegen, verwijderen, kortingsbonnen wil toekennen, etc. Al zijn we er altijd als je vragen hebt natuurlijk.

Enkele nuttige bronnen :

WordPress installeren op je eigen PC

lokaal WordPress installeren

In dit artikel vertellen we je meer over lokaal WordPress installeren.

Misschien heb je al ergens een WordPress website online staan bij een hosting provider. Soms wil je echter wat nieuwe dingen uitproberen vóórdat je het op je website in de “live” omgeving installeert. Als er iets verkeerd gaat kan je hele website ineens niet meer bereikbaar zijn, en mogelijk loop je hierdoor zelfs klanten mis! Dat is natuurlijk vrij stressvol want het kan soms uren duren om alles weer terug te draaien.

Sta je op het punt om zelf een WordPress website te starten maar wil je eerst thuis rustig oefenen ?

Wellicht heb je ergens een WordPress cursusboek gekocht om te oefenen. Nu wil je thuis deze oefeningen gaan maken en liefst met WordPress bij de hand. Maar om nu al dit oefenen op “live” website uit te proberen, met de halve wereld als publiek lijkt me ook niet de bedoeling.

Gelukkig is er voor al deze mensen een oplossing : Je kan ook lokaal WordPress installeren!!! Hoe je dat doet en wat hiervan de voordelen zijn vertellen we in dit artikel.

De voordelen van lokaal WordPress installeren?

Als we lokaal WordPress installeren, dan doen we dat natuurlijk niet zomaar. We hebben een bepaald doel voor ogen. Op het eerste zicht klinkt het misschien een beetje vreemd. Waarom zou je een website thuis installeren? Dat houd namelijk in dat alleen jij, en misschien je familie de website kunnen zien. En een website maak je nu juist om jouw verhaal met de wereld te delen.

Wat zijn de redenen voor mensen om dit toch te doen?

  • Veilig experimenteren met WordPress. Als je een mooi nieuw WP thema, of een nieuwe plug-in of widget hebt gevonden en je wilt dat eerst uitproberen, kun je dat prima doen in de testomgeving die je thuis hebt ingericht. Maar het kan ook zijn dat je als programmeur wat dieper in WordPress gedoken bent, en wat HTML, CSS of PHP code hebt aangepast. Het zou jammer zijn als de hele website ineens niet meer bereikbaar door een foutje in de aanpassing.
  • WordPress bestuderen: als je een WordPress website cursus aan het volgen bent, kan het erg nuttig zijn om alle oefeningen in een rustige offline omgeving uit te kunnen proberen. Je kan natuurlijk ook onze blog bekijken over WordPress tips en die gaan toepassen.
  • Geld besparen: door eerst een groot deel van je website offline te maken, zorg je ervoor dat je website er meteen goed staat. Het duurt vaak enige tijd voordat je voldoende teksten hebt op je website. Als je een kale website meteen laat hosten, kost dat meteen al geld. En dat is jammer natuurlijk als er nog bijna niets te zien is. Wacht dus even met online zetten. Schrijf thuis je blogs en artikelen. Voeg afbeeldingen toe, en zorg dat het er allemaal goed uitziet. Als je tevreden bent, zet je alles online. Als ondernemer heb je vaak weinig tijd voor de website. Deze moet als het ware gevuld worden in de verloren uurtjes. Het kan misschien wel zes maanden duren voordat je alles online zet!
  • Tijdbesparing: je kunt veel sneller werken aan de site omdat je niet afhankelijk bent van je internet verbinding.

Er zijn, zoals je ziet, voldoende redenen om thuis met WordPress te werken. We gaan eens verder kijken hoe we dit precies moeten aanpakken.

Ik wil lokaal WordPress installeren. Welke software heb ik hiervoor nodig?

Wat je eigenlijk doet als je WordPress lokaal wilt gebruiken is een lokale webserver installeren. Een webserver bestaat uit drie softwareprogramma’s die allemaal even belangrijk zijn. Een webserver zoals Apache, een programmeertaal zoals PHP waar WordPress mee gebouwd is, en een databaseprogramma zoals MySQL / MariaDB.

Ook op onze hosting platformen zijn bovenvermelde technologieën uiteraard aanwezig.

Je webbrowser (Firefox, Edge of Chrome) “praat” met de webserver door pagina’s op te vragen. De webserver reageert op dit verzoek door in de WordPress database te zoeken. De gegevens worden opgehaald en aan de webserver gegeven. Deze past het formaat ervan (HTML code) zo aan, dat het door elke webbrowser gelezen kan worden, en jij krijgt je webpagina te zien die je opvroeg.

Normaal gesproken draait de webserver met WordPress installatie bij je hosting provider. Deze webserver software moet nu geïnstalleerd worden op je computer thuis.

Om een Content Management Systeem (CMS) zoals WordPress thuis te laten werken hebben we nodig:

  • · Een webserver (apache)
  • · Een database (MySQL / MariaDB).
  • · Een programmeertaal (PHP): een programmeertaal/scriptingtaal die de WordPress code begrijpt.

Als je al deze software pakketten installeert en daarna WordPress installeert dan heb je een thuis ontwikkel omgeving gecreëerd voor WordPress.

localhost WordPress
locale installatie WordPress – via localhost

“Kant en klaar”software pakketten

De handmatige installatie én werkend maken van deze pakketten is zeer lastig, zelfs voor ervaren gebruikers. Dit vereist de nodige aanpassingen in allerlei configuratiebestanden. Als je niet precies weet wat je doet, gaat het mis.

Wil je lokaal WordPress installeren? Maak dan gebruik van onderstaande gratis kant-en-klare installatie-pakketten. Deze software zorgt ervoor dat alle applicaties die nodig zijn op de lokale webserver worden geïnstalleerd, en dat alle instellingen al goed staan. Natuurlijk zorgt een dergelijk product er ook voor dat de juiste softwareversies gebruikt worden bij de installatie. Versies van software die met elkaar compatibel zijn.

Er zijn verschillende pakketten (stacks) beschikbaar:

  • XAMPP, (downloadsite van Apachefriends)
  • LAMP, (voor installatie op een Linux computer, bijvoorbeeld Ubuntu of Mint Desktop, Ampps website)
  • WAMP ( WAMPserver website, voor de Windows gebruiker)
  • MAMP, (voor mensen met een Apple Mac computer, Ampps website)
  • Local by Flywheel (voor Windows, Mac, Linux)

Deze pakketten hebben allemaal PHP als programmeertaal aan boord en worden daarom ook wel een PHP-stack genoemd, omdat de software van deze drie producten eigenlijk op elkaar gestapeld is, en samen de webserver vormt. Daar gaat het uiteindelijk om: een webserver thuis draaien. Nu hoeven we alleen nog maar WordPress te downloaden en te installeren.

Lokaal WordPress installeren? Gebruik WAMP!

WAMP eerst downloaden van deze website

We weten nu welke software we voor een WordPress installatie thuis nodig hebben. Ook hebben we gezien wat de taak is van elk van deze software programma’s. Nu kijken we tot slot nog even naar de installatiestappen die je het best kunt volgen als je lokaal WordPress gaat installeren.

We kiezen in dit geval voor WAMP (Apache, MySQL en PHP gebundeld voor Windows gebruikers), omdat we ervan uitgaan dat jij waarschijnlijk ook met een windows computer werkt. De installatie van WAMP stelt je in staat om in enkele minuten een werkende installatie te hebben.

Zelf aan de slag?

Als je WAMP gebruikt wordt dit allemaal voor je geïnstalleerd met de juiste instellingen om WordPress te kunnen gebruiken later. We presenteren hier geen handleiding (want die zijn er al zoveel) maar geven je globaal de stappen aan, zodat je weet wat je mag verwachten. Ook kun je nu een inschatting maken of je dit zelf wilt gaan doen, of laten doen. Mocht je toch meer details willen? Raadpleeg dan een van de vele Nederlandse of Engelstalige handleidingen op het internet, of kijk hier!

1. Eventueel VirtualBox downloaden en installeren. (Je kunt deze stap eventueel overslaan.) Om alles uit elkaar te houden op je Windows pc, kun je met Virtualbox je WAMP server virtueel opbouwen. Virtualbox is virtualisatie software. Je maakt als het ware een Windows pc in een Windows pc aan. Als je de WordPress installatie helemaal kapot hebt gemaakt kun je met Virtualbox snel een kopie terugzetten.

2. Download en installeer WAMP vanaf de website van Apache friends of Ampps.

3. Database aanmaken. Na de installatie moet je bij MySQL een nieuwe lege database aanmaken. Volgens de instructies. Later, als je WordPress geïnstalleerd hebt moet deze database aan WordPress gekoppeld worden. (Bewaar deze gegevens goed!)

4. Download en installeer WordPress. Als WordPress ook geïnstalleerd is, moet je nog wat settings goed zetten en de database koppelen.

Klaar! Veel plezier met je nieuwe thuis ontwikkelomgeving.

ClickUp – de ultieme Projectmanagement Software

clickup planning tool

Waarom projectmanagement belangrijk is

Volgens ons is één van de moeilijkste onderdelen binnen een onderneming ervoor zorgen dat iedereen een duidelijk overzicht heeft van zijn taken en deze uitvoert binnen de vooropgestelde deadline om de interne flow gaande te houden.

Ook voor webdesign en allerlei WordPress gerelateerde issues, is het belangrijk dat het team op dezelfde golflengte zit. En dat problemen centraal beheerd worden zodat de juiste mensen kunnen toegewezen worden.

Als er bijvoorbeeld een specifiek probleem met een WordPress plugin is en Sven heeft meer ervaring met de plugin, is het belangrijk de taak te delen.

Om dit vlotter te laten verlopen werden in de afgelopen jaren de nodige pakketten gelanceerd onder de vorm van Projectmanagement Software en er komen er nog elke dag bij.

Sinds een klein jaar is Mailbox zelf ook overgeschakeld naar een online tool waar we meer dan tevreden over zijn en dat willen we dan ook graag met jullie delen. 

Sinds de start van de Corona maatregelen is de noodzaak van een centrale planning tool alleen maar gestegen?

Waarom we zijn overgeschakeld naar de nieuwe centrale planning tool Click Up zie je hieronder weergegeven (vroeger werkten we met Asana) :

asanaclickuptodoist
team planning886
integratie google docs7104
folders / mapjes / workspaces698
recurring tasks8910
custom fields880
agenda880
time registration780
document management490
gantt770
board770
task communication995
integratie gmail6810
integratie chrome888
gtd699
job templates vs list templates277
subtasks998
due date – start end date990
algemene chat770
watchers570
export995
print995
tags888
checklist074
team management888
Totaal165197105

De ideale projectmanagement software bestaat niet

Er zal altijd iets zijn dat beter kan. Of iets dat ontbreekt. Of dat te ingewikkeld is. De ideale projectmanagement software bestaat gewoon niet, maar deze tool is vastbesloten om het uit alle macht te proberen.

ClickUp zorgt voor een duidelijk overzicht van taken en kan de interne mails tot nul herleiden, door alles binnen hetzelfde platform te verzamelen.

Eerst moet je weten hoe ClickUp in elkaar zit qua structuur, deze is namelijk op een hiërarchische manier opgebouwd: Workspaces > Spaces > Lists >Tasks

Workspace: Dit is jouw onderneming. Normaal heb je dus maar één workspace, tenzij je meerdere bedrijven tegelijkertijd leidt.

Spaces: Dit zijn departementen, teams of specifieke soorten jobs binnen je onderneming. Per space kan ook je bepaalde functionaliteiten van de tool aan en uitzetten, zodat je alleen die inschakelt die ook effectief worden gebruikt binnen het betrokken departement.

clickup spaces

Lists: Binnen de spaces ga je lijsten creëren waarin je gerelateerde taken gaat verzamelen. 

clickup lists

Taken: Binnen de lijst ga je taken toevoegen die je aan personen kan toewijzen, waar je een deadline en een prioriteit kan instellen.

clikcup tasks

De taken zijn dan ook het belangrijkste onderdeel van ClickUp. Je kan ze toewijzen aan één of aan meerdere personen, je kan rechtstreeks in de taak commentaren noteren en discussies voeren en je kan er documenten aan hangen. Zo blijft alles bij elkaar.

Een ander belangrijk onderdeel van ClickUp zijn de Views. Dit zijn manieren waarop je je taken kan visualiseren. Binnen één lijst kan je verschillende manieren naast elkaar zetten (in tabbladen) om een duidelijk overzicht te krijgen van alles wat er nog moet gedaan worden:

  • list: is het meest eenvoudig en geeft een duidelijke oplijsting van de verschillende taken, gerangschikt volgens jouw categorieën. Je kan ook bijkomende details in de kolommen toevoegen of de kolommen via drag & drop van volgorde veranderen. 
  • board: geeft een overzicht van alle taken via blokken, die je eenvoudig tussen verschillende categorieën kan verplaatsen.
  • box: geeft een overzicht per persoon van het aantal taken die ze te doen hebben en hun vorderingen. Zo kan je zien wie de grootste workload heeft en wie nog ruimte heeft voor een extra taak.
  • calendar: zet alle taken in een agenda per maand, per week of per dag.
  • gant: laat je de timeline van de verschillende projecten zien en de dependencies (wie eerst wat moet afwerken, voor de volgende in actie kan treden).
  • docs: is een verzamelplaats voor veelgebruikte documenten of sjablonen
  • embed: hier kan je documenten uit andere bronnen zoals Google sheets rechtstreeks connecteren en bewerken.
  • mind map: geeft een overzicht van alle taken in een boomstructuur.

Voor elke individuele gebruiker zijn er drie belangrijke pagina’s die altijd beschikbaar zijn als menu-item links bovenaan je pagina: Home, Inbox & Notifications.

  • home: deze pagina geeft een overzicht van de taken die aan jou werden toegewezen, met bovenaan degene jouw dringende aandacht vereisen. Daaronder staat een overzicht van de items waar je momenteel het meest mee bezig bent, gevolgd door een overzicht van de commentaren die in verschillende taken werden achtergelaten en waarin je werd getagd.
  • inbox: hier krijg je te zien wat er je allemaal wacht, onderverdeeld in timings.

notifications: worden gegenereerd wanneer er veranderingen opgetekend worden aan taken waaraan je verbonden bent. Zo blijf je steeds op de hoogte. Door de notification weg te klikken nadat je er rekenschap van genomen hebt, blijft het overzichtelijk.

clickup inbox

Waarom we kozen voor ClickUp

Voor al het bovenstaande uiteraard, maar er is meer, veel meer. ClickUp vraagt constant input van zijn gebruikers en lanceert wekelijks verbeteringen. Wekelijks! Zonder uitzondering. De software werkt trouwens samen met honderden andere apps & software om de transitie zo eenvoudig mogelijk te maken. Zo kan je alles wat al in andere apps zit onmiddellijk integreren. 

Hun doel is om het platform te worden dat alle andere productiviteitstools & apps zal vervangen en ze werken heel hard om dat te realiseren.

Zo is er de + Plus-button rechts onderaan van jouw ClickUp scherm, die je toestaat om op enkele seconden een nieuwe taak aan te maken, of een herinnering in te stellen, of een snelle notitie te maken tijdens een telefoongesprek met je klant. Maar je kan ook de tijd registreren (van het telefoontje of van de taak waaraan je bezig bent) of snel een nieuw document aanmaken, dat je achteraf elders gaat gebruiken.

Uiteraard is er ook een bijhorende app voor je smartphone, zodat je ook onderweg kan checken wat er allemaal gebeurd terwijl je niet op kantoor bent.

Daarenboven vind je onder het vraagteken links onderaan een arsenaal aan video’s terug om je wegwijs te maken in de uitgebreide mogelijkheden van. 

En tenslotte is er de prijs. Je hebt uiteraard verschillende formules, waaronder zelfs een gratis formule waarmee je van start kan gaan om te zien of het je bevalt. Als je net zo enthousiast bent als iedereen van Mailbox kan je overgaan naar een betalend plan. Zoals het Unlimited plan waar je $4,23 per gebruiker per maand betaald als je kiest voor een jaarabonnement. Met 5 gebruikers zit je dan op een bedrag van $253,8 voor een volledig jaar. Mogelijk ontvang je in je mailbox nog een mooier aanbod.

Onze ervaringen met ClickUp

Onze ervaring met deze tool zijn dus alleen maar positief te noemen. Onze planning is overzichtelijk voor iedereen en laat zich vlot aanpassen aan veranderende omstandigheden. Het platform is voor ons een verzamelplaats geworden voor al onze lopende projecten, taken en templates, die uitgebreide zoektochten overbodig maken en het interne mailverkeer tot nul heeft herleidt.

Door de koppeling met Google Drive en de mogelijkheid om documenten te embedden in ClickUp, is het zelfs mogelijk om aanpassingen te maken in gerelateerde Google documenten vanuit de tool.
Wie dus op zoek is naar een manier om zijn medewerkers en zijn projecten vlotter te doen verlopen en denkt dat Projectmanagement Software wel eens de oplossing kan zijn, dan kan Mailbox ClickUp van harte aanbevelen. Het loopt hier namelijk op wieltjes 😉

Website beveiliging & last pass

paswoord beheer

Sinds de coronacrisis hebben de harde criminaliteitscijfers misschien wel een duik genomen, maar in Europa zien we juist een toename van fraudeurs die buitengewoon actief zijn, zowel op het internet als in het normale leven.

Welke soorten paswoorden zijn er

Het Belgische CERT (het federale Computer Emergency Response Team) waarschuwde in april reeds voor een toename van het aantal cyberaanvallen op bedrijven sinds de uitbraak van het coronavirus. Hoog tijd om nog eens extra aandacht te besteden aan de beveiliging van websites en het belang van paswoorden.

  • Uit wat persoonlijk onderzoek blijkt dat heel veel mensen al lang hetzelfde paswoord gebruiken.
  • Dit paswoord gebruiken ze daarbij voor verschillende platformen: voor de toegang tot hun computer, hun e-mail account, hun Facebookpagina,… “Patrick1982” of “Paswoord123” zijn echt eenvoudig te achterhalen door een sleutelrobot die automatisch verschillende combinaties gaat proberen op een korte tijd om zo in jouw account te geraken. Wanneer dit lukt zijn dus direct al je online zaken in gevaar.
  • Daarom kwamen er bijkomende eisen die ervoor zorgden dat de paswoorden moeilijker werden, aangezien ze 1 hoofdletter, 1 kleine letter, 1 cijfer en 1 leesteken moesten bevatten en minstens 12 karakters lang. Dit helpt al aanzienlijk om de veiligheid te verhogen, maar alleen als ze geen voor de hand liggende combinaties bevatten. “Paswoord123!” is dus nog steeds geen veilig paswoord.
  • We willen natuurlijk wel een paswoord dat we kunnen onthouden en daarom grijpen we terug naar dergelijke woord-cijfer combinaties, maar de veiligheid gaat er met sprongen op vooruit als we onze toevlucht nemen tot ongewone woord-cijfer combinaties. Een gekke zin waarvan je weet dat je die wel zal kunnen onthouden zoals in het onderstaande voorbeeld van CERT dat je dan verder kan afkorten door de eerste letter van elke lettergreep te nemen zodat het nog enigszins leesbaar is (als je de volledige zin kent).
  • Wordt je verplicht om regelmatig je paswoord te wijzigen? Gebruik dan geen tellers om in bovenstaande voorbeeld het paswoord telkens aan te passen door het cijfer met 1 te verhogen. Dit doet alle inspanningen teniet en maakt het terug voorspelbaar.
veilig paswoord ?

Gebruik een paswoord manager met … een ultrasterk paswoord

Om er zeker van te zijn dat je overal sterke wachtwoorden gebruikt kan je ook beroep doen op een paswoord manager. Dit is een beveiligde digitale kluis waar je alle wachtwoorden in kan steken en waarvan je dus maar één zelf hoeft te onthouden: het master password waarmee je de kluis zelf opent.

Wij zijn een fan van Last Pass: deze bekroonde wachtwoordbeheerder onthoudt en genereert zelf veilige paswoorden en vult ze automatisch in wanneer je ze nodig hebt. Deze extension is gratis en tevens beschikbaar als app voor je telefoon en tablet zodat je ook op deze toestellen je paswoorden bij de hand hebt.

Buiten paswoorden kan je er elk soort informatie insteken die je veilig wil bewaren en dankzij de zoekfunctie vind je alles snel weer terug. Daarenboven kan je het ook opzetten voor je onderneming zodat verschillende mensen hetzelfde paswoord kunnen delen.

Wij beveiligen ook onze WordPress sites

Ook bij Mailbox zijn we dagelijks bezig met cyberveiligheid en doen we er alle om jouw website te schermen tegen aanvallen van buitenaf.

Niet alleen nemen we elke dag incrementele back-ups van al onze sites en gebruiken we zelf een paswoord manager die de meest ingewikkelde paswoorden genereert wanneer we onze websites maken. We zijn ook bezig met al onze websites nog beter te beschermen door ze onder de bescherming van Shield Pro te zetten.

Deze plugin heeft zeer efficiënte en krachtige scanners die elke dag opnieuw elke website afgaan om te zoeken naar kwetsbare plugins en thema’s en gaat deze automatisch upgraden, wanneer een nieuwe versie beschikbaar is. Daarenboven gaat de plugin elke wijziging detecteren aan de files van jouw thema of plugin. Wanneer er dus toch extra code aan zou toegevoegd zijn met slinkse bedoelingen, wordt er onmiddellijk een alarm gegenereerd en laat Shield Pro toe om onmiddellijk een re-install te doen van de correcte file.

Bij de minste problemen worden wij verwittigd en kunnen we actie ondernemen, om mogelijke schade te vermijden.

Vandaar, nog eens een warme oproep aan al onze klanten en relaties om echt wel bewust bezig te zijn met cyberveiligheid. Samen zorgen we ervoor dat alle gegevens veilig achter slot en grendel steken.

Gebruik gamification in je Woocommerce Webshop

gamification spelconsole

Gamification is een hot topic in marketing en kan strategisch gebruikt worden in je woocommerce webshop om de conversies te verbeteren en te loyaliteit te verhogen.

Gamification is meer dan het integreren van een spelelement in je WordPress webshop.

Laten we eerst even bekijken wat gamification is om daarna er een aantal plugins uit te lichten en te bekijken wat je er zoal mee kan doen.

Wat is gamification ?

Gamification is het toevoegen van speltechnieken aan omgevingen die niet spel gerelateerd zijn, zoals websites, online communities, leersystemen,… met als doel om in contact te treden met de gebruikers en samenwerking, delen en interactie te bewerkstelligen.

Speltechnieken omvatten regels en beloningen die vaak uitgebeeld worden door middel van punten, niveaus, missies, scoreborden, badges en voortgang.
Speldynamiek wordt gebruikt, samen met speltechnieken, om betrokkenheid te stimuleren en deelnemers te motiveren. Speldynamiek verwijst naar een reeks emoties, gedragingen en verlangens in speltechnieken die hun weerklank hebben bij mensen. Voorbeelden hiervan zijn concurrentie via leaderboards, samenwerking door het voltooien van team missies, het verdienen van badges, enz.

Het voordeel van gamification houdt niet op bij de monetaire waarde van de acties van de deelnemer. Betrokkenheid bij de speltechnieken biedt inzichtelijke gegevens die later kunnen helpen bij het beïnvloeden van marketingcampagnes, website gebruik en prestatiedoelen. Elke interactie klanten geeft een beter idee van waar een deelnemer zijn tijd aan besteedt en welke activiteiten interesse wekken.

Gamification is tevens een creatieve manier om uw bezoekers langer op uw site te laten blijven en ze voor de toekomst te behouden. Enkele andere voordelen van gamification zijn:

  • Verbetert de productiviteit van uw website
  • Verhoogt de motivatie bij gebruikers
  • Moedigt creativiteit en innovatie aan
  • Versterkt communicatieprocessen
  • Verhoogt betrokkenheid en interactie
  • Bevordert groei en ontwikkeling
  • Maakt merkherkenning mogelijk

Op wordpress.org vind je een heleboel plugins om dit in je WordPress website te integreren: https://wordpress.org/plugins/tags/gamification/

De meest gebruikte technieken zijn de volgende:

Een loyaliteitssysteem

Een klassiek voorbeeld dat we onmiddellijk kunnen aanhalen en niet altijd geassocieerd wordt met gamification is de virtuele versie van de klantenkaart: een loyaliteitssysteem met punten dat gebruikers in staat stelt om hun verzamelde punten om te zetten in kortingen, gratis verzending of goodies. Het is het meest eenvoudige systeem om op te zetten en het wordt geapprecieerd door de klanten die op deze manier het gevoel krijgen dat ze beloond worden, terwijl ze net worden aangespoord om herhaalde aankopen te doen.

Dit puntensysteem kan op verschillende manieren worden opgezet en uitgebreid en er kan bepaald worden hoe de punten verzameld worden:

  • door aankopen te doen
  • door gerelateerde producten te kopen
  • door bepaalde merken te kopen (deals opzetten met je leveranciers)

Op deze manier heb je ook iets te vertellen in een eventuele nieuwsbrief om klanten uit te nodigen opnieuw een bezoek te brengen aan je webshop.

De MyCred plug-in voor Woocommerce maakt het makkelijk om een loyaliteitssysteem op zetten en biedt 3 verschillende manieren om gebruikers te belonen: door middel van punten, rankings & badges. Ze geloven zo erg in hun systeem dat ze het ook zelf toepassen bij de verkoop van hun plug-in door toegang te geven tot meer dan 50 add-ons wanneer je lid wordt van de MyCred-lidmaatschap club. 

Dergelijke systeem kan ook geïntegreerd worden met LMS (learning management systems) plugins zoals Learndash en WPLMS. Zo gebruiken wij voorbeeld Learndash op onze opleidingen site : https://opleidingen.mailbox-marketing.be/

Verder hebben we de GamiPress plug-in: eenvoudig maar extreem krachtig en zeer uitbreidbaar, combineert drie van de krachtigste onderscheiding systemen die u aan uw site kunt toevoegen:

  • Punten om uw gebruikers automatisch te belonen voor interactie met uw site.
  • Prestaties om gebruikers te belonen voor het invullen van alle vereisten, al dan niet opeenvolgend.
  • Rangen om uw gebruikers door de rangen te laten klimmen door het invullen van alle rangvereisten.

Verwijzingen of aanbevelingen

Plug-ins zoals ReferralCandy zetten dit op en zorgen voor de administratieve opvolging in de backend van je Woocommerce webshop.

gamification e-lotto

In het verlengde hiervan liggen de MyCred add-ons Social Sharing waar klanten beloond worden om posts te sharen of Social Proof waar in real time weergegeven wordt wat er op de site gebeurd door andere gebruikers.

Een voorbeeld hiervan zien bij op de site van e-lotto waar de winnaars van het afgelopen uur met de gewonnen bedragen worden weergegeven, om zo meer geloofwaardigheid te geven aan de website.

Rad van Fortuin

Wie echt het spelelement in zijn Woocommerce wil steken, kan ook beroep doen op de MyCred add-on Wheel of Fortune of de Lucky Wheel plugin voor Woocommerce waar bezoekers, in ruil voor hun e-mail adres, na het draaien aan het wiel een kortingscode ontvangen in hun mailbox. 

Voortgangsbalk

Een truc om minder verlaten winkelwagens te hebben is het introduceren van een voortgangsindicator of -balk. De balk laat zien hoe ver ze zich bevinden in het proces en door middel van kleine aanmoedigingen worden ze aangespoord om de volgende stap te nemen naar de uiteindelijke afhandeling van het volledige aankoopproces.

Dat kan nu automatisch met Elementor Pro (vanaf versie 2.10.2) waarbij multis step forms nu mee kunnen verwerkt worden op de pagina’s. 

In dezelfde categorie van plugins vinden we oa WooCommerce Multi-Step Checkout en WooCommerce MultiStep Checkout Wizard (betalend)

Quizzen & zoektochten 

Tenslotte zijn er nog de echte spellen zoals quizzen om de kennis van je gebruikers te testen en zoektochten naar verstopte elementen op je webshop. 

Al zijn we minder overtuigd van de marketingwaarde van deze mogelijkheden, toch kan dit een leuke extra zijn op bepaalde momenten. Om bijvoorbeeld het 5 jarige bestaan van je webshop te vieren. 

Je merkt het, gamification is niet zomaar een holle term. Het is een opkomende marketingstrategie die bedoeld is om klantentrouw te belonen en aan te moedigen. Als je weet dat het aantrekken van een nieuwe klant ongeveer 5 tot 7 keer zo duur is als het activeren van een bestaande klant, is het zeker niet onrealistisch dat er zoveel WordPress plugins zijn die hierop inspelen. 

Als ook jouw webshop een extra boost qua gamification kan gebruiken, neem dan gerust contact met ons op. Dan bekijken we samen welke optie voor jouw WordPress website het meest in aanmerking komt.

Wil je zelf eens aan de slag gaan om je parate kennis van WordPress te testen ? Neem dan (vrijblijvend 👍) deel aan onze WordPress kwis.

Wat is minimalistisch webdesign ?

We hebben het bij Mailbox al eerder gehad over het belang van user experience bij het ontwerpen van een website. Hierbij maken we het de bezoeker zo eenvoudig mogelijk bij het vinden van de informatie waarvoor hij komt.

Door gebruik te maken van minimalisme in webdesign wordt hier nog meer de prioriteit aan gegeven. Een goed webdesign zorgt ervoor dat gebruikers sneller kunnen denken, beslissen en converteren. We kennen en houden allemaal van het beste voorbeeld dat er op het internet te vinden is:

google home page

De Google zoekpagina. Geen afleiding, geen clutter, één balk en het logo van Google. Go!

Een minimalistisch design speelt ook in op de groeiende behoefte van de mens naar wat meer rust en kalmte in de “tech-overload”. Ook Apple is hier groot mee geworden. Een telefoon met één knop op de voorzijde en nog drie andere aan de zijkant en verder prachtig afgewerkt. De wereld was en is nog steeds gek op hun minimalistische stijl.

Een minimalistisch webdesign kunnen we dan ook vaak herkennen aan volgende elementen:

Witte of zwarte achtergrond

De witte achtergrond van de Google zoekpagina is bewust gekozen. Het vertegenwoordigt de neutraliteit van het niets en kan dus ook niet afleiden van het doel. Alle elementen die er zich op bevinden vallen op en zorgen voor een contrast. 

Hetzelfde effect kun je ook verkrijgen met een zwarte achtergrond, het geeft een ander gevoel, maar zorgt nog steeds voor een focus op de elementen op de voorgrond.

apple landing page

Typografie : vooral sans-serif

Ook de keuze van een lettertype wordt goed overwogen. Het bepaalt de sfeer en uitstraling van je ontwerp. Het verschil tussen de schreefloze (sans-serif) en de geschreefde (serif) letters zit hem in de af- en aanwezigheid van de dwarsstrepen aan de uiteinden van de rechte en soms ronde vormen van een letter. 

De schreefloze letters worden over het algemeen beter geschikt geacht voor het gebruik op een beeldscherm, omdat het raster van een scherm soms te grof is om de rondingen van de schreven goed weer te geven op kleinere corpsgroottes.

Beperk je tot de essentie

Van elk element op een pagina moet je kunnen zeggen waarom het er staat. Wat brengt het bij? En om het nog eens met de gevleugelde woorden van Karl Gilis te zeggen: “Ik vind dat mooi”, is geen gegronde reden. Schrap alle ballast, want die leidt alleen maar af van de essentie en zorgt ervoor dat je bezoekers niet meer weten wat ze nu eigenlijk kwamen doen.

De kernwaarde van minimalistisch webdesign wordt samengevat in deze woorden “less is more”.

Een vlak ontwerp of flat design

flat design afbeelding

Flat design of een vlak ontwerp is tweedimensionaal. Een 3D-weergave wordt vermeden om rust en functionaliteit de hoogste prioriteit te geven.

Een bijkomend voordeel is dat beelden met een vlak ontwerp vaak ook minder zwaar zijn en dus sneller laden. Ondertussen zien we wel een evolutie, onder invloed van Google, van flat design naar material design, waarbij er terug wat schaduwen worden toegevoegd om weer wat diepte te creëren. 

Sterke kleuren

Zoals we op de Google zoekpagina kunnen zien, contrasteren sterke kleuren perfect met een witte (of zwarte) achtergrond. Ze moeten visueel interessant zijn en tegelijkertijd de bezoeker naar de essentiële zaken leiden op de pagina.

Zo benadrukken ook de kleuren de functionaliteit die de aandacht gaan richten op een manier die geen extra elementen en afbeeldingen vereisen. Ze kunnen ook gebruikt worden als achtergrondkleur om de held van de pagina (zoals een quote of tekst) duidelijk in the picture te zetten, zoals Kickpush heeft gedaan.

sterke kleuren in webdesign

Witte of negatieve ruimte

Webdesigners hebben nogal de neiging om een pagina volledig te vullen terwijl een witte ruimte er net voor zorgt dat het design kan ademen en de ogen van de bezoeker leidt naar de belangrijkste inhoud. Ook hier gaat het weer over het behoud van de focus van de bezoeker.

Wie dus klaar is om het idee los te laten dat alle beschikbare informatie, die in de loop der jaren werd verzameld, in een website gestoken moet worden, kan ook bij ons terecht voor een minimalistische website die streeft naar effectiviteit en conversie, met aandacht voor de functionaliteit van elk element en die nooit het ultieme doel uit het oog verliest. 

Maar, eerlijk is eerlijk, ook wie gaat voor de full monty, voor een website met alle toeters en bellen, komt bij ons aan zijn trekken. Ook daar gaan we de principes van de user experience namelijk zo goed mogelijk hanteren. Het blijft tenslotte de bedoeling dat we onze klanten voorzien van een website die past bij hun stijl van communiceren. Blader gerust eens door onze projecten, we zijn er tenslotte trots op.

Usability & Conversie Optimalisatie van je website

Usability & Conversie Optimalisatie van je website

Wat is usability en conversies ?

Bij Mailbox proberen we telkens wanneer we aan een nieuwe website beginnen op voorhand na te denken over de usability van de site en aan optimalisatie van de conversies.

Om het eenvoudiger te zeggen: 

  • wat komen de bezoekers op de website zoeken en hoe kunnen we hen daar zo snel en efficiënt mogelijk naartoe leiden?
  • hoe kunnen we tegelijkertijd de bezoekers motiveren om te interageren met de site, zodat we in contact blijven en in de mogelijkheid komen om van een bezoeker een klant te maken.

Dat eerste deel, hoe logisch het ook lijkt als je het leest, blijkt nog niet altijd zo eenvoudig te zijn. Het komt namelijk nog altijd voor dat er een verschil is tussen wat een bedrijfsleider wil vertellen op zijn website en wat een bezoeker wil zien op diezelfde site.

user experience en webdesign

Om niet te verzanden in oeverloze discussies doen wij op zo’n momenten graag beroep op de gelijknamige cursus ‘Usability & Conversie Optimalisatie’ van Karl Gilis van AG Consult. Niet alleen is Karl een bevlogen spreker die er in slaagt om nuttige tips te geven om de gebruiksvriendelijkheid van een site gigantisch te verbeteren, hij levert ook de nodige bewijzen aan én hij is geweldig entertainend. Wat een zeer leuke bijkomstigheid is als je 61 video’s van dezelfde man aan het bekijken bent. 😎

De beste tips van Karl Gillis

Wij zijn dan ook een grote fan en delen graag een aantal van zijn beste tips met jullie. 

  1. Het succes van een website wordt bepaald door de mate waarin je bezoekers je site kunnen bezoeken, er hun weg in vinden en je aanbod kunnen terugvinden. Vandaar het streven naar usability (gebruiksvriendelijkheid) en conversie-optimalisatie: om uit hetzelfde aantal bezoekers meer klanten te halen door de weg te plaveien met positieve boodschappen en een gemakkelijkere toegang.
  2. Je website moet gebouwd worden vanuit de vraag: wat willen mijn bezoekers of klanten hierover weten en niet wat wil ik hierover vertellen. Hou in gedachten dat een website een pull medium is en geen push medium. Identificeer dus de toptaken van je bezoekers en zorg ervoor dat ze die zo snel mogelijk kunnen bereiken. De bezoeker beslist op 0,4 seconden of hij op je website wil blijven of niet. Het is dus in jouw belang om hem te geven wat hij wilt/zoekt.
  3. Als het gaat over algemene principes dan zijn dit de belangrijkste. Spreek de taal van je klant: gebruik hún woorden en gebruik opsommingslijsten als het kan. Dit vraagt namelijk minder inspanning om te lezen dan volzinnen. Schrap alle ballast en beperk je tot de essentie. Voor elk element moet je kunnen zeggen waarom het er staat en nee, ‘ik vind dat mooi’ is geen gegronde reden. En foto’s moet écht iets bijbrengen en authentiek zijn.
  4. Wat betreft detailpagina’s of landingspagina’s: Toon onmiddellijk je belangrijkste troef. Bezoekers moeten onmiddellijk zien waarvoor ze komen. Of ze zijn terug weg. Focus op de voordelen van je producten voor de bezoeker, eerder dan op de kenmerken van je producten. Spoor aan tot actie! Elke webpagina moet ergens toe leiden. Zet een call to action op elke pagina, anders leidt ze alleen maar tot het vertrek van je bezoekers.
  5. De homepagina is waarschijnlijk één van de “onbelangrijkste” pagina’s van je website, zeker wat de impact op je inkomsten betreft en moet vooral inspelen op die toptaken van de bezoekers. Carrousels of sliders op de homepagina met daarin verschillende boodschappen, zijn misschien wel mooi, maar ze werken niet en horen daarom volgens Karl thuis op de kermis. 
  6. Zorg voor een duidelijke navigatie zodat bezoekers weten waar ze moeten klikken om te vinden wat ze zoeken. Zet de toptaken vooraan in je navigatie. Het zal je misschien verbazen, maar nee, ze komen niet om ‘over ons’ te lezen.
  7. Wanneer je gebruik maakt van contactformulieren, geef instructies die niet misverstaan kunnen worden en maak duidelijk waarom je iets vraagt (bv. om een bevestigingsmail te kunnen versturen). Geef een positieve boodschap als ze op die knop gedrukt hebben.

Deze, en nog vele andere, van Karl’s tips zijn vaak onze leidraad om er voor te zorgen dat onze klanten een website hebben die werkt. Want een website die werkt voor de bezoekers die er op terecht komen, is een website die werkt voor het bedrijf dat erachter zit. 

Usability & Conversie Optimalisatie van je website

Elementor Hello theme (9,5/10)

hello theme

Hello is een lichtgewicht WordPress thema van de ontwikkelaars van de populaire drag-and-drop page-builder plugin Elementor.

Het is wat veel mensen zouden noemen een ‘plain-vanilla’ of ‘starter’ ontwerp.

Met andere woorden, het is een minimaal thema dat is ontworpen als een leeg canvas voor website eigenaars en ontwikkelaars.

In dit artikel wil ik je laten zien wat Hello kan doen. Maar ook onderzoeken waarom zoveel gebruikers van Elementor voor dit thema hebben gekozen. Ook de voor- en nadelen wil ik bespreken.

Bespreking van het hello theme

Wat maakt een wordpress nu een goed of een slecht thema ?

Daat zit een heleboel gradaties is.

Is het het aantal opties dat een thema biedt ? Een thema zoals Avada heeft honderden opties die je allemaal kan instellen. Maar spreken we dan over een goed thema ?

Of misschien is de support wel een belangrijke factor ? Uiteraard is dat zo maar laten we niet vergeten dat je enkel professionele support krijgt bij betalende thema’s.

Snelheid

Of misschien is de snelheid wel het belangrijkste ? Wel als dat jouw parameter is, dan is het hello theme echt wel een goede keuze.

Hello is zeer “licht” qua server load. (lightweight theme) Het is lichter dan de meeste thema’s omdat er bijna geen styling en scripts gebruikt worden. 

Minder site belasting en slankere code betekenen betere SEO-resultaten voor je site 👍

Hello theme

hello theme speed test

Astra Theme

avada theme speed test

Video : gtmetrix test tussen Twenty Nineteen, Astra en Hello theme

Je hebt genoeg van al die “all in one” thema’s 🤷‍♂️

Een aantal jaren geleden werden de zogenaamde  “pagebuilders” in WordPress vooral gebruikt om berichten en pagina’s er professioneler uit te laten zien. In de afgelopen jaren hebben pagebuilder plugins echter hun functionaliteit uitgebreid tot meer dan alleen de inhoud en het ontwerp van de website.

Met het templating systeem van Elementor kan je kop- en voetteksten (header en footer) aanpassen, unieke sjablonen voor berichten maken, de lay-out van uw zoekpagina’s wijzigen en nog veel meer. Dat is enkel voor de (betalende) pro versie.

Maar er zijn voldoende gratis plugins die extra functies in elementor toevoegen om echt te kunnen spreken van een “theme destroyer”. Immers, als je alle functionaliteit kan gebruiken zoals hierboven, wie heeft dan nog nood aan een uitgebreid thema ?

Helaas botsen “page builders” die u in staat stellen uw website ontwerp aan te passen vaak met WordPress-thema’s waarmee je eigenlijk hetzelfde kan doen. 

Door de dominantie van de “all in one” WordPress-thema’s die honderden opties hebben, zijn veel gebruikers van Elementor overgestapt op minimale thema’s, zoals Hello, om mogelijke conflicten te voorkomen.

De voordelen van het hello theme samengevat 👍

  • Snelle laadtijd
  • geen overtollige code
  • Het is een GRATIS thema (en zal zo blijven)
  • Geen modules, elementen of dingen specifiek voor een thema die je niet nodig hebt
  • De mogelijkheid om het thema uit te breiden met behulp van kleine programmatie (via de zgn WordPress hooks)
  • Speciaal ontworpen voor gebruik met Elementor en Elementor Pro (of plugins die de basisfunctionaliteit van elementor uitbreiden)
  • compatibel met alle WordPress plugins
  • makkelijk om landing pages aan te maken

Het is ook een populair thema. ter illustratie hieronder het aantal downloads van hello op wordpress.org.

Hello theme : aantal downloads per dag

Nadelen van het hello theme

  • verwarrend voor de gebruikers die gewend zijn te werken met thema’s
  • je moet alle elementen zelf opbouwen : header, footer, pagina, sidebar
  • geen support
  • beperkte woocommerce

Hello child theme

Zoals reeds eerder aangehaald in ons artikel over child themes, is het wel handig om te werken met een zogenaamd child theme.

Nu vind je dit child theme van Hello niet terug op wordpress.org maar wel op github.

Gewoon klikken op de groene button “clone or download” en dan klikken op “download zip”.

Hierdoor krijg je een zip file op de harde schijf van je computer.

Die kan je nu gebruiken om te te voegen als thema in je WordPress installatie. Op dat moment zal dit thema Hello als parent theme gebruiken.

hello child theme on github

Hoe het hello theme gebruiken – korte tutorial

Zoals hierboven vermeld, is dit een lightweight thema. Dat wil zeggen dat je eigenlijk een gestripte versie krijgt met een minimum aan functionaliteit.

De echte kracht van het hello theme zit in de integratie met elementor.

Zoals ik al zei, is er eigenlijk niet veel dat je kan aanpassen met het Hello Thema – in ieder geval binnen het WordPress-dashboard.

Je kan in principe het logo, het pictogram en de naam van de site wijzigen.

hello theme customizer

De bedoeling is dus duidelijk om je thema uit te bouwen met een page builder. Liefst van al dus met elementor maar ook andere page builders kunnen gebruikt worden.

Zo kan je via de plugin “elementor header and footer” zelf een eigen header en footer aanmaken.

Elementor themes : een korte lijst

Ben je op zoek naar de beste Elementor-thema’s?

Vanwege de populariteit van Elementor zijn er veel WordPress-thema’s die speciaal voor Elementor zijn gemaakt.

Hieronder lijsten we enkele van de beste Elementor-thema’s op die je kan gebruiken om professioneel ogende websites te bouwen.

OceanWP

ocean wp theme

Astra Theme

GeneratePress

Conclusie

Het hello theme  is een geweldige creatie van het Elementor team, maar je moet wel weten waar het voor is en hoe je het moet gebruiken.

Als je van plan bent om je eigen WordPress thema volledig op maat te maken met Elementor Pro en je wilt dat het supersnel en lightweight is, dan is hello een geweldige optie.

Als je nog steeds wilt dat je thema wordt gemaakt met behulp van de Customizer en geen interesse hebt in de aankoop van Elementor Pro, dan is het niet voor jou.

Maar naar mijn mening zijn thema’s iets dat aan het verdwijnen is en gaan hun positie steeds meer en meer ingenomen worden door page builders die alles kunnen aanmaken en beheren.

Hoe je WordPress media beheren met Happyfiles

happyfiles wordpress plugin

WordPress is een fantastisch content management systeem. En eigenlijk werkt het beheer van de media ook naar behoren. Maar de standaard functionaliteit heeft zo weinig mogelijkheden. Gelukkig is er de happyfiles plugin die je mogelijkheden serieus uitbreidt.

Organiseer je media bibliotheek

Stel het volgende. Je bent een aantal jaren geleden met je WordPress site begonnen. Je bent nu 5 jaar verder en er zitten meer dan 1000 afbeeldingen in je media folder. Dat ziet er dan zo uit :

media bibliotheen van WordPress

Een gigantisch, lange lijst van afbeeldingen waarin geen structuur en geen volgorde zit. Bovendien heb je niet echt gelet op de alt en title tags en kan je dus moeilijk je weg terugvinden in welke afbeeldingen er nu aanwezig zijn.

Als je jezelf hierin herkent, dan lijkt het aangewezen om een WordPress plugin te installeren die orde schept in je media bibliotheek en je helpt je media te beheren.

Wat doet Happyfiles met je WordPress media bibliotheek

media beheer met happyfiles
Happyfiles Media Beheer

Zoals je hierboven kan zien, kan je nu je media en afbeeldingen in verschillende folders gaan indelen. Net zoals bij je blogberichten.

Wat zijn de voordelen van happyfiles :

Drag & Drop Interface
Maak en orden uw mediamappen/categorieën zoals u dat op uw computer zou doen. Nest sub-categorieën zo diep als u wilt.

Werkt met de belangrijkste WordPress page builders
Naadloze integratie met populaire tools zoals Elementor, Divi, Beaver Builder, Oxygen, Brizy, Visual Composer enz.

Direct uploaden naar categorieën
Selecteer een categorie en upload uw nieuwe bestanden direct naar deze categorie. Een andere grote kleine tijdbesparing.

Sneller media management
Verplaats mediabestanden eenvoudig individueel of in bulk tussen categorieën. Creëer, hernoem, verwijder en rangschik categorieën binnen enkele seconden.

Herschikbare zijbalk
Pas de mediabalk van HappyFiles naar wens aan of schakel de zichtbaarheid van de zijbalk helemaal in of uit wanneer dat nodig is.

Media-contextmenu
Klik met de rechtermuisknop op een mediacategorie om direct categorieën aan te maken, te hernoemen en te verwijderen.

Hoe happyfiles gebruiken

Na installatie van de gratis versie, kan je eigenlijk al onmiddellijk aan de slag.

  • je kan media folders aanmaken
  • media folders verwijderen
  • foto’s verslepen naar de juiste folders
  • media uploaden rechtstreeks naar de juiste folder

Het goede nieuws is dat Happyfiles gratis is. Het slechte nieuws is dat je maar 10 categorieën kan aanmaken met die gratis versie. Maar de betalende versie is dan ook maar 19 $ voor een eenmalige licentie (voor 1 website).

Bronnen

Woocommerce shortcodes : hoe te gebruiken in je WordPress webshop

woocommerce shortcodes

Wat zijn shortcodes ?

WordPress-shortcodes zijn een krachtige functie om met weinig moeite coole dingen te doen. Je kan er vrijwel alles mee doen. Met shortcodes is het inbedden van interactieve elementen of het maken van complexe pagina designs net zo eenvoudig als het invoegen van een enkele regel code.

Als je bijvoorbeeld een galerij wilt toevoegen, hoef je alleen maar de volgende code in te voeren:

[gallery ids="47 ,86, 92, 64, 48, 75, 89, 80" columns="4" size="medium"]

Dit zal een galerij met de genoemde afbeeldings-ID’s opleveren. Het zal 4 kolommen hebben en hun maximale grootte zal ‘medium’ zijn (zoals gedefinieerd door WordPress). Er is geen behoefte aan lelijke HTML-code.

image gallery with shortcode

Met behulp van sneltoetsen zijn er geen ingewikkelde scripts meer nodig. Zelfs als je weinig tot geen ervaring met programmering hebt, kan je moeiteloos dynamische inhoud toevoegen met behulp van shortcodes.

Ze zijn erg populair bij WordPress-ontwikkelaars, omdat ze enorm helpen bij het automatiseren van het maken van content en het ontwerpen ervan. Shortcodes zijn voor WordPress programmeurs wat Macro’s zijn voor data-analisten, of Keyboard Shortcuts voor professionele grafische ontwerpers.

In een notendop, Shortcode = Shortcut + Code.

Ook woocommerce maakt uitgebreid gebruik van shortcodes. Dit zal je toelaten verschillende elementen van woocommerce op te roepen op de pagina’s en berichten waar je dit wil.

Sinds versie 3.6 bevat WooCommerce verschillende product blokken voor Gutenberg. Deze zijn eenvoudiger te configureren dan de traditionele shortcodes.

Voorbeeld van een woocommerce shortcode

Er zijn tientallen shortcodes voor woocommerce. Maar ze hebben uiteraard allemaal betrekking op functies van je webshop.

Zou het bijvoorbeeld niet leuk zijn om producten te tonen in je blogpost ? Stel dat je een artikel schrijft over hoe mooi de winter kan zijn, het ijs en de sneeuw, de landschappen, skieën, …

Welke producten zou je nu willen tonen in dit artikel ? Juist de warme kleding voor de winter. Dat zou je kunnen doen met de volgende shortcode :

[products limit="8" columns="4" category="winter, ski" cat_operator="OR"]

Zoals je kan zien, is de basis shortcode “products”. Deze shortcode heeft een aantal parameters die je zelf kan instellen :

  • limit = hoeveel producten moeten er getoond worden
  • columns = hoeveel kolommen wil je gebruiken
  • category : uit welke productcategorie wil je selecteren (in dit geval 2, gescheiden door een komma)
  • cat_operator : maak een keuze uit “en” of “of”.

Vrij vertaald : Maak een selectie van 8 producten uit de productcategorie “winter” of “ski” en toon ze in 4 kolommen.

woocommerce shortcode

Zoals je kan zien zijn shortcodes niet statisch maar dynamisch : je kan ze namelijk aanpassen via parameters om telkens een ander resultaat te tonen.

Alle woocommerce shortcodes

Er zijn verschillende groepen van shortcodes in WordPress. De eerste groep zijn de “pagina shortcodes”.

We sommen hieronder de belangrijkste shortcodes op. Voor een volledig overzicht, kan je best kijken op de woocommerce shortcodes pagina.

pagina shortcodes

Deze codes kunnen op verschillende pagina’s van je website gebruikt worden. Ze roepen telkens een basisfunctie van woocommerce op :

shopping cart of winkelkar

[woocommerce_cart]

Als je dit gebruikt, wordt het winkelkar getoond. Een opsomming van alle producten die je in je winkelkarretje virtueel gelegd hebt.

cart shortcode

checkout of afrekenen

[woocommerce_checkout]
shortcode chekout

Order tracking form

[woocommerce_order_tracking]
shortcode order tracking

product shortcodes

De [producten] shortcode is een van onze meest robuuste shortcodes. Je kan er gigantisch veel mee doen. Bovenstaand voorbeeld is er een praktische toepassing van.

De [producten] shortcode stelt u in staat om producten weer te geven op basis van post ID, SKU, categorieën, attributen, met ondersteuning voor paginering, willekeurig sorteren, en productlabels.

De [producten] shortcode kan dus de “oudere” shortcodes vervangen zoals [featured_products], [sale_products], [best_selling_products], [recent_products], [product_attribute], en [top_rated_products].

We moeten dus gaan werken met de verschillende attributen of eigenschappen van de [producten] shortcode. 

Hieronder volgt een lijstje met de meest belangrijke : 

  • limit : aantal producten te tonen
  • columns : het aantal kolommen dat getoond moet worden
  • paginate (false of true) : zet de paginering op of af. Te gebruiken samen met “limit”
  • orderby : gesorteerd op een bepaalde parameter (datum, id, menu_order, popularity, rand (toeval), rating, title
  • skus : een lijst van product sku’s of stock keeping units (een unieke identifier van een product)
  • ids : een lijst van producten gebaseerd op de ID van een product
  • category : een lijst van categorieën van producten, gescheiden door een komma
  • cat_operator : gebruik de komma in de category parameter met “en” of “of”.
  • tag : een lijst van tags, gescheiden door een komma
  • order : sorteren oplopend (ASC) of aflopend (DESC)
  • class : een css klasse die je zelf kan toevoegen
  • on_sale : filtert op producten met een korting
  • best_selling  : selectie van de best verkopende producten
  • top_rated  : selectie van de producten met de meeste positieve waarderingen

Enkele voorbeelden :

[products limit=”4” columns=”2” category=”badkledij”]

Toon 4 producten van de category “badkledij” in 2 kolommen.

[products limit=”6” columns=”3” ids=”1,2,3,4,5” orderby=”popularity”]

Toon 6 producten in 3 kolommen van de producten met als ID 1 of 2 of 3 of 4  of 5 en sorteer op populariteit

[products limit=”4” columns=”4” category=”zwembroek, bikini” cat_operator=”OR” orderby=”title” class=”watersport”]

Toon 4 producten in 4 kolommen van de categorie “zwembroek” of “bikini” en sorteer op titel. Geef de output een css klasse “watersport” mee.

Zoals je hierboven kan zien, kan je best veel doen met deze shortcode.

product search : zoeken van producten

De zoekfunctie voor producten is standaard meegeleverd met de woocommerce plugin. De volgende shortcodes kunnen hierbij gebruikt worden :

[woocommerce_product_search] : activeert de producten zoekfunctie

Gebruik deze verkorte code om een tekstveld te tonen dat overeenkomende resultaten weergeeft terwijl je zoekt. 

Standaard toont het de producttitels, een korte beschrijving bij elke invoer, de prijzen van de producten en het toont ook de “Toevoegen aan winkelwagen” knoppen voor elke invoer. 

Je kan het overal op je site gebruiken en je klanten de mogelijkheid bieden om eenvoudig producten te zoeken en toe te voegen aan de winkelwagen.

Daarnaast heb je nog de volgende shortcodes :

[woocommerce_product_filter] - toont een live product zoek filter
[woocommerce_product_filter_attribute] - toont een live product Attribute Filter.
[woocommerce_product_filter_category] - toont een live product Categorie Filter.
[woocommerce_product_filter_price] - toont een live productprijsfilter.
[woocommerce_product_filter_tag] - toont een live product tag filter.
[woocommerce_product_filter_sale] - toont een live filter voor producten met kortingen
[woocommerce_product_filter_reset] - toont een knop om alle live filters te wissen.

Misschien is het de moeite nog een aparte post te maken rond de product zoek- en filtermogelijkheden. 👍

product category shortcodes

Er zijn er twee : 

[product_category] : toont de producten van een bepaalde categorie (wordt eigenlijk al gedaan door de “products” shortcode)
[product_categories] : toont alle product categorieën

Welke parameters kan je deze shortcodes meegeven ? (ze zijn bijna identiek als bij de “products” shortcode)

  • ids : lijst van id’s van categorieën die je wil selecteren (gescheiden met komma)
  • limit : hoeveel categorieën wil je tonen
  • columns : het aantal kolommen dat je wil
  • hide_empty : in “true”, worden de categorieën die geen producten hebben verborgen
  • order_by : sorteren op naam, id , slug of menu_order
  • parent : toon enkel de categorieën van een bepaalde hoofdcategorie.
  • order : oplopend (ASC) of aflopend sorteren (DESC)

Enkele voorbeelden :

[product_categories limit=”4” columns=”4” hide_empty=”true”]

Toon 4 categorieën in 4 kolommen én elke getoonde categorie moet op zijn minst 1 product hebben

[product_categories limit=”8” columns=”2” order=”DESC” order_by=”title”]

Toon 8 categorieën in 2 kolommen en sorteer ze op titel aflopend (van z naar a dus)

Woocommerce blocks voor Gutenberg

Sinds de invoering van Gutenberg als de standaard tekst editor van WordPress, zijn bovenstaande shortcodes nog wel aanwezig maar kunnen ze vervangen worden door zogenaamde Gutenberg blocks.

De volgende blocks zijn standaard aanwezig bij de installatie van Woocommerce :

  • Aanbevolen producten: Selecteer en toon een enkel product in een nieuw “high-impact” formaat. Controleer de uitlijning van de tekst, toon of verberg de prijs en de beschrijving, voeg een kleur overlay toe, verander de oproep van de knop in actie, geef een aangepaste hoogte op, of overschrijf de productfoto.
  • Individuele, handgekozen producten: Zoek en toon meerdere producten naar keuze in een raster.
  • Bestsellers/top-rated: Toon een raster van uw best verkopende producten, filterbaar per categorie.
  • Nieuwste producten: Toon een raster van uw nieuwste producten, filterbaar per categorie.
  • Verkoop producten: Toon een raster van te koop aangeboden producten, filterbaar per categorie.
  • Producten met specifieke kenmerken of voorwaarden: Laat producten zien die meerdere of specifieke attributen hebben gekregen.
  • Filter producten op basis van prijs en attributen (eigenschappen).

Hopelijk ben je nu wat wijzer geworden in het wereldje van de shortcodes van woocommerce. Als je specifieke vragen hebt, kan je ons zeker een mailtje sturen.


Flying pages : gebruikerservaring verbeteren met een snelle WP site

flying pages plugin

Snelheid van je website is belangrijk

We willen allemaal een snelle WordPress website – wie wil dat niet?

Toch is dat makkelijker gezegd dan gedaan – en dat resulteert meestal in het feit dat we meer moeten betalen of veel plugins moeten downloaden of veel tutorials moeten lezen.

Daarom zullen we vandaag de gratis Flying Pages WordPress Plugin bekijken, die een snellere laadtijd voor uw website belooft, direct na de installatie, zonder dat u zich daar zorgen over hoeft te maken.

Lees zeker verder en bekijk de voor- en mogelijke nadelen van deze plugin.

Het is zeker niet de zoveelste caching of optimizing plugin. Daarvoor hebben we andere plugins zoals wp super cache, w3total cache en Cache Enabler.

Maar Flying pages is een uitzondering. Het laadt de andere pagina’s van je website in de achtergrond terwijl je een bepaalde pagina bezoekt.

Dus terwijl je zit te lezen op de “over ons” pagina, gaat je browser eigenlijk al de “contact” pagina laden. Hierdoor zal die pagina een stuk sneller zijn als je eenmaal naar deze laatste pagina navigeert. Die methode noemt men ook “preload”.

Waarom is de snelheid van jouw WordPress site belangrijk ?

invloed van de snelheid van je website op het aantal bezoekers dat afhaakt

Er zijn twee belangrijke redenen.

Dankzij snellere laadtijden, verhoogt je conversiegraad.

47% van de mensen verwachten dat uw site in minder dan 2 seconden wordt geladen, en 40% zal de site volledig verlaten als het langer dan 3 seconden duurt.

Het is duidelijk dat klanten niet geïnteresseerd zijn in een site die veel tijd nodig heeft om te laden en daardoor je verkoop en conversies vermindert.
Het andere punt is dat Google rekening houdt met de snelheid van de site bij het rangschikken van websites – wat van invloed kan zijn op uw plaatsing, en dus het verkeer dat uw website bereikt kan belemmeren.

Dit heeft op zijn beurt weer invloed op uw conversiepercentages.

In principe is de snelheid van de site super belangrijk – dus er is een enorme reden om de installatie van een plugin zoals Flying Pages te overwegen.

Wat is preload ?

Preload vertelt de browser om de inhoud te downloaden (bijv. afbeelding, script, css, enz.), ongeacht of dit nodig is of niet. Controleer bijvoorbeeld de onderstaande code die het attribuut rel met de waarde preload heeft en href met de waarde myimage.png.

<link rel="preload" href="myimage.png" als="image"/>

Wanneer de browser de pagina weergeeft, als de attribuutwaarde is voorgeladen, dan wordt het betreffende element tijdelijk in de browser opgeslagen.
Zodra de gebruiker het nodig heeft, zal het element snel worden opgehaald en in de browser worden weergegeven.

Preload is dus een nieuwe webstandaard die gericht is op het verbeteren van de prestaties en het bieden van meer granulaire laadcontrole aan webontwikkelaars. Het geeft ontwikkelaars de mogelijkheid om aangepaste laad logica te definiëren zonder te lijden onder de prestatie boete die script gebaseerde resource-laders oplopen.

Of simpel verwoord : in de tijd dat er op een website niks gebeurt, worden de volgende pagina’s of html elementen al ingeladen in het geheugen van de browser.

Kenmerken van de plugin

Preload Pagina’s – laadt pagina’s voor als ze op een kijkvenster staan, of kan worden geconfigureerd in instellingen, om ze voor te laden als de muis beweegt.

Configureerbare instellingen – je hebt de mogelijkheid om het maximum aantal preload requests per seconde te wijzigen, de vertraging om het preload te starten en welke trefwoorden je moet negeren in de verschillende requests.

flying pages - algemene instellingen

Wat gebeurt er achter de schermen ?

Preload in viewport – De plugin detecteert links binnen de “viewport” (huidige weergavegebied van je browser) met behulp van ‘Intersection Observer’ en laat de browser deze voorladen met ‘prefetch’

Pagina’s vooraf laden met behulp van de muis hovering – Bij hovering-links, als deze nog niet vooraf is geladen met behulp van bovenstaande ‘viewport’, dan zal Flying Pages deze direct vooraf laden (vergelijkbaar met Instant.page). 

Beperkt het aantal preloads per seconde – Als uw pagina te veel links heeft, zal het voorprogrammeren van alle links tegelijkertijd ervoor zorgen dat de server crasht of de website vertraagt naar de bezoekers.  Flying Pages beperkt het aantal preloads per seconde (standaard 3 req/sec) met behulp van een ingebouwde wachtrij. Als je bijvoorbeeld 10 links in de viewport hebt, worden deze allemaal in 4 seconden voorgeladen. 

Stopt het voorladen als de server bezet is – In het geval dat de server langzaam begint te reageren of fouten terugkeert, wordt het voorladen gestopt om de serverbelasting te verminderen. 

Begrijpt de verbinding van de gebruiker en zijn voorkeuren – Controleert of de gebruiker een langzame verbinding heeft zoals 2G of de data-saver heeft ingeschakeld.  Flying Pages zal in dit geval niets voorladen. 

En voor de rest moet je letterlijk niks extra doen en doet de plugin alles in jouw plaats.

Voor- en nadelen van deze plugin

Voordelen

  • Verbetert de interne laadtijd van de pagina’s aanzienlijk
  • Zeer eenvoudig te installeren en te gebruiken
  • Compatibel met andere cache-plugins en Google Analytics
  • werkt zeer goed met simpele websites met weinig pagina’s

Nadelen 

  • maakt van je website geen snellere website op zich maar wel voor de surfer zelf
  • de “server load” verhoogt wel wat 
  • werkt minder bij websites met vele menu-items en subpagina’s

Je kan deze plugin aan het werk zien/voelen op deze website “https://wpspeedmatters.com/

Conclusie

Over het geheel genomen kan ik Flying Pages 100% aanbevelen.

Het is zeer effectief bij het verbeteren van uw website snelheden, en dus verbetert de gebruikerservaring en de conversie ratio’s – en maakt het onrechtstreeks indruk op Google!

Hoe je WordPress site vertalen met de translatepress plugin

sitepress vertaal plugin

In dit artikel geven we je een kort overzicht van wat de TranslatePress plugin doet en laten we zien hoe deze plugin met Elementor kan gebruiken om de pagina’s van je WordPress site te vertalen.

Hoe je WordPress site vertalen ?

Er zijn in feite twee dingen die je moet doen om van je eentalige WordPress site een meertalige site te maken :

Enerzijds moet je zorgen dat je voor elk element van je site een alternatief element hebt in een andere taal. Deze elementen kunnen zijn: pagina’s en berichten maar ook afbeeldingen en andere elementen zoals menu’s en widgets.

Anderzijds moet je ook zorgen voor de echte vertalingen van de teksten van bovenstaande content elementen. Sommige plugins hebben een partnership met externe vertaalbureaus (zoals polylang) of geven een beperkt aantal gratis effectieve vertalingen (wpml).

Maar laat hierover geen misverstand bestaan : de plugins zorgen voornamelijk voor de synchronisatie tussen de vertalingen van de verschillende content elementen en niet voor de vertaling zelf.

De beste WordPress plugins om je website te vertalen

Er zijn tienduizenden WordPress plugins. Ik zeg wel eens dat er voor elke functie op z’n minst één plugin te vinden is.

Zo ook voor de vertaling van je website.

Maar laten we onmiddellijk een misverstand uit de wereld helpen : het betreft hier de vertaling die je zelf doet. De meest gekend plugins zorgen ervoor dat je de juiste tools hebt om je WordPress site technisch in orde te maken voor vertalingen. Maar die vertalingen ga je wel degelijk zelf moeten doen ! De beste plugins voor vertalingen bevatten dan misschien wel tools om je vertalingen zelf in orde te brengen maar eigenlijk moet je dat wel degelijk zelf doen.

De bekendste (betalende) plugin voor WordPress vertalingen is wpml. Maar er zijn nog andere, goede plugins om je vertalingen te beheren. Zo is bijvoorbeeld polylang een leuk en gratis alternatief.

In dit rijtje hoort translatepress thuis.

TranslatePress plugin

TranslatePress is een vertaalplugin voor WordPress die je gratis kan downloaden en gebruiken om je WordPress site te vertalen. De plugin zelf is ook compatibel met WooCommerce, zodat je eenvoudig je webshop kan vertalen.

De belangrijkste functies van de translatepress plugin zijn onder andere:

  • Makkelijke interface die de vertaling in real-time weergeeft
  • Volledig compatibel met alle thema’s en plugins
  • Ondersteuning voor zowel handmatige als automatische vertaling (via Google Translate)
  • Mogelijkheid om dynamische “strings” of woordenreeksen te vertalen die zijn toegevoegd door WordPress, plugins en thema’s.
  • Een redactionele controle waardoor je je vertalingen pas publiceert als ze klaar zijn

Je vraagt je misschien af waarom je TranslatePress zou moeten gebruiken in plaats van Google Translate. Het belangrijkste voordeel van het gebruik van TranslatePress is dat u alle pagina’s op uw site zelf kunt vertalen. Hoe goed Google Translate ook is, een vertaling via een machine of software en kan nooit worden vergeleken met de nauwkeurigheid van een menselijke vertaler.

Waarom translatepress om je WordPress site te vertalen ?

Als het gaat om vergelijkbare vertaalplugins, biedt TranslatePress alle functionaliteit die je nodig hebt gratis aan en bevat het bovendien een heel intuïtieve gebruikersinterface.

Misschien is dat wel inderdaad de grote toegevoegde waarde van translatepress : het is makkelijk (zeker in vergelijking met WPML) om je vertalingen te beheren in je WordPress backend.

Bovendien heeft de plugin een “Pro Versie” (betalend) die nog bijkomende functionaliteiten heeft :

  • Ondersteuning voor 221 extra talen
  • Yoast SEO-ondersteuning
  • Vertaal SEO Titel, Beschrijving, Slug
  • Alleen publiceren wanneer de vertaling voltooid is
  • Vertalen door te bladeren als Gebruikersrol
  • Verschillende menu-items voor elke taal
  • Automatisch gebruikers taaldetectie
translatepress prijzen

Hoe translatepress installeren en starten met vertalen van je WordPress site

stap 1 : installeer en activeer translatepress

De eerste stap is het installeren en activeren van de TranslatePress plugin. Begin met in te loggen op je WordPress-dashboard en navigeer naar Plugins > Nieuw toevoegen. Zoek TranslatePress, installeer het en activeer de plugin.

stap 2 : configureer de settings van de plugin

Ga na de installatie van de plugin naar Instellingen > TranslatePress. Van daaruit kunt je de gewenste taal instellen en andere instellingen van de plugin configureren. Zoals je kan zien op onderstaande screenshot, kun je kiezen hoe de taalnaam wordt weergegeven, of je Google Translate wilt gebruiken, of je add-ons wilt kopen en activeren, en nog veel meer.

Voor het doel van deze tutorial hebben we de gewenste taal ingesteld op Engels, maar je kan kiezen welke taal je wilt. Wanneer je klaar bent met het configureren van de instellingen, sla dan de wijzigingen op.

Welke instellingen kan je zoal doen ?

  • instellen van verschillende talen
  • de standaard (default) taal
  • gebruik een subdirectory voor de verschillende talen en voor de standaard taal (bijvoorbeeld https://jewebsite.be/nl of https://jewebsite.be/en)
  • waar de “language switcher” te tonen
  • automatische vertaling via Google Translate of Deepl
  • installatie van add-ons
  • “advanced settings” : gedetailleerde instellingen
translatepress instellingen

Opmerkelijk : een van de add-ons is een connectie met Deepl, onze favoriete vertaal software.

stap 3 : vertalen van pagina’s en berichten

Nu kan je werkelijk aan de slag met je vertalingen.

Open een bestaande pagina en bekijk die in de frontend. Bovenaan zie je een menu item “translate page”. Klik hierop.

translatepress translate page

Daarna kom je terecht in de vertaal editor van translatepress en kan je effectief aan de slag met je vertalingen. En dat lijkt echt wel poepsimpel zoals je hieronder kan zien.

translatepress editor

Zoals gezegd kan je bij de algemene instellingen bepalen of je zelf de vertalingen toevoegt of niet. Je kan ook beroep doen op Google Translate en Deepl om je assisteren met de vertalingen.

Onderstaande video legt dit nog wat meer in detail uit.

Translatepress en Elementor page builder

Een van de meest voorkomende problemen met vertaalplugins, is de integratie met de zogenaamde WordPress page builders. Dat zijn plugins die je toelaten om een “grafische” manier je pagina’s te bewerken en te lay outen.

De meesten kennen wel Gutenberg maar deze page builder gaan nog een stuk verder. Bekende page builders zijn Elementor, Divi en Visual Page Composer.

Translatepress werkt perfect samen met Elementor ! Hieronder vind je een voorbeeld hoe je zelf aan de slag kan gaan.

Stap 1 : maak een pagina “over ons” aan in Elementor

Zodra je de plugin hebt opgezet, gaan we een nieuwe pagina maken die met behulp van de TranslatePress plugin wordt vertaald. Ga naar Pagina’s > Nieuw toevoegen. Geef je pagina een naam en klik vervolgens op Bewerken met Elementor.

Voeg nu een stukje tekst toe via de “tekst” widget. Bewaar je pagina en ga naar je dashboard in de backend.

Stap 2 : start met vertalen

Om te beginnen met het vertalen van de pagina, moet je teruggaan naar je dashboard, ga naar Pages > All Pages en klik dan op View onder de pagina die je net hebt gemaakt. Zodra de pagina geladen is, kunt u op Vertalen klikken vanuit de bovenste admin-balk.

In het geval dat je de admin bar uitgeschakeld hebt, moet je je pagina toevoegen aan je hoofdmenu door naar Appearance > Menu te gaan. Daar vindt u uw pagina, voegt u deze toe aan het menu en klikt u op Opslaan. U kunt dan op Translate Site klikken, die standaard uw homepage zal laden. Om naar de demopagina te gaan die we eerder hebben gemaakt, klikt u op de pagina in het navigatiemenu.

Zodra uw demopagina wordt geladen, zie je de interface van de plugin aan de linkerkant en uw pagina aan de rechterkant van het scherm. Het vertalen van uw pagina is zo eenvoudig als het zweven over de tekst die u wilt vertalen en het klikken op het potlood-icoon. Laten we beginnen met het vertalen van het menu-item Contacteer ons eerst.

Integratie met Deepl

Ben ik de enige of zijn er steeds meer mensen overtuigd van de ktacht van de vertalingen van Deepl ? 😎

DeepL is een relatief nieuwe automatische vertaaldienst, die snel is opgeklommen tot een van de beste automatische vertaaldiensten.

Deepl maakt gebruik van neurale netwerken en kunstmatige intelligentie om teksten te vertalen, wat resulteert in hoge kwaliteit en nauwkeurige vertalingen. Deepl is echt goed om de betekenis van een zin te begrijpen, in plaats van te gaan voor een letterlijke vertaling.

Als je op zoek bent naar een eenvoudige manier om je WordPress-site automatisch te vertalen, kun je dit bereiken door gebruik te maken van de DeepL Integratie die beschikbaar is in TranslatePress. Spijtig genoeg enkel voor betalende abonnementen.

Mogelijke nadelen van TranslatePress plugin

Niet alles is perfect bij deze plugin uiteraard.

  • In de pro versie van Elementor kan je zelf je eigen header en footer aanmaken. De integratie hiermee is niet perfect
  • Bij WPML en Polylang heb je een heleboel meer opties om de instellingen van je “multilingual site” aan te passen (permalinks bijvoorbeeld)
  • Automatic Translation kan enkel via addons (betalend) of een registratie met een Google api key (maar dat ligt eerder aan Google dan aan Translatepress)
  • Functionaliteit is eigenlijk een veredelde “string translation”
  • Vertaling van thema onderdelen is iets moeilijker. Hiervoor raden we eerder “Loco Translate” aan.

Samengevat, qua gemak voor de gebruikers is deze plugin echt top. Voor de iets complexere projecten raden we toch aan terug te vallen op Polylang en vooral WPML.

Hoe Rich Snippets en Schema markup toevoegen in WordPress

structured data en rich snippets

Nu horen velen het ongetwijfeld donderen in Keulen. Nochtans zijn de zogenaamde rich snippets bekender dan je op het eerste zicht zou denken.

En alhoewel we hier op een technisch domein terecht komen, is schema markup makkelijker te integreren in je WordPress site dan je zelf zou denken.

Maar laten we beginnen bij het begin : wat zijn rich snippets en de betekenis ervan ?

An image speaks a thousand words :

rich snippets star rating

Rich snippets verrijken de zoekresultaten met grafisch aantrekkelijke extra elementen. Bovenstaand hotel is blijkbaar erg populair maar waar haalt Google nu die informatie vandaan ? Wel die informatie wordt via structured data (schema markup of json-ld) meegegeven met de html tags van de webpagina.

Ben jij nu eerder geneigd op dit zoekresultaat te klikken of niet ?

Zoals iedereen wel weet is het het ultieme streven van Google om de gebruikers van de zoekmachine een zo goed mogelijke en relevante gebruikerservaring te bezorgen. De gebruiker van Google moet dus tevreden zijn met het resultaat van zijn of haar zoekopdracht.

Je kan de relevantie van je website pagina’s verbeteren door extra informatie mee te geven die Google belangrijk of interessant vindt. Uiteraard binnen de context van de zoekopdracht om zo de ervaring van de zoeker te verbeteren.

Structured data kan helpen om je zoekresultaten contextueel beter af te stemmen én de SERP’s van je website beter te presenteren. Rich Snippets zijn extra elementen die toegevoegd kunnen worden aan een standaard resultaat binnen de zoekmachines.

De basis hiervoor zijn de “structured data” die meegegeven worden met de html van de webpagina.

Rich snippets vormen een verrijking van de zoekresultaten. Ze voegen extra informatie toe, gebaseerd op gestructureerde gegevens. Door zelf zulke gegevens aan de inhoud toe te voegen, help je Google om de context van je inhoud en website beter te begrijpen.

In die optiek hebben Rich snippets geen directe invloed op de positie van je pagina’s in de zoekresultaten van Google. Maar !!!

  • vermits je het werk voor Google “makkelijker” maakt, zal je site sneller geïndexeerd worden
  • je site wordt aantrekkelijker in de zoekresultaten
  • een hogere ctr (of click through rate) op de zoekresultaten en hierdoor een hogere ranking dan concurrenten

Zero Click Searches of zoekopdrachten waarbij niet meer doorgeklikt wordt

Volgens dit artikel artikel op Forbes over seo trends voor 2020, hebben al 55% van de zoekopdrachten geen click through meer. Dat wil zeggend dat de google gebruikers de resultaten van hu zoekopdrachten vonden en dat er niet meer doorgeklikt werd naar een bepaalde website.

De beste manier om toch nog te profiteren van deze “zero click searches” is door gebruik te maken van snippets zodat je als website toch nog opvalt tussen al die resultaten. Hieronder bekijken we wat er allemaal mogelijk is.

Welke soorten rich snippets bestaan er ?

Hieronder vind je een lijst van mogelijk gebruik van structured data. De lijst is niet volledig maar dekt wel de meest gebruikte vormen van rich snippets.

Reviews (de zogenaamde “sterrekes”)

star rating rich snippets voorbeeld

Muziek

muziek rich snippets

Producten

rich snippets producten

FAQ of veelgestelde vragen

FAQ rich snippets

Breadcrumbs

Breadcrumbs zijn belangrijk voor de navigatie (en dus ook voor Google).

breadcrumbs rich snippets

Evenementen

rich snippets evenementen

En er zijn er nog wel een paar. Maar you get the picture nietwaar.

Hoe schema markup en rich snippets toevoegen aan je WordPress site ?

Je kan uiteraard als je programmatie ervaring hebt zelf json of schema markup gaan toevoegen in de code van je thema. Maar dat lijkt me wel een grote omweg.

In WordPress hebben we voor zo iets vaak plugins die ons een stuk functionaliteit kunnen.
In dit geval willen we schema markup toevoegen aan onze pagina of post. We hebben uiteraard geen invloed op de rich snippets want google beslist zelf of en wanneer dit getoond wordt in de zoekresultaten.

Een van de betere plugins om dit te realiseren, is “Schema & Structured Data for WP & AMP”.
Deze WordPress plugin heeft maar liefst 33 schema types en ze zijn erg makkelijk te integreren.

plugin Schema & Structured Data for WP & AMP

Onderaan elke pagina of bericht, bevindt er zich een metabox waarbij je moet aanduiden welke rich snippets je wil integreren.

Je vind een volledige handleiding/how to op de website van het bedrijf dat de WordPress plugin geprogrammeerd heeft.

In ons voorbeeld kozen we voor een FAQ of Veelgestelde vragen pagina. In onderstaande video zie je hoe we dit geactiveerd hebben.

Het resultaat kan je beoordelen via de “structured data testing tool” van Google. Gewoon de url van je pagina invoeren en je kan zien of alles correct geïmplementeerd is.

Een andere handige plugin om dit te doen, is via “SEO Press”. Deze plugin is een concurrent van de Yoast seo plugin maar is op sommige een stuk performanter. Zeker ook qua rich snippets.

Om de functie voor de rich snippets te activeren, heb je wel de “pro versie” nodig maar je zal zien dat de prijs zeer democratisch gehouden is (39 € per jaar). Je kan de functie van de “schema markup” gebruiken voor een pagina (single page) als voor blog posts (posts pages). Ook “custom post types” kan je gebruiken.

Je kan dit activeren via “SEOpress – Pro – Structured DataTypes”.

seo press structured data

In een volgende stap ga je naar het bericht of de pagina waar je de rich snippets wil gebruiken. Je scrolt helemaal naar onder en daar zie je de “rich snippets” meta box.

seo press rich snippets metabox

Vervolgens klik je op “Manual” en dan kan je kiezen uit de verschillende schema’s die ter beschikking staan. Makkelijk toch.

Controleer zelf de gebruikte structured data van dit artikel : Google Structured Data Tester .

Je vind nog een interessante lijst van plugins via deze link https://zonewp.com/2020/02/best-free-schema-plugins-for-wordpress/.

Hopelijk ga je nu snel zelf aan de slag met deze leuke features en wordt je WordPress site nog beter gevonden.

Gebruik je best een CDN voor je WooCommerce webshop ?

Gebruik je best een CDN voor je WooCommerce webshop ?

Als ondernemer streef je er natuurlijk altijd naar om je business te verbeteren. Je bent actief in de e-commerce en hebt een mooie webshop opgezet. De zaken lopen redelijk, maar het kan altijd beter.

Hoe? Bijvoorbeeld door gebruik te maken van een content delivery network (CDN). Wat dat precies is leggen we uit in deze blog.

Wat is CDN ?

Je hebt normaal gesproken je website fysiek op de server van een hosting provider staan. Uiteraard heb je een provider gekozen met een snelle internetverbinding.

Naarmate je website of shop bekender wordt, komen er steeds meer klanten. Tijdens piekuren heeft de server het zwaar te verduren. De laadtijden nemen toe. Soms kan het zelfs zo erg zijn dat je webshop plat ligt, hetgeen natuurlijk funest is voor je business. Als je dit regelmatig meemaakt, is het tijd om eens aan CDN te denken.

CDN staat voor Content Delivery Network. Dit bestaat uit een reeks servers over de gehele wereld die de statische content (CSS, javascript, afbeeldingen) van jouw webshop in hun cache bewaren. Deze statische content heeft veel tijd nodig om te laden. Afhankelijk van de locatie van de bezoeker komen jouw webpagina’s via een supersnelle CDN server. Hierdoor wordt de belasting van je hosting server teruggebracht. Iemand die in Noord-Amerika zit, krijgt de pagina’s voorgeschoteld vanaf de CDN server in Noord-Amerika. Dat werkt veel sneller dan via een Europese server. Dit systeem zorgt ervoor dat jouw webshop overal ter wereld snel wordt geladen.

De geografische locatie van de bezoeker is niet meer relevant en het latency probleem is hiermee grotendeels verholpen!

 

Een CDN is geen vervanging van je hosting provider. Deze blijft nog steeds noodzakelijk. De CDN servers zorgen voor een kopie van je statische (en soms dynamische) gegevens op servers over de hele wereld, zodat ze overal je website even snel kunnen laden. Daarnaast levert een CDN provider een aantal interessante extra beveiligingsopties zoals een website application firewall, HTTP/2 en bescherming tegen DDOS aanvallen. (zoals Sucuri website beveiliging)

Waarom CDN gebruiken in e-commerce ?

Stel, je hebt een mooie e-commerce website, bijvoorbeeld een webshop die gebouwd is met de gratis WordPress plugin WooCommerce. Als je enige tijd bezig bent met het toevoegen van artikelen in je webwinkel zul je merken dat dit proces wat langzamer begint te verlopen. Dat is een nadeel van een webshop. Hoe meer artikelen, hoe meer tijd er nodig is om pagina’s te laden.

Natuurlijk heb je alles al gedaan om je website sneller te maken. Verder zijn de afbeeldingen voor het internet geoptimaliseerd, en zijn er geen onnodige plugins geïnstalleerd.

De gemiddelde bezoeker van jouw webshop heeft weinig geduld en klikt snel verder als hij moet wachten op een trage website. Die bezoeker ben je kwijt en zal ook niet gauw terugkomen. Traag laden van een website levert een negatieve gebruikerservaring op. Hoe verder de gebruiker geografisch is verwijderd, hoe langer het laden duurt. We noemen dit latency. Er zitten dan veel servers en routers tussen jouw website en de bezoeker.

Als eigenaar van een eenmanszaak heb je niet veel tijd om je hier helemaal in te verdiepen, maar belangrijk is het wel, want een trage website kost jou geld!!

Google vindt deze gebruikerservaring juist erg belangrijk en zal daarom trage websites lager gaan rangschikken. Ook de conversie is lager vanwege de traagheid van de webshop. Het aspect van snel laden is dus om allerlei redenen erg belangrijk. Een goede laadtijd is al geruime tijd een belangrijke SEO parameter.

Je website zal overal ter wereld snel laden. Je bezoekers en Google zijn beiden tevreden, wat resulteert in betere score in de zoekresultaten. Daarnaast neemt ook de conversie toe en bijgevolg dus je omzet.

Enkele CDN service providers

Wanneer je op zoek gaat naar een goede CDN provider heb je doorgaans een ruime keuze. Alles hangt een beetje af van je plannen en je budget. Als dat budget beperkt is, kun je altijd nog kiezen voor een gratis provider zoals het bekende Cloudflare. Tevens een leuke manier om te verkennen wat CDN voor je kan betekenen.

Er zijn veel CDN service providers met allemaal een wereldwijd netwerk van rond de 30 CDN/POP servers. POP staat voor Point of Presence.

  • keyCDN: Heeft een sterk server netwerk in Europa, Noord-Amerika en vooral Azië. Eenvoudige installatie en geschikt voor WordPress. Je kunt bescherming vragen tegen Dos-aanvallen, HTTP/2 ondersteuning, en een zeer goed control-panel staan tot je beschikking.
  • MaxCDN: Een bekende CDN provider en een sterke combinatie met WordPress en WooCommerce. De servers zijn allemaal uitgerust met supersnelle SSD schijfjes. Supermakkelijke installatie. Werkt ook samen met WordPress caching plugins zoals W3 total cache en WP super Cache.
  • CDN77: zeer uitgebreid pakket. Supersnel netwerk van CDN servers. Goed te integreren met WordPress caching plugins. Niet goedkoop, maar je krijgt er veel voor terug. 14 dagen gratis probeertijd.
  • Cloudflare: Zeer bekend en geheel gratis!. Vooral geschikt voor kleine websites. Leuk als eerste kennismaking, maar je gaat al gauw op zoek naar de features waarvoor je wel moet betalen.

Let op met gratis CDN providers. Soms moet je toch betalen als je webshop wat meer bandbreedte nodig heeft, zoals wanneer je meer bezoekers krijgt. Daarnaast merken we dat de CDN providers naast snellere websites ook vaak extra beveiliging leveren zoals SSL certificaten voor je content op de CDN server, een firewall, HTTP/2 protocol voor supersnelle HTTPS websites en bescherming tegen DDOS aanvallen.

Neem contact met ons op

Als ondernemer kan het best lastig te zijn om meteen een goede CDN oplossing te kiezen. Je wilt dat je WooCommerce webwinkel draait, maar je hebt geen zin in gedoe. Hoewel het instellen van een CDN vaak niet moeilijk is, zijn er altijd een paar dingen waar je even op moet letten. Ieder zijn vak zullen we maar zeggen.

Waarom nu zelf op zoek naar een goede CDN ? Weer een nieuwe leverancier erbij, en een helpdesk. Weer een factuurstroom erbij. Dat maakt alles weer ingewikkelder. Dat moet toch eenvoudiger kunnen? Natuurlijk kan dat. Wij kunnen het helemaal voor je regelen. Of je nu een bestaande klant van ons bent, of helemaal nieuw. Dat geeft niet. Neem direct contact met ons op, en laat Mailbox.be het voor je regelen. Zo behoud jij straks één aanspreekpunt voor alle vragen met betrekking tot je webshop of je CDN.

Mailbox werkt samen met CDN77 en KeyCDN vanwege de naadloze integratie met de WordPress en WooCommerce caching plugins.

Toevoegen van google analytics in WordPress

ga google analytics plugin

Google Analytics (of GA) is dé tool bij uitstek om allerlei cijfers over de bezoekers van je website bij te houden en te analyseren. De tool is zo uitgebreid en volledig dat we eigenlijk niet meer zonder kunnen.

In dit artikel bekijken we hoe we GA kunnen installeren in WordPress, zowel mét een plugin als rechtstreeks in de code van WordPress.

Wat is Google Analytics

Google Analytics is dé referentie bij uitstek als het gaat over data van bezoekers van je website. Zoals hierboven aangehaald, kunnen we eigenlijk niet meer zonder.

We maken allemaal content waarvan we denken dat het de moeite waard is om op onze website zetten. Dat kan een beschrijving van een dienst zijn. Of misschien een informatief bericht over een product dat je in de aanbieding hebt. Of gewoon een korte handleiding om een product te gebruiken.

Maar is die content wel interessant ? Dat is natuurlijk dé hamvraag.

Via GA kunnen we die vraag beantwoorden. Je kan zien welke pagina’s het populairst zijn, hoe lang bezoekers van je website op een bepaalde pagina blijven en of die pagina’s prijsaanvragen genereren of niet.

Het is dus niet alleen een kwestie van hoeveel bezoekers. Via GA kan je ook naar de kwaliteit van je bezoeken kijken.

In technische termen spreken we dan van bounce rate (het percentage bezoekers dat je website al verlaat na 1 pagina),  pages per session (het aantal pagina’s dat een bezoeker bekijkt per sessie) ,session duration (hoe lang de sessie geduurd heeft) en returning visitors (het aantal website bezoekers dat nog terugkeert naar je website).

Bovenstaande indicatoren geven vooral inzicht in de kwaliteit van de bezoeken.

Bij Mailbox maken we vooral actiegerichte websites. Daarbij is een andere parameter van GA heel belangrijk : de conversie rate.

Deze factor meet het percentage bezoekers dat een gewenst gedrag vertoont.

Als je bijvoorbeeld een e-book op je wordpress website hebt, dan kan een conversie zijn dat iemand het e-book gedownload heeft. Stel dat op 100 bezoekers er twee mensen zijn die het e-book downloaden, dan is de “conversie rate” (of conversie ratio) 2%.

Bovenstaande factoren kan je allemaal makkelijk zien in de cijfers die door Google Analytics bijgehouden worden.

Hoe Google Analytics installeren op een WordPress website

Uiteraard is stap 1 altijd : eerst een Google Analytics openen. Dat kan gratis mits registratie van een nieuw of bestaand google (gmail) account.

Je krijgt via de interface van GA voldoende mogelijkheden om op eender welke website een javascriptje te installeren dat je bezoekers trackt. En daarna de gegevens doorstuurt naar de database van Google.

Opgepast. We tracken de bezoekers enkel anoniem. Je krijgt wel algemene profiel data maar geen persoonlijke gegevens.

Je klikt onderaan je GA account op “Beheerder” (als je een GA account aanmaakt, zit je al automatisch op deze pagina)

Hier zijn vier redenen waarom je zou moeten overwegen Google Analytics toe te voegen aan je WordPress-site:

  • Krijg inzicht in uw publiek. 
  • Optimaliseer uw marketingstrategieën.
  • Monitor de kwaliteit van de content van je site

Omdat GA je in staat stelt om te zien welke pagina’s en links de meeste bezoekers krijgen, kan je betere content samenstellen om tegemoet te komen aan de behoeften en voorkeuren van uw publiek en doelgroepen.

google analytics in WordPress

Zoals je kan zien op de afbeelding hierboven, kan je de tracking code op verschillende manieren integreren op je website : 

  • je kan dat javascriptje mee integreren op ELKE pagina van je website
  • of je kan gebruik maken van Google tag Manager (maar dat is niet zo simpel !!!)

Als je een webmaster hebt, kan je deze gegevens gewoon doorsturen via email. Hij of zij zal dan die code implementeren.

Als alles goed gegaan is, heb je 5 minuten later al toegang tot je statistische gegevens.

Het installeren van deze tracking code is echter heel makkelijk in WordPress. Je hebt geen programmeerkennis nodig. We doen dit op de WordPress way : via een plugin.

Hoe Google analytics installeren met een plugin

Als je op wordpress.org zoekt naar “google analytics”, zal je zien dat er voldoende keuzes zijn om een uitstekende plugin te vinden.

Onthou wel : om een goede plugin te vinden, kan je best even controleren of de plugin recent nog werd aangepast. Dat is vaak een indicatie van de kwaliteit van een plugin. Daarnaast kunnen gebruikers van WordPress plugins, ook zogenaamde “ratings” geven. Of “sterretjes” zo je wil. Ook die geven een goede indicatie van de kwaliteit van een plugin. 

Een plugin die wij al jaren gebruiken, is “ga google analytics”. Niet omwille van de vele toeters en bellen. Maar gewoon omdat het een degelijke plugin die en makkelijk bruikbaar.

ga google analytics plugin

Na installatie van de plugin, ga je op zoek naar het specifieke plugin menu van deze plugin. Die bevindt zich na installatie in “settings > google analytics”.

Het leuke aan deze plugin is dat je 1 code moet invullen om “up and running” te zijn : nl de “tracking id”. 

Die code is als volgt gestructureerd : UA-00000000-0 en zou in de GA interface perfect herkenbaar moeten zijn (copy paste).

tracking code ga

De beste Google analytics plugins voor WordPress

Naar aloude gewoonte, zijn er uiteraard tientallen plugins die net hetzelfde doen als de “ga google analytics” plugin.

Opnieuw verwijs ik naar de deze pagina : google analytics 

En zoals je kan zien, zien er tientallen plugins die je zullen toelaten om GA te integreren in je WordPress backend.

Sommige plugins zullen op je WordPress dashboard enkele basisstatistieken tonen die rechtstreeks uit GA geïmporteerd worden.  Nu kan dat wel een goed idee zijn om die basisstatistieken te bekijken telkens je inlogt in WordPress.

Echter gebruiken deze plugins best wel wat geheugen. En zou het zo maar kunnen dat je website trager wordt door deze plugins.

Vandaar dat wij opteren voor de “GA Google Analytics” plugin. Die heeft weinig toeters en bellen. Maar daardoor gebruikt de plugin ook minder geheugen wat goed is voor de snelheid van de WordPress site.

Hierbij toch enkele GA plugins die je kan gebruiken :

  1. https://wordpress.org/plugins/google-analytics-for-wordpress/
  2. https://wordpress.org/plugins/google-analytics-dashboard-for-wp/
  3. https://wordpress.org/plugins/wp-google-analytics-events/
  4. https://wordpress.org/plugins/wp-analytify/

Hoe Google analytics installeren zonder plugin

Nu hoor ik sommigen al zeggen dat je wel voor alles een plugin kan installeren. En dat is natuurlijk zo.

Als je niet oppast heb je na een paar weken al een tiental extra WordPress plugins geïnstalleerd. We hebben al websites gezien met meer dan 80 (!!!) plugins.

Uiteraard gaat dit effect hebben op de snelheid van je website. Zeker als je een goedkope shared hosting account hebt.

Vandaar dat velen ervoor kiezen om de Google Analytics code rechtstreeks te integreren in de sjablonen van je WordPress thema.

En uiteraard is dat technisch iets moeilijker maar wel de meest efficiënte oplossing (want je hebt dus geen extra plugin nodig).

  • Stap 1 : Login in Google Analytics en copieer de trackingid
  • Stap 2 : Installeer een child theme
  • Stap 3 : kopieer onderstaande in de functions.php file (zie php code)
  • Stap 4 : vervang de tracking id met je echte tracking id
  • Stap 5 : bewaar de wijzigingen in de functions.php file
  • Stap 6 : controleer in de live weergave van google analytics dat je trackingcode werkt !!

Je vindt een video in dit artikel over een child theme met een stap voor stap uitleg hoe je een child theme aanmaakt.

De php code

add_action('wp_head','my_analytics', 20);
function my_analytics() {
?>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id='UA-00000000-1'"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'UA-00000000-1');
</script>
<?php

De WordPress caching plug-in: Cache enabler

De WordPress caching plug-in: Cache enabler

Gebruikers klagen er regelmatig over dat websites niet snel genoeg laden. Tegenwoordig zijn websitebezoekers vrij ongeduldig. Een website moet er eigenlijk meteen staan, anders klikken ze alweer verder. Als eigenaar van een mooie bedrijfswebsite wil je dit natuurlijk niet laten gebeuren. Je wilt graag wat snelheidswinst behalen, zonder dat het al teveel moeite kost. Liefst geen plugin met honderden mogelijkheden plus omvangrijke handleiding. Probeer dan Cache Enabler eens uit. Door gebruik te maken van deze WordPress caching plugin kun je ook jouw website een stuk sneller maken.

Wat is de WordPress caching plugin ?

De WordPress caching plugin genaamd Cache Enabler is een klein lichtgewicht open source programma, erg handig gebruik. Het is ontwikkeld door KeyCDN.

Dit bedrijf is ook gekend voor zijn performante cdn oplossingen voor oa WordPress. Zie hiervoor ook dit artikel : website snelheid verhogen met cdn.

Na de korte installatieprocedure kun je meteen genieten van diverse voordelen van dit gratis programma. Controleer voordat je deze plugin installeert wel even of je al niet een WordPress caching plugin geactiveerd hebt, want twee tegelijk gaat vaak niet.

WordPress is een content management systeem (CMS) dat vooral is opgebouwd uit HTML en PHP code. De pagina’s die een bezoeker opvraagt worden dynamisch samengesteld. Dat wil zeggen dat de HTML-pagina’s pas worden samengesteld op het moment dat de gebruiker daar om vraagt. Gegevens worden uit een database opgevist en in HTML code gezet. Het resultaat wordt getoond aan de bezoeker. Voor deze werkwijze is constant database-interactie nodig. Dit vraagt relatief veel processorcapaciteit wat alles vertraagt.

Waarom laadsnelheid van WordPress verbeteren?

Alles draait op het internet om de User Experience (UX) of hoe de bezoeker de website ervaart. Dan gaat het om de layout, de “look and feel”, of bezoekers snel kunnen vinden wat ze zoeken én natuurlijk om de snelheid van een website. Bezoekers worden kritischer. Een goede, geoptimaliseerde website moet supersnel laden. Zie ook hiervoor in ons artikel “wordpress snelheid verbeteren“.

Google wil graag de beste websites bovenaan hebben staan in de zoekresultatenpagina’s. Daarbij wordt ook gekeken naar de laadsnelheid. Google neemt deze resultaten mee in de totale SEO score van je website. Het verbeteren van de snelheid van je website is een onderdeel van de websiteoptimalisatie, nodig om goed te scoren in de zoekmachines. Wanneer je jouw bezoekers én Google tevreden kunt houden, kom je al een heel eind.

Hoe werkt de plugin Cache Enabler?

De WordPress caching plugin cache Enabler maakt statische kopieën van de HTML pagina’s die op de server bewaard worden. Er wordt tegelijk ook een gezipt bestandje (gzip) aangemaakt. Bezoekers krijgen deze statische HTML pagina’s voorgeschoteld, wat sneller is.

De meeste caching plugins voor WordPress werken op deze manier (ook bijvoorbeekd wp super cache).

Ook maakt de Cache Enabler gebruik van een nieuwe techniek om afbeeldingen te comprimeren. Dit nieuwe image formaat heet WebP (spreek uit ‘weppie”) en is door Google ontwikkeld. Dezelfde foto is in WebP zo’n 40% kleiner dan in JPG-formaat. Het gebruik van WebP-afbeeldingen zorgt voor betere laadtijden van je site. Cache Enabler gebruikt de WordPress plugin Optimus om JPG-afbeeldingen te converteren naar het compactere WebP formaat.

Al die extra plugins maken je website er niet sneller op natuurlijk. Je moet elke WordPress plugin onderhouden. Eventueel kun je ook handmatig JPG-bestanden (online) omzetten in WebP-bestanden. Plaats deze webP-bestanden in de imagefolder op de server.

De voordelen van de WordPress caching plugin:

  • een uitermate kleine plugin die snel te installeren is.
  • efficiënte en snelle disk cache tool
  • kan HTML bestanden nóg compacter maken. (minification)
  • snel cache leegmaken of resetten.
  • maakt statische HTML pagina’s aan, dat maakt de website sneller.
  • WebP ondersteuning in combinatie met Optimus (WebP conversietool).

Een nadeel is de matige ondersteuning en compatibiliteit van WebP. Belangrijke spelers zoals Adobe (Photoshop) kunnen WebP bestanden nog niet lezen. Hopelijk wordt dat in de nabije toekomst beter en wordt WebP de opvolger van JPG, zoals Google graag zou zien.

Hulp nodig met Cache Enabler?

We hebben je een paar interessante mogelijkheden laten zien van deze WordPress caching plug-in. Eigenlijk zou iedereen Cache Enabler standaard moeten installeren. Zoals gezegd, is de installatie snel en eenvoudig en het brengt je alleen maar voordelen. Mocht je tegen problemen aanlopen tijdens de installatie, of lopen er andere dingen niet zoals het hoort? Neem dan contact op met ons.

Wij zijn er om je te helpen!

De 4 beste WooCommerce thema’s voor je webshop

WooCommerce thema's

Woocommerce is één vand e populairste WordPress plugins om je eigen e-commerce webshop te starten. Het marktaandeel wordt geschat op 25%, wat enorm is.

Maar net zoals het geval is bij alle WordPress installaties, heb je nog steeds een thema nodig dat de volledige functionaliteit van woocommerce ondersteunt. En daar blijkt heel wat “kaf tussen het koren te zitten”.

Een WordPress thema is dus een stuk software dat bepaalt hoe je WordPress website eruit zal zien. Een WooCommerce thema is hetzelfde maar dan specifiek voor je WooCommerce webshop. Je thema bepaalt de instellingen van:

  • Het algemene design van je website
  • De fonts die je kan gebruiken
  • Kleuren
  • Waar eventuele widgets getoond worden
  • Hoe blogposts gestijld worden
  • En eventuele andere stilistische elementen

Dat wil echter niet zeggen dat je thema al deze elementen meteen vastlegt en dat dus alle websites met één thema er hetzelfde uitzien. Het thema geeft meestal enkel een startschot voor de look & feel van je website en daarna kan je zelf nog veel aanpassen en personaliseren.

Waarop moet je letten bij de aankoop van een WooCommerce thema ?

Vooraleer je WordPress thema’s gaat kiezen die je mooi vindt, moet je eerst nadenken over enkele technische vereisten: het aantal kolommen, schermvullend of niet, responsive, met of zonder een carrousel bovenaan, een banner in de header of niet, … Hoe meer de opmaak van je thema al overeenstemt met wat je wil bereiken, hoe minder je zelf zal moeten coderen en aanpassen achteraf. De lay-out en kleuren zijn namelijk veel makkelijker te veranderen dan de technische opmaak.

Daarnaast moet je ook rekening houden met het volgende:

  • Veiligheid: blijf bij bekende en erkende aanbieders van WordPress thema’s want anders loop je de kans om een thema te downloaden dat vol malware zit en je website helemaal in de war kan schoppen. Bovendien kan je dan ook de privé-gegevens van je klanten in gevaar brengen. Kies dus voor een erkende provider, zodat je thema veilig is.
  • Is het een gratis of betalend thema? Er zijn heel wat aanbieders die gratis thema’s aanbieden om je daarna andere producten aan te smeren. Of het gaat om een beperkt thema en je zal achteraf moeten bijbetalen voor de premium versie. Bekijk dus goed wat er in het gratis thema zit om te vermijden dat je achteraf toch (veel) moet bijbetalen.
  • Onderhoud en support: gratis thema’s hebben vaak geen ondersteuning als je problemen tegenkomt of wanneer WordPress evolueert en je thema niet meer goed werkt. Als je zeker wil zijn van een goede ondersteuning en een thema dat je lange tijd kan gebruiken zonder problemen, kies je misschien best voor een betalend thema.
  • Kan je makkelijke de product pagina’s aanpassen aan jouw behoeftes ?

De 4 beste WooCommerce thema’s : onze favorieten

Geen zorgen, wij helpen je graag met de keuze voor een WooCommerce thema om je eigen WordPress webshop op te starten ! Hieronder sommen we onze 4 favoriete thema’s op. De basisversie is telkens gratis. Voor de full versie moet je echter vaak betalen.

Astra

astra thema

Astra is een recent thema dat heel erg snel gegroeid is en ondertussen gebruikt wordt door bijna een half miljoen WordPress gebruikers. De belangrijkste features ervan zijn:

  • Je krijgt een aantal template websites die je vrij eenvoudig kunt aanpassen
  • Geen code nodig om aanpassingen te maken: met de visuele customizer kan je eenvoudig alles veranderen
  • Dit thema is erg licht en laadt snel zodat je laadsnelheid altijd hoog ligt
  • Je kan de volledige lay-out van je website aanpassen en er zijn verschillende opties voor de header
  • Blogberichten en pagina’s kan je volledig aanpassen (breedte, inhoud, metadata, sidebar, paginatitels, …)
  • thema is volledig compatibel met de meeste page builders zoals Elementor, Divi (Elegant Themes) en Visual Composer

GeneratePress

generatepress thema

Het tweede thema dat wij aanraden is Generate Press, vooral sterk in snelheid en gebruiksgemak. De belangrijkste troeven van deze topper onder de WordPress thema’s zijn:

  • Dit thema is erg veilig en stabiel en wordt regelmatig gecontroleerd door kenners
  • Het is een licht thema van minder dan 30 kb waardoor het snel geïnstalleerd is en je website snel zal laden
  • Onnodige code die je website vertraagt of onveilig kan maken is volledig achterwege gelaten
  • Verschijn bovenaan in de zoekresultaten dankzij dit SEO geoptimaliseerde thema
  • Toegankelijkheid: dit thema volgt de WAG 2.0 normen en is toegankelijk voor mensen met visuele of andere beperkingen
  • thema is volledig compatibel met de meeste page builders zoals Elementor, Divi (Elegant Themes) en Visual Composer

Storefront

storefront thema

WooCommerce Storefront is een gratis thema van de WooCommerce ontwikkelaars zelf. Meer voordelen:

  • Een naadloze integratie met WooCommerce (en diens plugins en uitbreidingen) is gegarandeerd, inclusief tijdens WooCommerce updates
  • SEO geoptimaliseerd voor betere resultaten in zoekmachines
  • Pas je website snel en eenvoudig aan en bekijk het resultaat meteen in real-time
  • Het thema is responsief en gebouwd voor toegankelijkheid
  • En nog een groot voordeel: ze bieden ook een grote catalogus aan met verdere uitbreiding en plugins om jouw webshop te perfectioneren

Je kan trouwens op de website van woocommerce een demo bekijken van Storefront.

OceanWP

oceanwp thema

En last but not least hebben we nog het OceanWP thema. Dit is een van de WooCommerce thema’s die zowel door beginners als door experten wordt gebruikt. Een aantal belangrijke features:

  • Er zijn demowebsites beschikbaar waar beginners meteen mee aan de slag kunnen om hun website te bouwen
  • OceanWP websites zijn volledig responsief en tonen even mooi op desktop als mobiele en tablet schermen
  • Dit thema ondersteunt RTL talen waardoor je het volledig in je eigen taal kan vertalen
  • Ben jij actief op Instagram? Dan kan je jouw Instagram-feed tonen op je webshop met behulp van een OceanWP uitbreiding
  • OceanWP biedt ook tientallen demovideo’s aan die je stap voor stap uitleggen hoe je dit thema kan personaliseren en optimaliseren

Elementor

elementor page builder

Met de Elementor plugin kan je jouw WooCommerce webshop met een eenvoudige drag & drop editor in elkaar zetten. Deze plugin werkt met bijna alle thema’s en is gratis!

Je zal zelf niets meer moeten coderen, met deze visuele page builder kan je snel wat je nodig hebt naar de juiste plaats slepen en klaar! Je bewerkt de inhoud van de pagina en de header en footer eenvoudig met deze plugin.

Speciaal voor WooCommerce werd de Elementor plugin uitgebreid met webshop functies. Stel de layout van je productpagina’s in om klanten te overtuigen. Bewerk of en hoe alle producten getoond worden en kies uit een breed aanbod van kleuren en typografische instellingen. Personaliseer ook de zoekpagina, je winkelwagen, de betaalpagina en de profielpagina.

Als je Elementor gebruikt op de manier zoals hierboven beschreven, dan heb je eigenlijk geen WordPress thema meer nodig. Niets voor niets wordt Elementor de “theme killer” genoemd.

Themeforest

Daarnaast kan je natuurlijk ook nog terecht bij Themeforest. Hier vind je waarschijnlijk het meest uitgebreide aanbod van woocommerce thema’s aan zeer dmocratische prijzen die variëren van 20$ voor startende thema’s tot de iets duurdere van 60 à 70$.

Groot voordeel van themeforest is ook dat je de thema’s eventueel zou kunnen kiezne per sector. Als je bijvoorbeeld een “bloemenwinkel” zou hebben, is deze zoekopdracht handig : https://themeforest.net/search/flower%20shop?compatible_with=WooCommerce#content

Opgelet : probeer wel te letten op een aantal zaken : hoe lang bestaat het thema al en heeft de community een goede starrating nagelaten. Controleer dit zeker om de beste prijs/kwaliteit te kopen. Want zelf al is dit niet veel gedl, is het tricky om bijvoorbeeld al na 6 maanden van woocommerce thema te moeten veranderen om de thema ontwikkelaar ermee gestopt is .

Pop-ups maken in wordpress met de Hustle Plugin

Pop-ups zijn een handige en snelle manier om de aandacht van je websitebezoekers te trekken. Ze kunnen gebruikt worden voor advertenties, om inschrijvingen voor een blog te verzamelen, of om cookiemeldingen te delen.

Wat zijn pop-ups ?

Pop-ups zijn kleine vensters die verschijnen bovenop je websitepagina. Ze kunnen meteen verschijnen op specifieke pagina’s, na bepaalde tijd of nadat een bepaalde actie genomen wordt. Ze worden vaak gebruikt voor:

  • Belangrijke berichten zoals cookiemeldingen
  • Inschrijvingsformulieren voor mailinglijsten
  • Extra call-to-actions
  • Je sociale media kanalen

Soorten pop-ups

Pop-ups na klik

De pop-ups die verschijnen nadat er ergens op geklikt wordt zijn de minst invasieve pop-ups. Een goede manier om deze te gebruiken is met behulp van een banner of afbeelding op je pagina waar je bezoekers uitnodigt om erop te klikken. Zorg ervoor dat deze banner goed opvalt en maak meteen duidelijk wat er zal gebeuren als erop geklikt wordt. Dit is bijvoorbeeld handig om bezoekers uit te nodigen een e-boek te downloaden, en in ruil daarvoor kan je het e-mailadres van de gebruiker vragen om ze later te kunnen contacteren met een commerciële boodschap.

Pop-ups op tijd

De pop-ups die na een bepaalde tijd verschijnen worden gebruikt om interesse verder aan te wakkeren. Hoe meer tijd je op een website doorbrengt, hoe meer interesse je hebt voor die inhoud. Denk bijvoorbeeld aan een van je productpagina’s. Als bezoekers al 30 seconden op die pagina zitten, zijn ze waarschijnlijk uitgebreid aan het lezen over je product. Waarom dan geen pop-up plaatsen die hen uitnodigt om een gratis demo of testperiode aan te vragen? Om te weten wat de ideale timing is voor deze pop-up, kijk je best in je Google Analytics naar de gemiddelde tijd die bezoekers doorbrengen op je pagina, en stel je pop-up dan een tiental seconden daarvoor in, zodat de geïnteresseerden hem zeker zien.

Scroll pop-ups

Voor blogberichten zijn scroll pop-ups ideaal. Deze verschijnen wanneer bezoekers een bepaald punt op je pagina bereiken door naar beneden te scrollen. Wie redelijk onderaan op de pagina van een lang blogbericht terecht komt (zeg op 70% van de pagina), is geïnteresseerd genoeg om daarna actie te ondernemen. Waarom dan geen pop-up plaatsen die hen uitnodigt om zich in te schrijven op je mailinglijst? Of een pop-up die een promo aanbiedt over het onderwerp van het bericht?

Onmiddellijke pop-ups

En tot slot zijn er nog de pop-ups die meteen verschijnen wanneer je op een pagina terechtkomt. Op je blogfeed kan zo’n pop-up handig zijn om inschrijvingen op je mailinglijst te vergaren. Op homepagina’s worden deze pop-ups vaak gebruikt om cookies en andere privacymeldingen mee te delen met bezoekers. Maar je kan ze bijvoorbeeld ook gebruiken om belangrijke promoties aan te geven. Bezoekers worden met deze pop-up uitgenodigd om actie te ondernemen vooraleer ze de inhoud kunnen zien.

Waarom zijn pop-ups belangrijk ?

Hierboven hebben we al uitgelegd wat pop-ups zijn en enkele voorbeelden van hoe je ze kan gebruiken. Het zal je nu dan ook wel al duidelijk zijn dat ze heel veel kunnen betekenen voor je website en leadgeneratie. Er zijn 5 belangrijke doeleinden waarvoor pop-ups belangrijk zijn:

  1. Via pop-ups kan je jouw websitebezoekers eenvoudig doorverwijzen naar jouw sociale media kanalen. En je kan hen ook vragen om jouw pagina of inhoud te delen op hun eigen sociale netwerken. Zo kan je van klanten loyale fans maken, en kan je twijfelaars blijven op de hoogte houden via sociale media.
  2. Veelgestelde vragen kan je ook eenvoudig beantwoorden in een pop-up. Als bezoekers het antwoord op hun vraag namelijk niet vinden, zullen ze je website al snel verlaten. Daarom is het misschien een goed idee om in een pop-up hun veelgestelde vragen te beantwoorden. Natuurlijk moet je hiervoor je doelpubliek erg goed kennen om op hun vragen te kunnen anticiperen.
  3. We hebben het ook al even gehad over e-books die je gemakkelijk kan verspreiden via een pop-up. Voeg een pop-up toe aan al je pagina’s waar het gaat over het onderwerp van je e-boek. Dan kunnen bezoekers hun contactgegevens doorgeven om jouw e-boek te ontvangen. Zo krijgen ze de informatie die ze wensen, en krijg jij hun contactgegevens om commerciële boodschappen te kunnen verspreiden.
  4. Behalve veelgestelde vragen beantwoorden, kan je van pop-ups ook gebruik maken om zelf vragen te stellen aan je websitebezoekers. Heb je net een nieuwe pagina of een nieuw product toegevoegd? Waarom dan geen pop-up toevoegen die vraagt naar de mening van je bezoekers? Of gebruik dit soort pop-up om je bezoekers al te gaan segmenteren door ze bv. te vragen wat hun probleem is, in welk van jouw producten ze geïnteresseerd zijn, wat hun aankoopintentie is, … Je kan hier heel veel nuttige informatie uithalen. Let wel op dat je niet teveel vragen stelt! Slechts een of twee vragen rechtstreeks in de pop-up. Als je meer vragen wil stellen, verwijs dan door naar een website als SurveyMonkey en leg ook duidelijk uit in je pop-up hoeveel vragen je gaat stellen (of hoelang het zal duren om ze in te vullen) en waarover het gaat.
  5. En we hebben het al een paar keer gezegd: pop-ups zijn ideaal om je e-maillijsten uit te breiden en contactgegevens van (potentiële) klanten te verzamelen. Bekijk onze sectie “email marketing” voor nog extra tips & tricks om je email marketing naar een “next level” te brengen.

Maar wordt er wel op pop-ups geklikt, vraag jij je misschien af?

Data wijst uit van wel. Internetgebruikers hebben dan misschien niet graag advertenties, maar pop-ups – als ze juist gebruikt worden – hebben wel effect.

We raden je hierbij dan wel aan om geen traditionele pop-up te gebruiken die in een nieuw scherm opent, want dat wordt al snel als spam gezien en dat soort pop-ups worden door de meeste browsers ook tegen gehouden. Kies in de plaats daarvoor voor een pop-up die binnenin je scherm verschijnt boven de content, net als een lightbox dat doet.

En wanneer je begint met pop-ups geven we je ook een gouden raad: test elke stap grondig en ga verder op je testresultaten.

Hoe de hustle plugin gebruiken

Voor WordPress websites raden wij je persoonlijk aan om de Hustle plugin te gebruiken. Je kan hiermee pop-ups, slide-ins, embeds en sociale balken maken voor in je pagina’s en blogberichten.

In je WP Dashboard kan je deze WordPress plugin zoeken en installeren. Dan verschijnt Hustle linksonder in je dashboard menubalk. Daarin kan je jouw pop-ups gaan samenstellen met een titel, inhoud en foto. Daarna kan je ook instellen hoe je pop-up eruit zal zien en eventueel custom CSS toevoegen.

Nadat je pop-up is ingesteld, kan je hem eenvoudig activeren als pop-up of slide-in met een druk op de knop. Je zal dan gevraagd worden om voorwaarden in te vullen. Daarbij kan je kiezen uit:

  • Tijdsgerelateerde pop-ups die verschijnen na X aantal seconden
  • Pop-ups die verschijnen wanneer je ergens op klikt
  • Scroll pop-ups die tevoorschijn komen wanneer je een bepaald punt op de pagina bereikt
  • Pop-ups gebaseerd op locatie en positie
  • Enkel op een specifieke pagina of in een specifiek blogbericht
  • Specifieke pop-ups voor een bepaalde categorie of tag van je blogberichten
  • Pop-ups voor referral links
  • En je kan ook pop-ups maken per type toestel dat op je pagina terecht komt (verschillende pop-ups voor desktop en mobiel dus)

Pro’s en contra’s

De voordelen van pop-ups hebben we hier al uitgelegd, het is een ideale manier om je bezoekers tot actie aan te zetten. Maar dan moet je er wel goed mee omspringen. Want als je teveel pop-ups gebruikt, of ze gebruikt op de verkeerde momenten, gaan bezoekers dit storend ervaren en je website sneller verlaten. Zorg er dus voor dat je pop-up altijd relevant ten opzichte van je website en dat ze gemakkelijk weg geklikt kunnen worden.

Het grote voordeel van Hustle is dat alle functies gratis te verkrijgen zijn. Je hoeft alleen te betalen voor Hustle Pro als je ongelimiteerde e-mail opt-ins, custom pop-ups en sociale media balken wil gebruiken. En niet alleen kan je alle functies gebruiken en volledig personaliseren, je hebt ook volledige controle over waar ze op je scherm verschijnen en wanneer. Bovendien is Hustle ook bestand tegen ad blockers en responsief voor mobiele schermen.

Mollie WooCommerce plug-in

Mollie WooCommerce plug-in

Mollie WooCommerce is een WordPress plug-in die je kunt gebruiken om het betalingsverkeer van je webwinkel te regelen. Mollie Woocommerce is erg populair, betrouwbaar, degelijk en vooral veilig. In dit artikel vertellen we wat je van deze Payment Service Provider (PSP) mag verwachten en hoe je de plugin integreet in woocommerce.

Wat doet Mollie?

Mollie is een Payment Service Provider (kortweg PSP). Dat is een bedrijf dat ervoor zorgt dat jouw webwinkel transacties kan ontvangen. De klant betaalt zijn aankoop via de PSP. Daarna krijg jij deze inkomsten uitbetaald door deze Payment service Provider op je (zakelijke) rekening. Mollie is in Nederland een van de bekendste PSP’s.

Mollie WooCommerce is momenteel erg populair onder webwinkeliers. Dat is niet zonder reden. De software van Mollie WooCommerce is erg gebruiksvriendelijk.

Ondernemingen van elk formaat kunnen bij Mollie terecht voor een zeer betrouwbare en degelijke service bij het regelen van het betaalverkeer.

Mollie werkt niet met abonnementen zoals veel van haar collega’s/concurrenten. Je betaalt alleen een klein bedrag per transactie. Verder zijn er geen verborgen kosten en is er geen opzegtermijn. Een account is zo gemaakt en geheel gratis, hoe kan het ook anders? Dit alles maakt Mollie zeer interessant. Je merkt het al, wij zijn erg enthousiast over Mollie. Waarom? Dat leggen we je graag uit, dus lees vooral verder.

Zeker als je als beginnende KMO een webshop wilt starten, is Mollie een uitgelezen kans om snel de dingen op orde te hebben. Dit is belangrijk zodat jij je kunt focussen op je eigen bedrijf. Er is al zoveel wat je aandacht vraagt.

De voordelen van Mollie

    • Je betaalt bij Mollie per transactie, dus alleen als je iets verkoopt. Per betaalmethode is er een tarief dat je betaalt aan Mollie. Als je via iDeal betaalt, is dat bijvoorbeeld slechts 0,29 euro ongeacht het transactiebedrag. Mollie werkt niet met abonnementen zoals sommige andere PSP’s. Mollie hanteert bovendien volumekortingen.
    • De technische expertise is volgens eigen zeggen één van de sterke punten van Mollie Woocommerce. Omdat ze al een aantal jaartjes meegaan, heeft het team inmiddels flink wat expertise opgebouwd.
    • Een uitgebreide API interface. Een Application Program Interface is een stukje software dat tussen jouw webshopsoftware en de betaalsoftware van Mollie in zit. Via deze API kun je alles eenvoudig instellen. De uitgebreide documentatie maakt het configureren en testen kinderspel. Een korte tijd later kunnen de betalingen binnen komen.
    • Je hebt als klant een uitgebreide keuze uit betaalmethodes, zowel binnenlandse als internationale!
    • De uitstekende beveiliging van de Mollie WordPress plug-in is zeer degelijk en alom geprezen.
    • Er zijn ingebouwde tools voor refunds (geldteruggave), chargebacks (terugvordering) maar ook recurring payments. Dit laatste stelt je in staat om je klanten abonnementen aan te bieden waarbij je maandelijks een contributie kunt incasseren.
    • Mocht je ondanks de uitgebreide documentatie tegen problemen aanlopen bij het installeren van Mollie dan kun je terecht bij de in-house support teams van Mollie.
    • Met het gratis dashboard kun je real-time data bekijken van je bedrijf waarbij je snel inzicht krijgt in de status van je omzet, betalingen of problemen daarbij.

Hoe gaan PSP’s te werk ?

Een Payment Service Provider (PSP) zorgt voor de techniek achter het betalingsverkeer van een webwinkel. Mollie is zo’n PSP. Het is software die voor WordPress als een plug-in wordt aangeboden en daar veelal wordt gebruikt in combinatie met WooCommerce.

Een PSP zorgt ervoor dat de bezoeker van een webwinkel een heel scala aan betaalmogelijkheden krijgt aangeboden, en dat het betalen ook veilig verloopt.

Iedereen heeft zo zijn eigen favoriete manier van betalen. Het maakt dan niet meer uit of dit via Bancontact, Ideal, creditcard of Paypal verloopt. Daar zorgt de PSP allemaal voor. Stel je voor dat je dit allemaal zelf handmatig moet configureren. Het zou een gigantische klus worden en als ondernemer heb je wel iets anders te doen.

Tevens zorgt een PSP als Mollie ervoor dat de betalingen veilig verlopen. In plaats van dat je zelf het betalingsverkeer van je webshop regelt, gebruik je daar nu een aparte provider voor die tevens zorgt voor de beveiliging. Betalingsverkeer regelen is niet iets wat je zelf wilt doen. Daarvoor zijn de gevaren op het internet te groot, en jij bent verantwoordelijk als er iets misgaat. Daarom zijn diensten als Mollie in het leven geroepen.

De klant betaalt in principe aan de PSP, Mollie in dit geval. Het geld komt dan eerst enige tijd later op jouw speciale bankrekening bij Mollie te staan. Op afgesproken tijden wordt daarna het geld overgemaakt van je Mollie-account naar jouw eigen of zakelijke bankrekening.

Alle PSP’s hebben toestemming nodig van de centrale bank en moeten voldoen aan een groot aantal strenge regels om het betalingsverkeer op en top veilig te organiseren. Ze zijn het bezit van een officiële licentie.

Payment Service Provider: Hoe het werkt!

Criteria die helpen bij je keuze voor een PSP:

  • Welke betaalmethodes wil je aanbieden voor jouw webwinkel? Wat voor doelgroep heb je, en waar komt die vandaan? Dat kan je keuze voor betaalmethodes bepalen. Als je actief bent in het buitenland is het raadzaam om ook deze betaalmethodes aan te bieden. Het is altijd verstandig om het aantal methodes zo ruim mogelijk te kiezen. Dat verhoogt je conversie.
  • Hoeveel transacties verwacht je per betaalmethode? Probeer dit aantal zo goed mogelijk in te schatten. Heb je misschien gegevens uit het verleden. (van je oude webwinkel).
  • Heeft de PSP een goede plug-in om jouw webwinkel snel te integreren? Is de software eenvoudig te installeren in jouw webwinkel of moet je overal hulp voor inschakelen? Is er een uitgebreide API? Heb je veel mogelijkheden om zelf nog wat in te stellen?
  • Hoe is de online support? En betaal je hiervoor? Je kunt de kwaliteit van de helpdesk testen door, voordat je een keuze hebt gemaakt, gewoon een lastige technische vraag online te stellen. Nu kun je controleren hoe snel ze reageren en of het antwoord je bevalt.
  • De transactietarieven van de PSP’s liggen vaak vast per betaalmethode. Het is dus belangrijk om voor jouw favoriete methodes de beste tarieven te vinden. Op dit moment liggen de prijzen dicht bij elkaar door de grote concurrentie op de markt. Wat uiteraard gunstig is voor de consument.
  • Is de veiligheid in orde? Elke PSP staat onder toezicht van de FSMA. De strenge regels waaraan voldaan moet worden hebben vooral te maken met de veiligheid. Mollie staat bekend als een zeer betrouwbare PSP plug-in.
mollie plugin installatie
Mollie plug-in installatie

Hoe de plug-in installeren en gebruiken?

De Mollie WordPress plug-in is snel en eenvoudig te installeren. We gaan ervan uit dat je eerst een Mollie account hebt aangemaakt. Ga als volgt te werk:

  1. Installeer de nieuwste Mollie WooCommerce plug-in via het WordPress admin Dashboard.
  2. Ga naar “Plug-ins” en vul in het zoekvenster in “Mollie Payments for WooCommerce
  3. Download en activeer vervolgens de plug-in.
  4. Vul de Mollie API key in bij WooCommerce –> instellingen -> betalingen. (of gebruik de Mollie instellingenlink in het plug-in overzicht). Deze key kun je vinden in je Mollieprofiel.
  5. In principe ben je nu klaar. De actieve betaalmogelijkheden zijn zichtbaar op je webshop.

Meer hulp nodig? Ga naar de plug-in pagina voor gedetailleerdere installatie-instructies.

Mogelijke updates worden voortaan automatisch aangekondigd op de gebruikelijke manier via je WordPress dashboard. Let op: als je nog een oudere versie van Mollie gebruikt kun je hier zien waar je op moet letten bij het overstappen.

Mollie WooCommerce Plug-in: conclusie

Mollie is een zeer betrouwbare WooCommerce plug-in met een strak design. De uit Nederland afkomstige Payment Service Provider (PSP) bestaat al geruime tijd en heeft inmiddels een goede reputatie opgebouwd. Je betaalt bij Mollie alleen voor de transacties. Er bestaat geen abonnement.

Deze werkwijze maakt Mollie zeer geliefd bij startende ondernemers. Echter ook voor grote bedrijven met een fors volume aan betalingen is Mollie dé oplossing. Het bedrijf heeft ruime ervaring en zegt zelf te houden van “complexe technische uitdagingen”. Deze opgebouwde technische expertise is bij Mollie dik in orde en is nu zelfs een van de speerpunten van het bedrijf.

Nadat je de Mollie Woocommerce plug-in geïnstalleerd hebt, hoef je verder niet meer om te kijken naar de betalingen via je webwinkel. De installatie is erg eenvoudig.

Wij vinden de Mollie WordPress plug-in voor WooCommerce een enorme aanwinst een een aanrader voor elke webshopeigenaar. Mocht je hulp nodig hebben bij het installeren van Mollie WooCommerce, neem dan contact op met Mailbox Marketing. Wij helpen je graag verder.

Hoe een child theme installeren in WordPress

wordpress child theme installeren

WordPress child themes zijn (zoals de naam suggereert) thema’s die de volledige functionaliteit erven van hun “ouder “ of “parent” thema’s.

Bedoeling is om je eigen code toe te voegen aan je gekozen thema’s zonder dat die wijzigingen overschreven worden door de volgende thema update.

Wat is een WordPress child theme ? 

Als je WordPress al veel gebruikt hebt, weet je dat je een wordpress thema moet installeren om je website een bepaalde layout mee te geven.

Er zijn tienduizenden WordPress thema’s zomaar te verkrijgen en bepalen ze het uitzicht van je wordpress site.

Maar wat als je nu een aantal wijzigingen wil aanbrengen aan je thema. Worden die dan niet overschreven bij de volgende update van je thema ? Om dat te verhelpen, kan je best werken met een child theme.

Een WordPress child theme is een WordPress-thema dat zijn functionaliteit erft van een ander WordPress-thema, het “ouder thema” of “parent theme”.

Child themes worden vaak gebruikt wanneer je een bestaand WordPress-thema wilt aanpassen of aanpassen zonder de mogelijkheid te verliezen om dat thema te upgraden. Anders zouden de wijzigingen die je hebt gedaan aan het parent theme gewoon verloren gaan.

In het verleden was er geen eenvoudige manier om WordPress-thema’s te updaten zonder alle aangepaste styling en wijzigingen die je had aangebracht te verliezen.

Het WordPress core development team en de WordPress community besloten dit probleem op te lossen door het concept van “parent” en “child” theme te introduceren. 

Een “child theme” in WordPress zou alle functionaliteit, functies en de code van het parent theme erven zonder het parent theme zelf te wijzigen. Hierdoor kunnen gebruikers de styling van het ouder thema veranderen en functies toevoegen/wijzigen zonder de mogelijkheid te verliezen om het ouder thema te updaten.

Waarom een child theme gebruiken ? 

Je wil een aantal wijzigingen aanbrengen aan je hoofdthema. Je wil bijvoorbeeld de css wijzigen of een javascript file toevoegen. Of misschien een aantal specifieke shortcodes ?

Of je wil de structuur van de specifieke php sjablonen aanpassen maar niet voor alle sjablonen.

Dan is een child theme ideaal. Immers je kan perfect een aantal sjablonen van het hoofdthema kopiëren en aanpassen in je child theme.

Dus misschien zijn child thema’s niet voor de gemiddelde gebruiker want er komt al gauw wat kennis bij kijken rond css, javascript en php. 😎

Maar bekijk het zo : het is uiteindelijk een kleine moeite om dit vanaf het begin te doen. Als je dan toch vroeg of laat een programmeur wil loslaten op je WordPress site, dan heb je waarschijnlijk geen of weinig problemen bij aanpassingen van de functionaliteit van het hoofdthema.

Hoe werkt een child theme ?

Een child theme laadt eerst, voor de parent theme, en bevat alleen overschrijvingen en aanvullingen op het ouder thema.

Al uw CSS, sjablonen, afbeeldingen en andere bestanden worden in de map van het child theme bewaard, terwijl de originele bestanden van het parent theme intact blijven.

Als er iets kapot gaat, kunt u eenvoudigweg het desbetreffende bestand in de map van het child theme verwijderen of repareren.

Hieronder zie je hoe een child theme zig gewoon nest in de map van de thema’s. Je kan een child theme dus gewoon toevoegen maar ook gewoon weer verwijderen als je merkt dat er zich een probleem voordoet. Niet alle thema’s ondersteunen child themes. Maar dat is een minderheid.

Voor meer info verwijs ik je graag door naar dit artikel : https://make.wordpress.org/training/handbook/lesson-plans/theme-school/child-themes/child-themes-twentyseventeen/

Hoe zelf een WordPress child theme aanmaken

Grofweg genomen zijn er 3 manieren om zelf een child theme te gebruiken op je eigen WordPress site.

Meegeleverd met je WordPress thema

Het gebeurt vaak bij commerciële WordPress thema’s dat de child themes gewoon meegeleverd worden. 

Als je bijvoorbeeld het avada theme gekocht hebt, dan krijg je eigenlijk twee thema’s om te installeren : het hoofdthema en het child theme.

Je moet ze gewoon apart installeren maar te beginnen met het hoofdthema uiteraard.

Een child theme installeren met een plugin

Dé manier om zelf een child theme te installeren, is uiteraard door de installatie van een plugin. Een kleine zoektocht op wordpress.org, leert ons onmiddellijk dat er vele mogelijkheden zijn om dit zelf te doen.

Zoals gewoonlijk is de vraag niet of er een plugin is maar eerder van “welke gaan we best gebruiken”.

Nu zijn er best een heleboel plugins die dit voor jou kunnen doen. Maar we hebben er één specifieke plugin uitgekozen (vooral omdat ie makkelijk is) : child theme wizard.

Onderaan dit artikel vind je video die je duidelijk toont hoe je dat zelf kan doen. En niet vergeten : als er dan toch iets misgaat, dan kan je nog altijd terugkeren naar je “oude” thema.

Belangrijk : het is aan te raden de child theme plugin naderhand te verwijderen. Immers te veel nutteloze plugins kunnen je WordPress site serieus vertragen. Je child theme wordt immers niet verwijderd als je de plugin verwijderd die het child theme aangemaakt heeft.

Zelf een child theme maken

Wil je je eigen child theme aanmaken, dan kan dat natuurlijk ook. Maar eerlijk gezegd zie ik er de toegevoegde waarde niet van in.

Je vind de volledige technische setup terug in dit artikel optimizewp.com.

Schrijfrechten op de server

Als je wil gebruik maken van de functionaliteit van een child theme, moet je als gebruiker wel schrijfrechten hebben op de server.

Veel hosting firma’s laten gebruikers niet toe thema’s of plugins te veranderen. Kwestie van veiligheid op je webserver.

Je kan dat echter wel aanpassen. Je kan je hosting firma contacteren om dit voor jou in orde te brengen. Je kan het echter ook zelf in orde brengen via de volgende stappen :

  1. Gebruik SFTP en ga naar de locatie van uw WordPress-site.
  2. Open wp-config.php op uw computer.
  3. Zoek naar:  (‘DISALLOW_FILE_EDIT’, true);
  4. Verander waar naar onwaar:  define(‘DISALLOW_FILE_EDIT’, false);
  5. Sla het bestand op en upload het opnieuw naar je server

Video : hoe een child theme installeren