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

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 er 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.

Published with StoryChief

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

Wat is een child theme ?

Als je WordPress al veel gebruikt hebt, weet je dat je een thema moet installeren.

Maar wat als je nu een aantal wijzigingen wil aanbrengen aan je thema. Worden die dan niet overschreven bij de volgende htme updates ? Om dat te verhelpen, kan je best werken met een child theme. Onderstaande video toont hoe je dat makkelijk kan realiseren.

Video : hoe een child theme installeren

Breadcrumbs en SEO

Breadcrumbs en SEO

Iemand die zelf bezig is met WordPress gaat altijd op zoek naar verbeteringen. Het gebruik van breadcrumbs of broodkruimels zou ook voor jou interessant kunnen zijn. In deze blog vertellen we je wat breadcrumbs zijn en waarom jij je zou moeten gaan gebruiken op je website.

Broodkruimelpaden zijn zeer geschikt voor de wat grotere websites die over diverse niveau’s beschikken. Zij kunnen bezoekers helpen door deze extra navigatiefeature in te bouwen. Ook om andere redenen is het gebruiken van breadcrumbs op een website vaak een goede zaak.

bol.com breadcrumbs/broodkruimelpad

Breadcrumbs zijn zoals gezegd interessant voor grotere bedrijven en e-commerce shops, maar iedere KMO met een uit de kluiten gewassen website kan gebruikmaken van broodkruimels om de bezoekers te helpen bij het navigeren door de website.

In deze blog vertellen we alles over wat breadcrumbs zijn, en waarom ze ook voor jouw bedrijf interessant kunnen zijn. Natuurlijk vertellen we er meteen bij hoe je ze kunt installeren op je website.

Wat zijn breadcrumbs

Wie kent er nog het verhaal van Hans en Grietje? Toen ze dreigden te verdwalen in een donker bos was Hans zo slim om broodkruimeltjes te strooien. Zo zouden ze altijd hun weg terug kunnen vinden. Waar Hans geen rekening mee gehouden had, was dat vogels zijn stukjes brood ook lekker vonden. Toen ze later terug wilden, waren alle broodkruimels opgegeten, waardoor ze alsnog verdwaalden in het bos.

De breadcrumbs die we op onze website toevoegen, zijn op dit sprookje gebaseerd maar in tegenstelling tot het sprookje werken ze hier wel goed. Breadcrumbs zijn navigatie-elementen die dienen om bezoekers te helpen om makkelijker de structuur van je website te gebruiken. De breadcrumbs komen als een extra ondersteuning op de al bestaande navigatie hulpmiddelen op je website, niet als vervanging ervan.

Terwijl ze de gebruiker helpen, helpen ze ook Google om je website structuur beter te doorgronden. Google is blij met een goed broodkruimelpad, en vooral de robots van Google zijn er verzot op, maar daarover later meer.

Nu weet je waarvoor kruimelpaden bedoeld zijn. Maar hoe zien ze er nu precies uit? We zullen je een paar leuke voorbeelden laten zien van breadcrumbs, zodat we zien waarover we het hebben. Waarschijnlijk ben je ze al vaak tegengekomen tijdens het surfen.

Enkel voorbeelden van breadcrumbs

niveau’s in een breadcrumb pad.

Hierboven zijn duidelijke de verschillende niveaus van de site te zien. Het laatste deel (groen) van het spoor wordt “locatie” genoemd. Dat is je huidige locatie op de website. Alle hogere niveaus zijn klikbaar. Je kunt dus rechtstreeks klikken op “server-side Coding”.

Google geeft het goede voorbeeld.

Google zou Google niet zijn als ze zelf niet het juiste voorbeeld gaven. “Basic search Help” is hier de locatie. Google kiest voor een heldere en eenvoudige aanpak, maar het werkt, en voor zoekmachines maakt het niet uit hoe het eruitziet.

Mooie design breadcrumbs bij Mailbox Marketing. De opmaak volgt de huisstijl.

Deze breadcrumbs zijn mooi opgenomen in het trendy design en de huisstijl van de website. De locatie is onze pagina over WordPress opleidingen bij Mailbox marketing. Steeds vaker worden breadcrumbs op een visueel aantrekkelijke manier gepresenteerd. Ze passen in het design van de site en in de huisstijl. Google houdt er wat dat betreft nog een erg “basic” breadcrumbs stijl op na.

Welke soorten breadcrumbs

We laten je hier kennismaken met de drie meest voorkomende types kruimelpaden.

Location breadcrumbs

Dit is zonder meer het meest voorkomende type breadcrumb. Je kunt op deze manier hiërarchisch door je website klikken, en van niveau naar niveau springen. Dit type wordt ook wel hiërarchie gebaseerde breadcrumb genoemd. Je kunt precies zien hoeveel stappen je nodig hebt om terug op de homepagina te komen.

Voorbeeld: “Home > blog > categorie > naam van de blogpost.”

Pad breadcrumbs

Dit type van breadcrumb toont het logische pad dat een gebruiker zou kunnen kiezen naar een bepaalde pagina. Zo kun je diverse paden aanleggen, allemaal naar dezelfde pagina, bijvoorbeeld een verkooppagina. Google vindt meerdere paden naar dezelfde bestemming minder leuk. Dit principe kan nadelig uitpakken voor de SEO ranking. Mocht dit gebeuren, kies dan voor location based breadcrumbs. Een andere term voor dit type is history-based breadcrumbs. Ze laten jouw historie zien op de site. Waar heb je allemaal op geklikt om hier te komen?

Voorbeeld: “home >vorige pagina >vorige pagina >vorige pagina> huidige pagina”.

Attribute of keyword breadcrumbs

Dit type breadcrumb lijkt op het location breadcrumb. Maar in plaats van de naam van de pagina weer te geven wordt er gekozen voor het tonen van keywords die deze pagina beschrijven. Dit type kom je heel vaak tegen bij e-commerce websites zoals die van Bol.com, Coolblue, Amazon en noem maar op.

Voorbeeld: “home >producten >product categorie >geslacht > maat > kleur.”

Waarom zijn breadcrumbs belangrijk ?

Breadcrumbs zijn een belangrijk onderdeel geworden van iedere goed gebouwde website. Ze vertellen de bezoeker niet alleen waar hij of zij zich bevindt op de website, op elk gewenst moment. Ook voor Google zijn broodkruimelpaden belangrijk om de structuur van de website beter te kunnen doorgronden. Wanneer Google een site beter kan lezen, levert dat meer informatie op voor de zoekmachine robots. Als gevolg hiervan zal de score in de zoekmachine resultaten verbeteren. Het is daarom voor iedereen met een wat grotere website met meerdere niveaus belangrijk om een broodkruimelpad te hebben, en als gevolg daarvan hoger te scoren bij Google!

Breadcrumbs en WordPress

Het belang van breadcrumbs is inmiddels overduidelijk aangetoond. We willen nu weten hoe we deze breadcrumbs kunnen installeren op onze website. Voor de bezitters van een WordPress website is er goed nieuws: Er zijn meerdere plugins beschikbaar om deze lastige klus uit handen te nemen.

Je kunt kiezen uit de volgende plugins:

Thema PHP bestand bewerken voor breadcrumb- activatie

Om te kunnen werken met bijvoorbeeld de Yoast SEO plugin moet je eerst een stukje PHP code aan je WordPress thema toevoegen. De code kun je doorgaans veilig plaatsen in de bestanden single.php of page.php. Let even op waar de code precies moet komen in jouw geval. Dit is afhankelijk van het gebruikte WordPress thema. Met de plugin “What the file” kun je snel het juiste .PHP bestand achterhalen.

De code is als volgt:

php code om yoast SEO plugin te activeren
plaats deze code op de juist plaats in het PHP bestand van je WordPress thema.

Wat deze code feitelijk zegt is: “Als breadcrumbs zijn geactiveerd, laat ze dan zien”. Dat is alles.

Nadat de code op de juiste locatie is toegevoegd en opgeslagen, ga je naar de “SEO” van Yoast SEO, en vervolgens naar breadcrumb settings. Hier kun je “enable breadcrumbs” aanvinken. Hier kun je ook de instellingen voor je breadcrumbs instellen.

Yoast SEO plugin

De Yoast SEO plugin wordt alom geprezen en niet voor niets. Na installatie heb je een uitgebreid dashboard tot je beschikking om alles te beheren.

Features van Yoast SEO plugin:

  • Vertelt Google precies waarover je pagina gaat.
  • Ingebouwde zoekterm optimalisatie
  • Controleert op leesbaarheid, te oude content en dubbele content.
  • Je hebt de volledige controle over je breadcrumbs
  • Alle ingewikkelde technische zaken worden op de achtergrond geregeld.
  • Veranderingen in het Google algoritme worden opgevolgd en bijgewerkt.
  • Je krijgt “voorstellen” voor het aanmaken van interne links.

Nadelen van Yoast SEO:

  • Het groene bolletje dat binnen Yoast SEO aangeeft dat alles dik in orde is, heeft het wel eens mis. Google bepaalt zelf welke websites hoog scoren.
  • Er zijn wat verschillen tussen hoe Yoast een goede SEO score afgeeft en hoe Google daar tegenaan kijkt. Het komt erop neer dat Google heel wat meer tools heeft om websites op te indexeren, en zodoende zijn er wel eens verschillen.

Breadcrumbs NavXT

Dit is de opvolger van de populaire WordPress plugin Breadcrumb Navigation XT. De naam is hooguit wat korter geworden maar de plugin is van de grond af opnieuw opgebouwd. Deze plugin maakt locatie breadcrumbs trails aan, die vervolgens nog op allerlei manieren aan te passen zijn. Je maakt gebruik van een handige administratieve gebruikersinterface, maar voor gevorderde gebruikers en ontwikkelaars is directe toegang tot de broncode ook mogelijk.

Features:

  • Uitgebreide mogelijkheden om instellingen van de breadcrumbs paden aan te passen. Een aantal veelgebruikte instellingen staat al default ingesteld.
  • Ondersteunt verschillende WordPress taalkeuze pakketten.
  • Ingebouwde WordPress widget
  • Compatibel met: RDFa format, WPML, Polylang, bbPress en BuddyPress.
  • Nog steeds erg populair bij WordPress bloggers

Nadelen:

  • Beschikt niet over ingebouwde style settings, zodat je de breadcrumbs niet direct de juiste opmaak kunt meegeven.

Wil je wat meer uitleg over hoe je breadcrumbs kan integreren in WordPress ? Contacteer ons dan voor meer inlichtingen.

Breng je website tot leven met levensechte 3D-visualisaties

Breng je website tot leven met levensechte 3D-visualisaties

In de zoektocht naar extra functionaliteiten voor onze WordPress-klanten, kruiste 3dWalk, een videobedrijf gespecialiseerd in 3D-visualisatie ons pad.

Ze maken levensechte, virtuele beelden die een extra touch geven aan een website.
De demo heeft ons alvast overtuigd en we geloven dat dit concept een meerwaarde kan zijn voor heel wat klanten. De samenwerking met 3dwalk is ondertussen beklonken met een glaasje cava 🍾.

We zijn dan ook blij te kunnen aankondigen dat Mailbox voortaan ook 3D-beelden van je zaak of toonzaal kan integreren in je website.

3d view van Mailbox bvba

Wat doet 3dwalk?

3dwalk zorgt voor de ultieme online beleving op je website en gaat nog een stuk verder dan 360° video. Hoe werkt het ?

Er wordt een 3D scan van je zaak of toonzaal gemaakt. Naast dieptezicht kan je aan deze video extra functionaliteiten toevoegen, zoals bijvoorbeeld het openen van een deur om een andere ruimte te betreden of het toevoegen van detailinformatie. De websitebezoeker ontdekt de virtuele ruimte al wandelend, hij kan inzoomen of klikken om nog meer te ontdekken.

Hiermee benaderen we de ervaring van een bezoek ter plaatse. De 3D-technologie laat objecten en projecten op je site tot leven komen. Ze maakt ze tastbaar en laat tot de verbeelding spreken.

Dit virtueel concept is toepasbaar in heel wat sectoren zoals retail, horeca, vastgoed, toerisme … Concreet, je kan online al wandelend rondkijken in bijvoorbeeld een showroom, b&b of appartement.
De technologie is bovendien betaalbaar, de instapprijs ligt rond de 500 euro.

Ontdek de virtuele ontdekkingstochten op 3dwalk.

7 redenen om 3D-visualisatie te integreren op je website

  1. Het spreekt voor zich
    “Beelden zeggen meer dan woorden” luidt het cliché. We leven in een visuele maatschappij met sterke focus op uitstraling. In dit concept laat je mooie panden en producten voor zich spreken.
  2. Merkbeleving
    Video is hot maar 3D-beelden gaan nog een stapje verder. Het is een innovatief concept dat de meeste van jouw concurrenten (nog) niet gebruiken. De authenticiteit versterkt het imago van je zaak of merk.
  3. Het brengt leven in je website
    Bewegende video zorgt voor dynamiek op je site. Met 3dWalk kan de websitebezoeker online wandelen en acties ondernemen op de site. De 3D-visualisatie van een pand of product maakt het ook levensecht.
  4. 24 op 24u en 7 dagen op 7
    Jouw toonzaal, restaurant of vastgoed is online altijd open. Potentiële klanten kunnen zich een duidelijk beeld vormen van jouw zaak, product of pand en dit vanuit hun luie zetel. Ook tijdens de gewone kantooruren verkiezen sommige online te ontdekken in plaats van zich te verplaatsen in het drukke verkeer.
  5. Scoren in SEO
    Het concept laat toe om productdetails toe te voegen en trefwoorden te integreren die je SEO ten goede komen. De pagina’s met 3D-video zullen ook langer bekeken worden waardoor je goede punten scoort in je organische ranking.
    Je kan de videobeelden natuurlijk ook integreren in je andere promotiekanalen zoals Facebook of digitale nieuwsbrieven.
  6. Alternatief voor dure architectuurvisualisatie
    Visualisaties winnen aan belang in architectuur en vastgoed want potentiële kopers willen zich een goed beeld kunnen vormen van ontwerpen en renovaties. 3dWalk tovert met virtuele homestaging de werkelijke situatie om tot een mogelijk eindresultaat.
  7. Op maat van jouw doelgroep
    In het project leggen we de juiste accenten zoals sfeer, beleving en details om jouw doelgroep te raken.

Korting op 3D-visualisaties

Heb je nog vragen over het concept?
Wil je brainstormen over de toepassingsmogelijkheden voor jouw bedrijf?
Contacteer Inge van 3dWalk, onze partner in 3D-visualisatie.

Als Mailbox-klant, krijg je 10% korting op de normale prijzen.
3dWalk maakt de 3d-video, Mailbox zorgt voor een perfecte integratie op je website achteraf.

5 interessante betalende WooCommerce plugins

5 interessante betalende WooCommerce plugins

De beste manier om een webshop te bouwen in je WordPress website is met WooCommerce. Deze eenvoudige en gebruiksvriendelijke plugin biedt je alles wat je nodig hebt om je webshop te bouwen met al een heleboel functionaliteit.

Maar met wat extra WooCommerce plugins kan je deze functionaliteit nog serieus uitbreiden.

Wat zijn WordPress plugins ?

WordPress plugins zijn eigenlijk stukjes software die extra functies kunnen toevoegen aan je WordPress website. Dat kunnen erg uitgebreide plugins zijn, zoals WooCommerce bijvoorbeeld. Dat is zelf een erg uitgebreide plugin om een webshop te kunnen bouwen in WordPress.

Maar het kunnen ook kleine plugins zijn die een specifieke functie toevoegen aan je website. In je WordPress dashboard vind je in het linkermenu de link naar de Plugins.

WordPress backend – Plugins

Daar kan je alle plugins vinden en installeren. Veel plugins zijn gratis of bieden een deel van hun functies gratis aan. Zo ook met de WooCommerce plugins. Die is gratis, maar voor meer functies zal je moeten bijbetalen.

Waarom WooCommerce plugins ?

In de gratis versie van WooCommerce zitten een aantal thema’s om je webshop te stylen. Daarnaast bevat de plugin ook deze basisfuncties voor je webshop:

  • Stockbeheer
  • Productbeheer
  • BTW berekening
  • Verzendingskosten
  • Standaard e-mails
  • Basis betaalmethodes

Om te starten met een eenvoudige, kleine webshop is dat voldoende.

Maar als je jouw webshop wil uitbreiden of beter aanpakken en opvolgen, dan zal je enkele betalende WooCommerce plugins nodig hebben. Ook als je meer opties voor design en styling wil, zal je extra plugins moeten kopen.

5 betalende WooCommerce plugins

XL WooCommerce Sales Triggers

Met de XL WooCommerce Sales Triggers plugin kan je de conversie van je WooCommerce webshop verbeteren.

Sales Triggers zijn technieken die de grootste webshops ter wereld zoals Amazon en Ebay gebruiken om bezoekers aan te zetten tot kopen. Met deze plugin kan jij die ook toepassen op jouw WooCommerce webshop!

De 7 sales triggers waaruit je kan kiezen zijn:

  • Een countdown timer die aftelt tot wanneer de aanbieding verlopen is zet mensen aan tot kopen. Hoe lager de teller staat, hoe groter het dwingend effect en hoe sneller bezoekers zullen kopen.
  • Creëer schaarste door te vermelden hoeveel items er nog overblijven in de voorraad. Terwijl die cijfers omlaag gaan, zullen bezoekers steeds meer geneigd zijn om te kopen voordat de voorraad op is.
  • De derde sales trigger is perfect geschikt voor aanbiedingen en promoties. Je kan hiermee namelijk aangeven hoeveel bespaard wordt met de huidige promotie.
  • Of zet andere kopers in om nieuwe klanten te overtuigen. Gebruik sociaal bewijs als overtuigingskracht door informatie over recente aankopen in je webshop te delen. Je geeft dan bijvoorbeeld een voornaam en de locatie door van de persoon die dat product onlangs gekocht heeft.
  • Met de garantie trigger kan je bepaalde sterke punten van je webshop in de kijker zetten om meer vertrouwen te creëren. Denk aan beloftes zoals snelle verzending, eenvoudig producten terugsturen, veilige betaling, …
  • Als je niet veel reviews krijgt, is vermelden dat 2 mensen je een scoren van 4.1 geven niet zo overtuigend. Als je dat echter omzet in procenten, heeft dat veel meer effect. Een tevredenheidsscore van 86% zet sneller aan tot kopen.
  • En als laatste kan je ook de “bestseller” trigger gebruiken. Hiermee kan je één product per categorie aanduiden dat het best verkoopt. Dat zal anderen sneller overtuigen om dit product aan te kopen.

WooCommerce ultimate points and rewards

Ultimate Points and Rewards is een van de beste WooCommerce plugins om jouw klantloyaliteit te verhogen. Het werkt net zoals een klantenkaart in een fysieke winkel: klanten kunnen punten verzamelen en die later inzetten om korting te krijgen.

De manieren waarop klanten punten kunnen verdienen zijn:

  • Inschrijven op een nieuwsbrief
  • Andere nieuwe klanten aanbrengen
  • Een product of dienst aankopen
  • Een recensie schrijven over je producten
  • Geld uitgeven in jouw webshop

Je kan deze functies afzonderlijk aan- of uitzetten om zo je eigen loyaliteitsprogramma uit te bouwen. Dit zal de klantloyaliteit verhogen en je bestaande klanten vaker terugbrengen.

WooCommerce extra product options

De WooCommerce extra product options plugin breidt de technische functionaliteiten van je producten in de webshop uit. De lijst met nieuwe functionaliteiten is eindeloos, maar hier noemen we er alvast een aantal erg interessante op.

  • Meer mogelijkheden in je formulieren van verschillende soorten velden (aanvinken, tekstveld, documenten opladen, datumveld, …) tot voorwaardelijke logica. Dat wil zeggen dat je bijvoorbeeld kan instellen dat wanneer product X aangeduid worden, opties A en B beschikbaar worden. Zo kan je jouw bestelformulieren uitbreiden en aanpassen naar jouw voorkeuren.
  • Je krijgt ook veel meer opties voor het vaststellen van de prijzen. Zo kunnen prijzen veranderen wanneer verschillende product opties gekozen worden om bijvoorbeeld een toeslag te voorzien voor cadeauverpakking. Maar je kan ook de stijging van de prijzen vaststellen op een vast bedrag of een specifiek percentage.
  • Je kan ook meerdere WooCommerce thema’s en opties gaan gebruiken via deze plugin. Dan denken we bijvoorbeeld aan mogelijkheden om met verschillende munteenheden te werken of aan een specifieke rekenmachine voor prijzen te berekenen op basis van verschillende criteria.

WooCommerce table variations

Gebruik jij veel tabellen in je webshop? Dan is de WooCommerce table variations plugin misschien interessant voor jou! Het zal je product pagina’s veel overzichtelijker maken door alle belangrijke informatie in een mooie tabel weer te geven.

Woocommerce Table Variations

Bovendien kan je hier ook extra productopties (productvariaties) overzichtelijk weergeven. Bijvoorbeeld om meerdere hoeveelheden van een product te bestellen, om door de voorraad te bladeren of door verschillende producten tegelijkertijd te kunnen selecteren. Ook als je bijvoorbeeld een product aanbiedt waar achteraf nog iets gekozen moet worden, kan je dat met deze tabellen mooi weergeven.

Dan denken we bijvoorbeeld aan een T-shirt die beschikbaar is in verschillende kleuren of een gsm hoesje waar je jouw smartphone model eerst nog moet selecteren.

WooCommerce advanced bulk editor

Wil je jouw leven vergemakkelijken en aanpassingen op je webshop sneller doorvoeren? Dan heb je de WooCommerce advanced bulk editor nodig!

Je voorraad aanpassen, eigenschappen van je producten aanpassen, afbeeldingen veranderen of kortingen aanmaken voor meerdere producten tegelijk – het kan allemaal met deze bulk editor.

Je kan meerdere producten selecteren op basis van de titel, categorie, eigenschappen, verkoopprijs, tags die je hebt toegevoegd, lange en korte beschrijvingen, de status van het product, de voorraad, het type product, wie het product heeft toegevoegd en meer. En dan kan je eenvoudig alle producten aanvinken waarop je in één keer aanpassingen wil maken.

WooCommerce email customizer

Nummer vijf in dit lijstje van betalende WooCommerce plugins is de WooCommerce email customizer. Zoals de naam het al zegt kan je hiermee de e-mails die je vanuit je webshop verstuurt aanpassen.

Je moet dus niet langer via een ontwikkelaar te passeren om je e-mails te optimaliseren. Bovendien hoef je ook niet meer alleen te vertrouwen op automatische e-mails, maar kan je de boodschap en inhoud aanpassen en personaliseren per klant. Wat je er zoal mee kan doen:

  • De kleuren en lay-out van je e-mails aanpassen
  • Header en footer van je e-mail bijwerken en specifieke links gebruiken
  • Je sociale netwerken toevoegen in je e-mails
  • De inhoud en tekst van de e-mails personaliseren
  • Tijdens elke stap kan je de bewerkingen die je hebt gemaakt visualiseren, zodat je weet hoe je e-mail templates eruitzien na elke aanpassing
  • Je kan ook bestaande klanten contacteren of een e-mail opnieuw versturen. Dus zelfs nadat je automatische e-mails vertrokken zijn, kan jij je klanten apart contacteren of de vorige mail opnieuw versturen.

Wil je zelf aan slag met je eigen e-commerce webshop in Woocommerce ? Contacteer ons voor meer inlichtingen.

Bookly plugin

Bookly plugin

Tijd winnen en geld besparen om afspraken te boeken via Bookly

Lukt het jou om je agenda 100% nauwkeurig bij te houden? Of heb je overal post-itjes en reminders liggen en loop je zo af en toe wel eens een afspraak mis? En wat gebeurt er dan wanneer jij je klanten toegang geeft tot je agenda, zodat zij rechtstreeks hun afspraken met jou kunnen plannen?

Dan kan er wel eens chaos ontstaan. Een online agenda planner kan dan de oplossing bieden!

Daarom moet je misschien eens nadenken over automatisatie om je afspraken te boeken.

Er bestaan namelijk verschillende online agenda planners, waar jij eenvoudig kan aangeven wanneer je beschikbaar bent voor afspraken. De voordelen zijn legio: niet alleen zal het jouw leven gemakkelijker maken, het zal je ook heel wat tijd, geld en moeite besparen.

Je hoeft geen assistentie meer in te huren om je agenda te beheren, het online afsprakensysteem doet dat voor jou! Je kan dat systeem ook eenvoudig koppelen aan je eigen agenda, zodat je geen enkele afspraak (en potentiële inkomsten) meer misloopt. En je bespaart ook hopen tijd, doordat je niet meer de hele tijd tussen agenda’s moet schipperen. Je vermijdt dubbele boekingen, en het gaat ook veel sneller voor je klanten. Zij nemen jouw online agenda planner door en kiezen een moment dat hen het beste past, en de afspraak is meteen vastgelegd.

Meet bookly: online agenda planner

Met de Bookly plugin voor wordpress kan je dat allemaal, en meer.

Dankzij automatisatie kunnen klanten wanneer ze maar willen een afspraak inplannen, of dat nu tijdens de werkdag is, ‘s avonds of in het weekend. Je hoeft bovendien zelf ook niets meer te doen om afspraken te bevestigen, dus je kan rustig voortwerken en het systeem zijn ding laten doen. Zo krijgt je klant een afspraak op het moment dat voor hem het beste uitkomt, en hoef jij je er zelf niet mee bezig te houden. Win-win!

De setup van de plugin is eenvoudig.

Je volgt de gebruikelijke stappen om de plugin toe te voegen aan je WP dashboard en daarna kan je aan de setup van je online afsprakensysteem beginnen. Je geeft aan wat voor soort afspraken je wil boeken, voor welke medewerker(s) en wat je werkuren zijn. Dan geef je de tijdstippen aan wanneer je elke dag beschikbaar bent en wanneer afspraken ingepland kunnen worden. Tot slot kan je ook prijzen aan je afspraken vasthangen. Die kunnen dan meteen online betaald worden tijdens de boeking om de afspraak te bevestigen.

Werking Bookly

  

Je kan dus verschillende Diensten creëren in Bookly. Denk bijvoorbeeld aan een gratis kennismakingsgesprek van 30 minuten, een in-depth analyse van 1 uur tegen betaling, en bijvoorbeeld een aantal webinars en online cursussen voor verschillende prijzen.

Je kan ze om het voor jou gemakkelijk te maken ook verschillende kleuren geven, zodat je het onderscheid duidelijk ziet in je kalender.

Extra voordelen:

  • Meldingen via SMS en e-mail over nieuwe en aankomende afspraken
  • Meerdere medewerkers toevoegen zodat je de plugin met meerderen tegelijk kan gebruiken
  • Verschillende talen en vertaalopties inbegrepen
  • Integratie met online betaalsystemen mogelijk (PayPal, 2CheckOut, Mollie, Autorize.net en meer)
  • Eenvoudige werking en personaliseerbaar ontwerp
  • 24/7 ondersteuning
  • Synchronisatie met Google Calendar mogelijk
  • Extra’s toevoegen aan je diensten
  • Voeg verschillende locaties toe aan je diensten

Daarnaast zijn er ook nog een aantal extra uitbreidingen verbonden aan deze online agenda planner. Met behulp van extra add-ons kan je de functies uitbreiden, met:

  • Custom Fields: wil je meer weten dan enkel de standaard velden van de plugin? Dan kan je met deze add-on extra velden en vragen toevoegen om meer informatie van je klanten te verzamelen.
  • Special Days: in de algemene instellingen stel je jouw algemene openingsuren en -dagen in. In het tabblad van de medewerkers kan je hun specifieke uren instellen. En met de extra add-on Special Days kan je specifieke dagen aanpassen. Denk aan verlofdagen, een dag dat ze uitzonderlijk vroeger beginnen of stoppen, ziekte en afwezigheden, …
  • Service Schedule: heb je bepaalde diensten die maar op specifieke tijdstippen beschikbaar zijn? Dan kan je dat met de Service Schedule add-on aangeven zodat het mee opgenomen wordt in je online afsprakensysteem.
  • Deposit Payments: wil je klanten hun afspraak laten bevestigen met een voorschot? Dat kan ook met de Deposit Payments add-on. Bij boeking betalen ze dan een voorschot dat jij hebt ingesteld, en op een later moment moeten ze de rest voldoen.
  • Group Booking: met de Group Booking add-on kunnen klanten voor meerdere personen tegelijkertijd een afspraak maken.
  • Recurring Appointments: dankzij de add-on Recurring Appointments kunnen afspraken ingepland worden die terugkomen. Elke dag, elke week, elke X dagen en ook het aantal keer dat er herhaald moet worden of een einddatum kunnen ingesteld worden.
  • Special hours: met deze plugin kan je dynamische prijzen instellen op basis van specifieke uren. Zijn je afspraken ‘s avonds bijvoorbeeld duurder? Dan kan dat met deze add-on duidelijk gemaakt worden.
  • Coupons: een goede manier om meer klanten aan te trekken of ze te laten terugkomen is werken met coupons. Ook dat kan je laten automatiseren in je Bookly online agenda planner met de Coupons add-on.
  • Chain Appointments: met de Chain Appointments plugin kunnen klanten meerdere diensten tegelijkertijd boeken.
  • Customer Information: en met de laatste add-on kan je jouw klanten om meer informatie vragen dan de standaard velden (naam, telefoonnummer, e-mailadres). Wil je bijvoorbeeld al wat vragen stellen om je dienst beter voor te bereiden? Dat kan hier! En deze informatie zal toegevoegd worden aan je klantenfiche in de plugin.

Product Variaties in Woocommerce : hoe te beginnen

Product Variaties in Woocommerce : hoe te beginnen

Weet je hoe je product variaties in woocommerce beheert ? In dit artikel gaan we op zoek naar wat nu juist product variaties zijn en hoe we ze makkelijk beheren. Affiniteit met WordPress en Woocommerce gaat je zeker helpen dit artikel ten volle te gebruiken.

​Wat zijn product variaties in woocommerce ?

Als je een webshop wil uitbouwen, is het erg belangrijk op voorhand na te denken over je producten en hoe je die wil presenteren.

Laten we eens een makkelijk voorbeeld nemen.

Je wil een webshop opstarten met de verkoop van t-shirts (alsof dit nog nooit gedaan is). Je hebt 5 basismodellen maar telkens verkrijgbaar in Large en Small. Je hebt ze bovendien enkel in Blauw en Rood.

Sommigen zouden redeneren : dat zijn dan 20 producten (5 modellen x 2 maten x 2 kleuren). Maar dat is eigenlijk wat kort door de bocht.

In feite hebben we 5 basisproducten die elk een aantal variaties hebben, namelijk verkrijgbaar in blauw/rood en in small/large. We hebben dus de keuze uit 4 varianten per T-shirt.

Uiteraard is dit nog een vrij “simplistische” weergave van de echte realiteit waarbij het aantal variaties serieus kan oplopen.

Voor de wiskundigen : het is het totale aantal van de mogelijk waardes vermenigvuldigt met mekaar.

Opnieuw een voorbeeld :

We verkopen in onze webshop posters van de hardrock band “Kiss”.

Deze zijn naast de maat en de kleur, ook beschikbaar in 3 soorten stoffen. Laten we nu de mogelijkheden eens bekijken :

  • 4 basismaten : extra small, small, large, extra large
  • kleur : rood, zwart,blauw en groen
  • basisstof : katoen, wol en nylon (:-)

Zie je het aantal mogelijkheden ? 4 x 4 x 3 = 48

Wat is de relatie tussen productvariaties in woocommerce en product eigenschappen ?

De logica die we hierboven beschreven voor de T-shirt shop, kan je makkelijk op productniveau toevoegen. En dan spreken we over product variaties in woocommerce.

Maar wat als we dus eigenschappen nu nodig hebben voor het ganse gamma van onze producten ? Moeten we dan telkens opnieuw per product deze eigenschappen gaan maken en invullen ?

Daarvoor hebben we in woocommerce de sectie “product eigenschappen”.

Hier kan je een aantal eigenschappen definiëren en gebruiken voor al je producten zodat je alle waardes slechts eenmaal moet toevoegen.

Typische waardes die je hier kan invullen zijn dus bijvoorbeeld grondstof, maten, gewichten, breedtes, hoogtes, kleuren, …

Daarnaast moet je voor elke eigenschap ook nog waardes ingeven die je dan kan hergebruiken op product niveau.

Hoe productvariaties in woocommerce aanmaken

Eigenschappen kiezen

De eerste stap om je product variaties in woocommerce aan te maken zoals hierboven geschetst, is door de status van een product aan te passen van “simpel product” naar “variabel product”.

Eigenschappen toevoegen

De tweede stap is nu om de eigenschappen die van toepassing zijn toe te voegen als eigenschappen van het desbetreffende product. Je kiest dus enkel die eigenschappen die van toepassing zijn.

Daarnaast moet je ook de waardes van die eigenschappen manueel toevoegen. Immers misschien zijn niet alle waardes van toepassing.

Vergeet zeker niet aan te duiden (de checkbox) “gebruik voor variaties”. We willen effectief die eigenschappen gaan gebruiken als basis voor onze productvariaties.

Niet vergeten : als er meerdere eigenschappen van toepassing zijn, moet je meerdere klikken op “toevoegen” naast de dropdown waar je eerst de desbetreffende product eigenschap hebt aangeduid.

Variaties aanmaken op basis van de gekozen eigenschappen

Eenmaal je klaar bent met de eigenschappen (en je het desbetreffende product bewaard hebt !!), klik je op de volgende tab in het woocommerce meta venster : Variaties.

Daar kies je voor de tweede optie in de dropdown (variaties voor alle eigenschappen toevoegen). Zo creëer je dus een productvariant voor elke waarde van elke producteigenschap.

Dit kan vrij snel oplopen (het aantal mogelijkheden) maar Woocommerce verwittigd je op tijd als het wat “extreem” wordt.

Woocommerce product variaties beheren

Eenmaal alle variaties aangemaakt zijn, kan de individuele eigenschappen van elke variatie gaan aanpassen.

Je opent het tabblad van elke variatie door te “hoveren” met je muis aan de rechterkant van de variantie. Dan zie je een omgekeerd driehoekje aan de rechterkant van elke variatie. Hierop klikken en je ziet de details van de desbetreffende variatie.

Zoals je hierboven kan zien, zijn er best wel wat gegevens die je kan aanpassen. We noemen er enkele :

  • afbeelding (indien die specifiek is voor de variaties, bijvoorbeeld een zwart katoenen t-shirt in extra large)
  • het unieke artikelnummer
  • de prijs van deze specifiek variatie : moet ingevuld zijn of de product variatie zal in de webshop niet getoond worden
  • verzendklasse en btw klasse (of belastingsklasse in Woocommerce)
  • Voorraadstatus
  • Nog enkele andere items

Je kan gerust een aantal variaties bewerken alvorens onderaan op “Wijzigingen Opslaan” te klikken.

Gutenberg : ben jij een fan van de nieuwe wordpress editor ?

Gutenberg : ben jij een fan van de nieuwe wordpress editor ?

De Gutenberg Editor vs de klassieke editor, waar ga jij voor?

WordPress heeft op 6 december 2018 de nieuwe editor Gutenberg ingesteld als standaard editor voor het plaatsen van berichten.

De ontkenningsfase zullen we dus nu echt moeten passeren, want ook al waren we zo gewend aan de klassieke editor; het werd inderdaad tijd voor een update.

Samen met de lancering van WordPress 5.0 is Gutenberg geïntroduceerd en dat belooft een hele hoop. We mochten er al een tijd aan wennen door een losse plug-in, maar nu kunnen we ons echt helemaal vastbijten in de nieuwe editor.

In dit artikel zetten we alle voor- en nadelen voor je op een rijtje en leggen we je precies uit hoe je het in je voordeel kunt gebruiken!

De Klassieke editor: was hij wel zo klassiek?

Het korte antwoord: ja. Met klassiek is niet per se iets mis, maar wanneer je werkt in de marketing weet je dat het online landschap heel snel verschuift. Dat betekent niet veel ruimte voor klassiek. We moeten meebewegen om aan de wensen van de bezoekers te kunnen blijven voldoen.

De klassieke editor van WordPress heeft de afgelopen jaren weinig aanpassingen gehad. Dat zorgt enerzijds voor herkenbaarheid en vertrouwen bij de vele gebruikers, maar ook WordPress heeft te maken met concurrenten. Andere platforms als Medium of Wix boden namelijk wel een verfrissende en makkelijkere manier van het verwerken van content op de website.

Voor WordPress een duidelijk signaal dat er behoefte is aan een andere manier van gebruik van de visuele editor zoals die bekend was. Om erachter te komen waar dan precies behoefte aan was heeft WordPress 6 maanden lang vrijwilligers en toonaangevende gebruikers aan het nieuwe concept Gutenberg onderworpen. Zij mochten maandenlang gebruikmaken van de nieuwe editor en alles uitproberen.

Naar aanleiding van die feedback is er een nieuwe versie gemaakt en voilà: Gutenberg was geboren en een nieuw tijdperk is daarmee aangebroken!

Waarom WordPress met een oplossing moest komen

Steeds meer mensen maken gebruik van WordPress en dat brengt steeds meer wensen en eisen met zich mee.

WordPress was initieel gemaakt voor bloggers die minimaal basiskennis hebben van HTML en shortcodes, maar de doelgroep werd al snel groter. WordPress ging daarin mee en maakte het systeem makkelijker in gebruik voor mensen zonder programmeerkennis.

Perfect was het echter nog niet, want met de opkomst van de vele bloggers en vloggers die nog minder kaas hadden gegeten van het bouwen van websites, moest er een oplossing komen. Concurrenten sprongen hierop in door gemakkelijke systemen aan te bieden die websites bijna kant en klaar konden aanbieden.

Als je tegenwoordig net zo makkelijk een website kunt bouwen zonder HTML-kennis, waarom dan niet overstappen naar een ander systeem?

WordPress moest actie ondernemen om te voorkomen dat het nog enkel gebruikt zou worden door de ervaren bouwers. Met de status van meest gebruikte en vriendelijke systeem hadden ze nu eenmaal een reputatie hoog te houden. En ondanks dat de plug-ins wel degelijk updates kregen, is er aan de editor nooit iets veranderd. Gelukkig heeft WordPress geluisterd naar de vraag en kunnen ze nu ook de beginners van dienst zijn met het gemakkelijk plaatsen van te gekke content!

Wat/wie is Gutenberg?

Genoeg over WordPress zelf, want wat is de mysterieuze Gutenberg dan?

Laten we beginnen met de oorsprong van de naam, want die is wel bijzonder. De nieuwe editor heeft haar naam te danken aan Johannes Gutenberg. Meer dan 500 jaar geleden vond hij de drukpers uit met een beweegbaar type. Een revolutionaire naam, dus de verwachtingen lagen hoog.

Met de nieuwe editor zijn HTML en shortcodes niet meer nodig, waardoor ineens een nieuwe doelgroep kan worden aangeboord: de ultieme beginners.

Gutenberg is een editor die sterk visueel is ingesteld, zodat je eigenlijk helemaal niet meer met codes te maken hebt als je dat niet wil. Door middel van simpele blokken kun jij de complete website vormgeven. Simpeler dan drag & drop kan het niet worden!

Testen en bijsturen, testen en bijsturen

Ook al is de nieuwe editor er, dat wil nog niet zeggen dat ze klaar zijn met het aanpassen. Gutenberg is wat ze noemen een “ongoing project” en zal de volgende maanden nog zeker een aantal “makeovers” kennen.

Het is lange tijd door talloze ervaren en onervaren personen gebruikt en al die input is gebruikt bij het finetunen van de Gutenberg editor. Het product mag er dan ook zeker zijn, maar compleet is het nog niet.

De ervaring leert namelijk dat de lancering van een nieuwe feature altijd veel met zich meebrengt. Mensen moeten wennen aan de nieuwe besturing en zullen ongeacht nog tegen blokkades of beperkingen aanlopen. Zeker gezien het systeem door een brede doelgroep in gebruik wordt genomen: de echte beginners zonder kennis van HTML, tot de ervaren programmeurs die het liefst alles handmatig in elkaar knutselen.

De gulden middenweg lijkt met de nieuwe editor gevonden, maar we zijn ervan overtuigd dat we de komende tijd nog met een aantal updates te maken gaan krijgen. Voordat je het gaat gebruiken zetten we de voor- en nadelen voor je op een rijtje.

Wat de komst van Gutenberg met zich meebrengt

Gutenberg Editor is eigenlijk niets meer dan een builder die we kennen van andere systemen als Elementor en Divi Builder. Maar ieder voordeel kent ook een nadeel. Wij hebben inmiddels ook uitvoerig gebruikgemaakt van de editor en hebben ervaringen van anderen vergeleken met onze bevindingen.

Zo zijn we op het volgende uit gekomen:

Voordelen:

  • Gutenberg heeft een ruime opstelling waardoor je meer overzicht houdt over de pagina wanneer je deze maakt;
  • Blokken zijn gemakkelijk om te gebruiken en met de nieuwe uitlijningsmogelijkheden is het beter in gebruik voor schermen met een hoge resolutie en sites met volledige breedte;
  • Gutenberg is zeer prettig in gebruik op mobiel. Een laptop of computer is dus niet meer nodig bij kleinere aanpassingen;
  • Ontwikkelaars kunnen nog altijd hun hart ophalen met de mogelijkheid om thema’s en plug-ins tot aangepaste blokken te maken;
  • Ideaal in gebruik voor de beginnende websitebouwers
  • Ook voor de ervaren developers is er nog altijd mogelijkheid om het eigen te maken en van de standaard af te wijken.

Nu de voordelen op een rijtje staan begint het duidelijk te worden waarom veel mensen ontzettend blij zijn met de nieuwe komst.

Toch brengen de voordelen ook een keerzijde met zich mee.

Nadelen:

  • Het is niet altijd makkelijk om 100% controle te hebben op de layout van de verschillende blokken. Basisaanpassingen van layout zijn nog té beperkt
  • Kopiëren van Google Docs of Word naar WordPress is momenteel nog waardeloos. Lay-out wordt kapotgemaakt bij het plakken en dat betekent een hoop dubbel werk;
  • Ondersteuning van Markdown ontbreekt nog;
  • Voor de gebruikers van de oude editor is de nieuwe Gutenberg een grote wijziging in de manier van werken waardoor het tijd kost om opnieuw ingewerkt te worden en het gebruik weer eigen te maken;
  • Vanaf oktober 2017 ondersteunt Gutenberg meta boxes die belangrijk zijn voor de SEO van de website. Nog niet optimaal, want door de bewerkingen laat Yoast het nog wel eens afweten;
  • Ontwikkelaars krijgen het nog lastig met de compatibiliteit in de toekomst door de vele thema’s en plug-ins die aangepast moeten worden of geüpdatet moeten worden.

Aan de slag met Gutenberg!

Hoe Gutenberg werkt met de blokken hebben we eerder al uitgelegd, maar nu is het tijd om echt aan de slag te gaan. Nog een kleine sidenote: wanneer Gutenberg officieel wordt opgenomen als editor van WordPress moet je noodgedwongen afscheid nemen van de klassieke editor, maar met de plug-in genaamd Classic Editor kun je alsnog gebruikmaken van je trouwe vriend! Let wel op, want een oplossing voor de lange termijn is het natuurlijk niet.

Gutenberg is dus de standaard editor geworden van WordPress. Je kan er zowel berichten als pagina’s mee bewerken.

Wanneer je in de visuele editor zit krijg je de pagina te zien zoals de eindgebruiker deze ook min of meer te zien krijgt. Met name het bewerken is met sprongen vooruitgegaan, want het slepen en droppen is zo gedaan.

Wil je een nieuw blok toevoegen? Dan klik je simpelweg op de ‘Insert’-knop en je kiest wat je aan content wil toevoegen, de mogelijkheden zijn eindeloos! Tabellen, afbeeldingen, video’s, teksten; you just name it.

Nu is het aan jou

We kunnen nog heel lang blijven praten over de Gutenberg editor, maar je leert het maar op één manier en dat is door te doen. Installeer en ontdek wat het jou te bieden heeft. Uiteraard staan wij voor je klaar om je te helpen met op maat gemaakte oplossing als je er niet uitkomt!

Mocht je toch nog wat willen oefenen en experimenteren. Dans is deze link ideaal : https://frontenberg.tomjn.com/

Of dit artikel op wpbeginner.

Ons kantoor : design, rust en efficiëntie

Ons kantoor : design, rust en efficiëntie

Heb je al eens een oude boom geknuffeld? Een gelukzalig gevoel van stilte en rust overmeestert je. Want die boom staat er nog steeds. Na al die jaren, door wind en regen, oorlog en vrede, door alle veranderingen en evoluties heen.

Oude panden zijn net hetzelfde. Ze staan er nog steeds. Statig. Impressief. Hun verleden werkt inspirerend. En dat is net zo met het oude gemeentehuis van Ruisbroek, waar Mailbox bvba haar kantoren vestigde.

In de as van de Kerkstraat, op de splitsing van Ruisbroek-Dorp en de Gansbroekstraat, biedt het oude gemeentehuis een rustiek kader waar het rustig werken is. Een inspirerende omgeving die we delen met 2 andere bedrijven: Kultuz Interieurarchitecten en SV Meubelen.

Design, rust en efficiëntie

Allemaal kozen we zeer bewust voor dit pand. Design, rust en efficiëntie zijn er troef. Want het gebouw is niet gewoon een oud gemeentehuis, het is een beschermd neoclassicistisch monument. Door de jaren heen werd het voor verschillende doeleinden gebruikt. Het ademt charisma en vertrouwen.

Beschermd monument

Wie langskomt voor een vergadering of één van onze opleidingen, komt terecht in een neoclassicistisch vrijstaand gebouw uit 1839.

Het bestaat uit drie traveeën en twee bouwlagen opgetrokken onder een leien tentdak. Dat rust op een houten kroonlijst ondersteund door sierlijke modillons of beugels. Boven op het dak prijkt een bekronende windwijzer.

De symmetrische, bepleisterde en geschilderde lijstgevels zijn afgewerkt met typisch 19de -eeuwse puilijsten en kordons in arduin. De benedenverdieping is versierd met imitatievoegen en rondboogarcades. Aan de voorkant werd zo’n arcade opengewerkt tot portiek. Van een “entree” gesproken…

Het gebouw fungeerde eerst als gemeentehuis. Later werd het ingericht als museum “De Bres”, ter herinnering aan de overstroming van 1976. De gedenksteen is er nog steeds en houdt de herinnering levende.

In 2011 werd het gebouw volledig gerenoveerd. Maar omdat het een beschermd neoclassicistisch monument is, mocht de buitenkant niet veel veranderen. En binnen was er niet voldoende plaats om bijvoorbeeld een lift te installeren. Daardoor zijn niet alle verdiepingen voor iedereen toegankelijk. Omdat dit een essentieel punt is voor het museum, moest het noodgedwongen verhuizen. Je vindt het vandaag in het gebouw van de bibliotheek in de Kerkstraat.

Rust, focus en inspiratie: beter vind je niet

Het oude gemeentehuis kwam helemaal vrij te staan en de ruimtes werden te huur aangeboden op de privé-markt. Het charisma van dit historisch gebouw maakt indruk op zijn bezoeker en biedt een kalme werkomgeving, weg van de drukte buiten.

En zo’n rustige sfeer is niet alleen geweldig om elke dag in te werken, het schept ook de ideale omstandigheden voor opleidingen. Zo’n omgeving helpt ons en onze klanten ook online efficiënt en creatief te zijn. Rust, focus en inspiratie: we konden niet beter vinden.

Heb je nood aan een nieuwe website? Of ben je al begonnen met WordPress en je kan nog wat hulp gebruiken? Neem een kijkje in ons opleidingsaanbod of contacteer ons en maak een afspraak. Met wat geluk vergader je in het oude bureau van de burgemeester of in de raadzaal…

WordPress Super Cache

WordPress Super Cache

Een vaak voorkomende klacht van gebruikers is dat websites niet snel genoeg laden. Hoewel hiervoor verschillende oorzaken te vinden zijn, is meestal een goedkope hosting de schuldige.

We hebben er nog een artikel over geschreven : hoe de wordpress laadsnelheid verbeteren.

Wil je een krachtige webserver ? Bekijk ons aanbod managed wordpress hosting.

Daarnaast zijn er nog andere oorzaken voor een langzaam ladende website :

Soms ligt het aan de internetverbinding van de bezoeker, maar vaak ook aan de server of de website zelf. Wanneer het aan de internetverbinding van je eigen hosting provider ligt kunnen je daar iets aan doen, door op zoek te gaan naar een betere snellere hosting provider. Of je vraagt of er bij je eigen provider mogelijkheden zijn voor een snellere verbinding. Ook de server waarop de website draait dient over voldoende geheugen en een snelle processor te beschikken. Hebben we ook dat punt afgevinkt dan komt het aan op onze website zelf.

Onze WordPress site is een content management systeem. Dat wil zeggen dat het feitelijk een grote database is. Er zijn diverse slimme tools ontwikkeld om onze website sneller te maken. Een hele bekende is de WordPress Super Cache plugin.

Deze plugin laat je toe de snelheid van je website significant te verbeteren via caching. In dit artikel gaan we verder in op de talrijke mogelijkheden van deze gratis plugin van WordPress. Je zult zien dat er eigenlijk geen reden te bedenken is om deze plugin niet standaard te installeren.

Gebruik van de WordPress Super cache: Wat is caching

Voordat we gaan kijken naar de functionaliteiten van de WordPress Super Cache is het verstandig om even stil te staan bij wat caching nu eigenlijk precies is. We weten dat we door middel van caching onze website sneller kunnen maken. Maar hoe werkt het precies?

WordPress bestaat onder de motorkap grotendeels uit HTML en PHP code. Er zijn allerlei trucjes op toegepast en eigenlijk worden de pagina’s pas samengesteld en omgezet naar HTML code, die onze browser nodig heeft op het moment dat een bezoeker een pagina opvraagt op een server. Dit noemen we dynamisch samengestelde webpagina’s. En dat werkt beter en flexibeler dan de ouderwetse HTML websites van vroeger.

Maar… er is een grote maar. Dat samenstellen en presenteren van dynamische pagina’s kost tijd en servercapaciteit. Daar heeft men iets op gevonden.

Een plugin zoals WordPress Super Cache bewaart een statische (HTML) kopie van vaak bezochte pagina’s op je website. Als een bezoeker nu deze pagina opvraagt, krijgt hij niet een dynamisch samengestelde pagina, maar de statisch samengestelde versie (kopie) van de pagina. En dat gaat veel sneller.

Wat doet WP Super Cache?

De WP Super Cache plugin is een uitgebreide plugin met flink wat instelmogelijkheden. Als je voor het eerst deze plugin gebruikt, zou ik gewoon gaan voor de aanbevolen settings. We bespreken de belangrijkste hieronder.

Simple caching.

Dit is een supersnelle manier om statische bestanden te presenteren aan de bezoeker. Voor deze methode hoef je geen ingewikkelde instellingen aan te passen. Je hebt nog wel een aangepaste permalink nodig maar dat is zo gebeurd. Delen van je website kun je gewoon “dynamisch” houden, d.w.z dat de pagina’s pas worden opgebouwd als de gebruiker ze opvraagt. Dus niet alle pagina’s worden verplicht op deze manier gecached.

Ook gebruikers die commentaar op je website hebben achtergelaten krijgen een andere manier van caching voorgeschoteld, anders zouden ze hun commentaar namelijk nooit kunnen lezen, omdat ze steeds dezelfde voorgebakken statische HTML pagina te zien krijgen. Natuurlijk heeft WordPress een oplossing voor dit “probleem” voorhanden.

Compress pages.

Omdat we alles in het werk moeten stellen om pagina’s sneller te laden worden ook file zip technieken gebruikt. Het programma Gzip compression wordt hiervoor door WordPress gebruikt.

Ook het comprimeren van afbeeldingen is een taak die dit programma kan uitvoeren. Doorgaans worden afbeeldingen al bewerkt voordat ze online worden gezet. Dat is dus niet meer nodig, want WP Super Cache heeft een ingebouwde tool om dit alsnog te doen.

Bekende plugins om je afbeeldingen te optimaliseren zijn wp smush en wpcompress.

Don’t cache pages for known users.

Gebruikers die ingelogd zijn op je website krijgen hun op maat gemaakte cache aangeboden. Dus niet de standaard cache die voor 99% van de overige gebruikers geldt.

Cache rebuild.

Deze feature zorgt ervoor dat gebruikers zo snel mogelijk een ververste pagina te zien krijgen nadat één of meerdere gebruikers commentaar hebben achtergelaten op je website.

Normaal gesproken gooit WordPress een cache pagina weg als er wijzigingen zijn. Er wordt dan een nieuwe pagina opgebouwd. Dit kost tijd en die heb je soms niet als er ondertussen maar bezoekers blijven binnenstromen.

De cache rebuild feature zorgt ervoor dat gebruikers altijd nog de oude pagina te zien krijgen en dat er ondertussen een nieuwe versie wordt klaargezet.

CDN support.

Een Content Delivery Network (CDN) is een wereldwijd netwerk van computers en servers die ervoor zorgen dat je website sneller laadt. Er wordt gebruik gemaakt van servers in jouw omgeving.

Extra homepage checks.

Wanneer je bezig bent met het configureren van de WP super Cache plugin zorg er dan voor dat je deze instelling ook aanvinkt.

Als je rekening hebt gehouden met de bovenstaande instellingen ben je klaar met het configureren van de WP Super cache plugin.

Maar we willen je natuurlijk niet dwingen om alleen maar naar deze plugin te kijken. Zoals gewoonlijk zijn er weer voldoende alternatieven om je website sneller te laden. Ook daar willen we graag nog even de aandacht op vestigen.

Andere caching plugins

Er zijn een aantal alternatieven voor WP Super cache. Wat dacht je van deze plugins:

  1. WP Rocket (betaald/premium) Voor deze plugin moet je weliswaar betalen, maar je krijgt wel waar voor je geld ten opzichte van de gratis plugins die hetzelfde zeggen te doen. De plugin biedt enkele krachtige mogelijkheden en is verbluffend snel en eenvoudig in te stellen via een speciale interface. WP Rocket is ook een aanrader in combinatie met eCommerce websites.
  2. Cache Enabler (gratis) Deze plugin is een gratis maar waardig alternatief voor mensen die WP Rocket te duur vinden. Het programma is snel en betrouwbaar. Dat deze gratis plugin zelfs in WordPress multisite te gebruiken is, is een mooie bonus. Het biedt bijna dezelfde functionaliteit als WP Rocket.
  3. Comet Cache (gratis + betaald) Deze plugin kun je zowel gratis als betaald installeren. Uiteraard verschillen de functies iets. Waar deze tool in uitblinkt is de fantastische documentatie die we bij geen enkele andere plugin terugvinden. Daarnaast is de installatie erg eenvoudig.
  4. W3 Total Cache (gratis) Alweer een zeer bekende gratis plugin. Hoewel dit een prima tool is, is het omgaan met de grote hoeveelheid aan instellingen wel een forse uitdaging voor de beginnende gebruiker.
  5. WP Fastest Cache (gratis + betaald) De gratis versie geeft je al voldoende leuke tools om even mee zoet te zijn, zoals desktop caching, HTML minimalisatie, en mogelijkheden om javascript en CSS te combineren waardoor alles sneller wordt. Ook browser caching en Gzip tools zitten in de gratis versie. Het configureren is erg eenvoudig dus ook deze plugin is een echte aanwinst.
  6. Hyper Cache (free) Dit is een fraaie open source plugin die helemaal op PHP gebaseerd is. Het is een prima tool waarvan de installatie vrij eenvoudig is.

Veel gestelde vragen

Hoe weet ik dat mijn site gecached wordt ?

Dit kun je eenvoudig zelf testen door naar “instellingen” te gaan, en vervolgens naar WP super cache. Zoek naar het programma “Cache Tester”. Klik hier op en het programma zal de nodige tests uitvoeren. Je kunt ook handmatig testen door de “debugging”modus aan te zetten en in en uit te loggen uit je blogsite. Als je nu het logbestand opvraagt, kun je zien wat er gebeurd is. Zoek naar teksten als ” Dynamic page generated in XXXX seconds ” of “Cached page generated by WordPress Super Cache on YYYY-MM-DD HH:MM:SS” . In het laatste geval weet je dat WordPress super cache actief is.

Hoe zet ik caching af?

Uiteraard kun je caching uitzetten door de plugin uit te schakelen. Als dit te ver gaat kun je ook nog het caching alleen uitzetten. Hiervoor moet je wel iets meer doen. Door een aanpassing van je wp-config.php bestand of maak een mu-plugin (klein bestandje) die de constante “Disable_supercache” op 1 zet. (ofwel true). Het is een beetje jammer dat er geen mogelijkheid is in de interface van WP Super Cache om dit te doen.

Hoeveel pagina kan ik cachen?

Het is erg technisch verhaal, maar in het kort komt het erop neer dat de gemiddelde gebruiker niet in de problemen zal komen. Het aantal pagina’s dat je kunt cachen hangt namelijk af eventuele beperkingen op je server.

Als we voor het gemak een Linux- omgeving nemen, kan het zijn dat het type harddisk configuratie een beperking vormt. EXT2 en EXT3 laten een maximum toe van 32.000 subdirectories. Pas als je zelf meer dan 32.000 posts hebt op je website kun je in de problemen komen. Hetzelfde geldt voor mensen met een multisite netwerk met meer dan 32000 sites. Je begrijpt waarschijnlijk wel dat bovenstaand scenario niet snel zal voorkomen.

Bekijk ook ons aanbod voor een “no worries” wordpress ervaring : WP Care.