De beste WooCommerce themes: 7 tips voor meer omzet & gebruiksvriendelijkheid

12 Min.
WooCommerce Theme

Een goed webdesign voor WooCommerce is uiterst belangrijk. Het bepaalt of je bezoekers in de onlineshop blijven. En of ze de aankoop ook daadwerkelijk afronden. Waar moet je op letten bij het kiezen van je WooCommerce themes? En wat zijn de belangrijkste themes? Onze raadgever heeft de antwoorden.

Een theme voor WordPress of WooCommerce is een soort ontwerpsjabloon. Het bepaalt hoe je portaal eruit ziet. Het is niet zo gemakkelijk om het juiste theme te vinden voor je onlinewinkel. Of als bureau om je klanten te adviseren over een bepaald sjabloon. Dit artikel leidt je stap voor stap door het selectieproces.

Tip

Je zoekt geen theme voor WooCommerce, maar voor WordPress zelf? Lees dan onze extra bijdrage over WordPress Themes van Jörg door. Voor beginners in WooCommerce leent zich deze handleiding.

Er zijn in principe twee mogelijkheden bij het gebruik van themes:

  1. Je laat een volledig zelfstandig theme en dus design ontwikkelen.
  2. Je koopt een kant-en-klaar theme en past het aan jouw behoeften aan. Bijvoorbeeld door de kleuren aan te passen aan het uiterlijk van je merk of het logo en de achtergrondgraphics, enz. te wijzigen.

De eerste optie maakt je winkel onderscheidend - maar je hebt ook zeer goede webdesigners of een geschikt bureaunodig. De kosten hiervan kunnen in het midden van het vijfcijferige bereik liggen, als je je op de kwaliteit focust . Aan de andere kant zijn er ook hoogwaardige sjablonen in de WooCommerce-omgeving die flexibel genoeg zijn. En die je vooral kunt gebruiken om je onlineshop te starten. Hierover later meer.

WooCommerce voor freelancers en bureaus

Informatie over de selectie van het theme

Vaak realiseer je je pas na een herstart dat het nieuwe theme toch niet zo'n goede keuze was. Het ontwerp kan niet naar wens worden aangepast? Belangrijke updates ontbreken, zodat delen van de webshop niet meer werken? En dan laat de support te wensen over? Als de omzet van je portaal er van afhangt, dan kan dat echt vervelend worden.

Individuele producten
Niet alleen de functies van jouw winkel zijn belangrijk, maar ook het ontwerp.

Dit maakt het des te belangrijker om een theme ruim van tevoren te testen. En in elk geval op jouw eigen testsysteem. Je kunt slechts in beperkte mate vertrouwen op de specificaties en demopagina's van de fabrikanten: in combinatie met je plugins voor WordPress en WooCommerce ontstaan er vaak problemen die voorheen niet zichtbaar waren.

Tip

Er zijn er ontelbaar veel pugins voor WooCommerce, voor alle mogelijke doeleinden. Daarbij is het ook moeilijk om de kwaliteit in te schatten. Onze bijdrage plugins voor WooCommerce laat je kennismaken met hulpmiddelen die je nodig hebt voor de gangbare shop-projecten.

Hier zijn de belangrijkste tips voor het vinden van een geschikte aanbieder ofwel theme:

Compatibiliteit voor WooCommerce

Zorg ervoor dat jouw theme voor WooCommerce geoptimaliseerd is. Alleen deze themes zorgen ervoor dat winkelspecifieke elementen correct worden weergegeven. Bijvoorbeeld het productoverzicht, de aanvullende informatie, het winkelmandje of het koopproces ofwel de checkout. Sjablonen die speciaal zijn ontworpen voor WooCommerce letten ook op de compatibiliteit met nieuwe versies van de shopsoftware. Want WooCommerce verandert haar processen van tijd tot tijd. Dat zou je bij een volledig WordPress theme elke keer moeizaam moeten veranderen.

In het ideale geval kies je een aanbieder die zich op WooCommerce heeft gespecialiseerd. Zij zullen meestal sneller kritische veranderingen in hun producten verwerken. Ook weten zij meer over typische extensies voor WooCommerce, als deze problemen veroorzaken in combinatie met het ontwerp. Ik ga je nog een paar speciale themes voor het shopsysteem voorstellen.

Mobiele optimalisatie

Inmiddels is het een absolute must dat jouw theme geoptimaliseerd is voor verschillende mobiele apparaten. Alleen dan ziet het er net zo goed uit als op de desktop, tablet en smartphone. En alleen dan werken belangrijke elementen zoals de winkelnavigatie of het winkelmandje.

De beste WooCommerce themes: 7 tips voor meer omzet & gebruiksvriendelijkheid

In veel onlinewinkels komt 80 procent en meer van de oproepen door mobiele apparaten. Met behulp van Google Analytics en soortgelijke tools kun je zien hoe hoog dit percentage is voor jouw eigen portaal. Als je theme niet goed ontwikkeld is, zul je je ergeren en 80 procent van je doelgroep verliezen. Daarnaast straft Google genadeloos die portalen af die slordig met mobiele optimalisatie omgaan.

Elke theme-producent wijst zijn producten nu als mobiel-geoptimaliseerd of responsive aan. Maar er zijn grote kwaliteitsverschillen - hoe individueel worden de afzonderlijke apparaten daadwerkelijk ondersteund? Via ami.responsivedesign.is vind je een online tool waarmee je grofweg kunt controleren hoe een webpagina er in verschillende formaten uit komt te zien:

WooCommerce mobiel geoptimaliseerd
Jouw website moet op alle apparaten werken

Dit is echter slechts een eerste aanknopingspunt voor je recherche. Het vervangt niet de eigenlijke live-check door jou zelf, op zoveel mogelijk verschillende apparaten en browsers (Chrome, Firefox, Edge, Safari). Je moet ook handmatig de functie van buttons, menu's, aankruisvakjes, formulieren, sliders, enz. controleren.

Tip

Je hebt een apart testsysteem voor de controle van je theme en plugin nodig. Of een zogenaamde staging-omgeving van WordPress. Zie onze raadgever over het onderwerp testomgeving en back-ups.

Betaalbare of gratis theme

Ook voor WooCommerce zijn er themes, die gratis beschikbaar zijn. Als je een onlinewinkel runt, doe je dit professioneel. Daarom moet je ook kiezen voor een professionale theme. Vooral als je zelf de technische details niet kent, zodat je de broncode kunt corrigeren, indien nodig.

De jaarlijkse licentiekosten zijn overbrugbaar, ze zijn meestal minder dan 100 euro. Wat een typische WooCommerce-winkel in totaal kost, zal ik je in het volgende artikel vertellen: voordelen van WooCommerce. Hier zijn de redenen die voor een pro-theme pleiten:

  • Ze worden meestal vaker onderhouden. Dit is vooral belangrijk voor updates van WordPress en WooCommerce.
  • Met gratis templates kan het snel gebeuren dat de ontwikkelaars ze niet meer verder kunnen ontwikkelen. Dan moet je dit zelf doen of van theme veranderen. Dit risico is lager bij betaalde oplossingen.
  • Met goede pro-themes krijg je uitgebreide ondersteuning. Zorg ervoor dat deze ondersteuning zo mogelijk in jouw moedertaal en tijdens je werkuren aangeboden wordt.
  • Een zeer goede kwaliteit van de broncode zou voor een professionale theme vanzelfsprekendheid moeten zijn. Dit zorgt voor veiligheid en een goede prestatie. Helaas is dit niet altijd het geval. Freelancers of bureaus in de WordPress-omgeving kunnen de kwaliteit voor jou beoordelen.

Door de bank genomen minimaliseren professionele oplossingen jouw ondernemersrisico's. Controleer desondanks de aanbieders van pro-themes, niet alle aanbieders werken even goed. Vraag andere winkeleigenaren met welke ontwikkelaars ze goede ervaringen hebben.

Noot:

De documentatie is het uithangbord van elk thema. Lees je vooraf goed in. Het verraadt niet alleen of het product eenvoudig te installeren en aan te passen is. De kwaliteit van de handleiding zegt indirect ook iets over de leverancier zelf.

Brancheleider of underdog?

Populaire sjablonen - die vaak worden gekocht of gedownload - hebben één voordeel: ze worden intensiever ondersteund door hun ontwikkelaars. Ook op forums en via de community kunnen vragen over een bekender theme eerder beantwoord worden. Als je de techniek aan een bureau overlaat, kunnen zij zich sneller in een theme verdiepen waarmee ze ervaring hebben. Zelfs als de ontwikkelaars hun theme niet meer verder willen of kunnen verzorgen: bij een lukratief sjabloon is de kans veel groter dat anderen de support overnemen.

Aan de andere kant zijn er ontwerpen die je in ongeveer elke tweede WooCommercewinkel tegenkomt. Jouw winkel moet gebaseerd zijn op de lay-out en het structurele uiterlijk van zeer bekende en grote webwinkels. Dan vinden jouw klanten zo snel mogelijk hun weg. Dit noemt men ook wel het Amazon-effect.

Klimaatpositieve WordPress hosting

En toch komt het op de individuele designelementen aan die onmiskenbaar zijn. Dan weten je bezoekers hopelijk meteen bij de tweede keer: "Ik ben hier al eens eerder geweest" - een belangrijke voorwaarde voor het genereren van vaste klanten. Een gemakkelijk te onthouden lay-out met dergelijke unique selling points maakt jouw online marketing veel efficiënter.

Tip

Kijk in dit verband eens naar jouw belangrijkste concurrenten. Hoe zien hun online winkels eruit? Welke thema gebruiken ze? Hier zou een risico op verwarring bijzonder fataal zijn.

Op zijn laatst als je winkel groeit, moet je overwegen om je eigen theme en bijbehorend design te laten ontwikkelen. Als dit goed gedaan is, past het bijzonder goed bij jouw merk. Vooral wat betreft lay-out, kleurstelling, typografie, productwereld en beeldtaal. Dit kan de conversie (het deel van de omzet dat wordt gegenereerd door paginabezoeken) aanzienlijk verhogen.

Mijn aanbeveling: huur hiervoor professionals in. Dit is de duurdere maar duurzamere strategie. Met een goede ondersteuning is het op de lange termijn zelfs kosteneffectiever.

Functionaliteit voor WooCommerce

De meeste functies van je online shop worden door WooCommerce zelf uitgevoerd. Het theme zorgt dan alleen nog voor het juiste uiterlijk. Desalniettemin zijn sommige fabrikanten van sjablonen afhankelijk van extra componenten. Hun producten bevatten bijvoorbeeld:

  • Drag & Drop PageBuilder, waarmee je met een muisklik het uiterlijk van de winkel kunt veranderen. Maar wees voorzichtig: zulke PageBuilders hebben ook enkele nadelen.
  • Geïntegreerde slider voor productpresentatie of zogenaamde mega-menu's met iconen, foto's en andere elementen. Of uitgebreidere bouwstenen voor klantreviews dan WooCommerce in de standaard versie beschikbaar heeft.
  • Wensenlijsten, waarmee jouw bezoekers individuele producten kunnen onthouden en opslaan voor latere aankopen.
  • Eigen widgets om de sidebar, de header of de footer naar eigen believen en met eigen inhoud te vullen. Geavanceerde filter- of zoekfuncties om het selecteren en sorteren van producten voor jouw klanten te vergemakkelijken.
  • Een gebruikersvriendelijke maar tegelijkertijd ook wettelijk conforme vormgeving van de onderdelen "kassa" en "klantaccount".
  • Een mini-winkelwagentje dat op alle pagina's wordt weergegeven. Bijvoorbeeld in het menu van je onlineshop. Let ook op de wettelijke eisen van jouw land.

Ik zal je meer vertellen over de wettelijke voorschriften in Europa in de blogpost WooCommerce rechtszeker maken. De standaardversie van WooCommerce is gericht op de Amerikaanse markt.

Gegroepeerde producten
In Europa is onder andere bepaalde productinformatie verplicht

Je moet geen theme gebruiken dat talloze functies bevat die je niet nodig hebt. Want sommige van deze hulpjes gaan ten koste van de prestaties van je winkel. Vooral PageBuilder zijn hier controversieel: ze zien er chique uit en maken flexibiliteit mogelijk. Maar als ze niet goed ontwikkeld zijn, vertragen ze je systeem. Als je meer wilt weten over PageBuilder voor WooCommerce, lees dan de volgende artikelen:

WooCommerce Child Themes

In het ideale geval ondersteunt jouw theme zogenaamde Child Themes. Hiermee kunnen, op basis van een en dezelfde theme, meerdere subontwerpen gerealiseerd worden. Dit is vooral belangrijk als je meerdere onlinewinkels met iets andere designs wilt runnen, zonder dat je elke keer een nieuwe theme moet gebruiken.

Voor bureaus: zelfs als je individuele templates op basis van een bestaande theme wilt hebben, moet je aandacht besteden aan deze functie. Een goed gestructureerde CSS is in dit verband ook zeer nuttig. Een gids voor WordPress Child Themes vind je in de blog van Marco.

WooCommerce gratis Hosting

Zorg er ook voor dat jouw theme voor de "nieuwe" editor Gutenberg van WordPress geoptimaliseerd is. Dit zal ook voor WooCommerce een steeds belangrijkere rol spelen. Wanneer het theme eigen Gutenberg Blocks aanbiedt, moet je voorzichtig zijn. De inhoud kan niet meer werken bij een overstap naar een ander theme.

Tip

Je gebruikt de Gutenberg editor nog niet? Bekijk dan ons E-Book Special over Gutenberg . Het laat jou in zes stappen zien hoe je de editor kunt gebruiken voor jouw bedrijf en winkel.

Licentie & Leveringsomvang

Als je kiest voor een betaald theme, moet je de kosten in de gaten houden. Zoals al vermeld, zijn deze meestal niet erg hoog. Controleer desalniettemin de volgende punten:

  • Hoe lang loopt de licentie voor het theme? Is die onbeperkt, zelfs als je de bestanden zelf ontwikkelt, of moet die na een bepaalde periode worden vernieuwd?
  • Mag je het theme überhaupt zelf verlengen? Normaal gesproken is dit gegarandeerd in de open source omgeving van WordPress. Helder die vraag toch op.
  • Hoe lang ontvangt je updates en ondersteuning? Zijn bepaalde support- en reactietijden gegarandeerd?
  • Is de licentie alleen voor één domein geldig of voor meerdere? Dit is belangrijk als je Child-Themes voor meer winkels nodig hebt.
  • Als je je domein of project wijzigt, blijft de licentie dan geldig?

Net zo belangrijk: zijn er achtergrondafbeeldingen e.d. van het theme in de scope opgenomen? Mogen ze vrij gebruikt worden? Wie heeft de rechten daarvoor? Ontvang je de bestanden in herbruikbare formaten, bijvoorbeeld voor Photoshop? Hier moet je zeker de beeldrechten verduidelijken om het risico op een offieciële waarschuwing te minimaliseren.

Je werkt in een bureau of als freelancer? Dan moet je er vooral op letten in hoeverre je het theme mag gebruiken. En wie uiteindelijk de licentie heeft en in welke mate. Omdat je erop aangewezen bent om het project na de ontwikkeling zo snel en soepel mogelijk aan je klanten over te dragen. Zie onze tips voor Efficiëntie en bediening van WordPress en WooCommerce.

De belangrijkste themes voor WooCommerce

Er zijn verschillende thema's en aanbieders voor WooCommerce die in de WordPress-scene bekend zijn. Hiervoor kun je eenvoudig ondersteuning vinden bij freelancers of een bureau. Let echter op de hierboven beschreven nadelen die dergelijke wijdverbreide sjablonen met zich meebrengen. Hier nu een paar "vlaggenschepen":

Flatsome voor WooCommerce

Flatsome is een van de bekendste themes voor WooCommerce. Volgens de ontwikkelaars is het de meest verkochte voor WordPress-winkels. Flatsome is ook zeer populair in Nederland, hoewel er ondersteuning wordt geboden in het Engels.

Op de belangrijkste WooCommerce-forums worden vaak eenvoudige vragen over themes beantwoord. Voor grotere opdrachten heb je nog steeds externe ontwikkelaars nodig.

Flatsome WooCommerceTheme
Flatsome voor WooCommerce wordt gebruikt in veel onlinewinkels

Flatsome is niet geheel oncontroversieel in de community. Sommigen prijzen het de hemel in, anderen wijzen het rigoureus af. Aan de ene kant is de Pagebuilder van Flatsome zeer flexibel. Het levert ontelbare elementen van huis uit mee zonder dat je extra plugins nodig hebt. Bijvoorbeeld verschillende contentniveaus, sliders, een verlanglijstje, live zoeken, boxes, productfilters etc.

Maar aan de andere kant maakt dit jouw systeem snel onoverzichtelijk. Als je je inhoud in speciale gebieden van de Pagebuilder invoert, die alleen hier beschikbaar zijn, maakt dit de overstap naar een andere theme veel moeilijker. Toekomstige veiligheid is dan niet gegarandeerd.

Met een homepage-bouwpakket als Flatsome klik je een design in elkaar dat aanzienlijk afwijkt van het oorspronkelijke uiterlijk - zonder veel programmeerkennis. Dit compenseert het wijdverbreide gebruik van het theme weer. Door dit proces kan jouw winkel er echter snel inconsequent en "in elkaar geflanst" uitzien. Het is daarom altijd de moeite waard om freelancers in te huren of een bureau dat bekend is met webdesign.

WooCommerce Storefront

WooCommerce heeft ook een eigen officiële theme: Storefront. Voor het Storefront-pakket gelden soortgelijke notities als voor "Flatsome". Het is een veelomvattend instrument, maar het moet wel op een doordachte manier worden opgezet. Een eerste winkel met Storefront is snel gemaakt. Maar de duivel zit in de details. Als je alle functies van de theme en de add-ons wilt gebruiken, moet je kennis van zaken hebben.

Vooral omdat het sjabloon een goede configuratie en geschikt beeldmateriaal vereist. Omdat de basisversie er vrij eenvoudig en overzichtelijk uitziet - je zou ook kunnen zeggen saai:

WooCommerce Winkelpand Theme
Heel eenvoudig: Het WooCommerce Storefront theme

Het grote voordeel van de bundel: het komt van de makers WooCommerce zelf. Daarom besteedt het ontwikkelingsteam meestal aandacht aan een goede compatibiliteit. Wanneer er een nieuwe versie van de winkelsoftware wordt uitgebracht, volgt meestal snel een update van Storefront.

Van huis uit zijn noch Storefront, noch Flatsome geschikt voor gebruik op de Nederlandse markt. Je moet dit ook controleren voor andere EU-landen. De genoemde tools in ons artikel Rechtszekerheid voor WooCommerce werken samen met de belangrijkste themes. Los dit echter van tevoren op, anders wordt het snel duur.

Er zijn tal van uitbreidingen op Storefront, van WooCommerce maar ook van derden. Bijvoorbeeld voor de volgende doeleinden:

  • Een component genaamd "Powerpack", die je nodig hebt om verschillende onderdelen van de onlineshop met een muisklik grafisch aan te passen.
  • Interne productreclameruimte en landingspagina's
  • Mega menu's
  • Uitgebreide klantbeoordelingen en prijstabellen
  • Aansluiting op sociale netwerken

Voor veel van deze zaken moet een vergoeding worden betaald. Zelfs degene met overzichtelijke diensten. Hier moet je je uitgaven in de gaten houden. Per pakket tikt dat snel aan. Want dan zijn de lopende kosten niet meer noodzakelijkerwijs veel goedkoper dan bij een zelfontwikkeld thema.

Atomion WooCommerce Theme voor Duitsland, Oostenrijk en Zwitserland

Atomion is een kleiner en nog vrij nieuw theme. We hebben het opgenomen omdat het een van de weinige WooCommerce templates is voor de markt in Duitsland, Oostenrijk en Zwitserland (D/A/CH). Dit betekent: er wordt ondersteuning geboden in het Duits en tijdens Duitse supporturen. Het design is duidelijk en gestructureerd, zodat de focus op jouw producten ligt:

Duits WooCommerceTheme
Het Atomion WooCommerce Theme

Achter Atomion staat MarketPress, de fabrikant van German Market en B2B-markt. Als je op zoek bent naar een compleet pakket dat rekening houdt met de beperkende wettelijke vereisten in de genoemde landen, is het de moeite waard om naar dit thema te kijken. Want volgens de ontwikkelaars zijn alle drie de componenten op elkaar afgestemd.

Dit WooCommerce theme biedt onder andere:

  • Ondersteuning van de WordPress-editor Gutenberg
  • Een customizer om het ontwerp op verschillende plaatsen aan te passen
  • Geïntegreerde systemen voor klantenbeoordelingen en een verlanglijstje
  • Een miniwinkelmandje, dat ook moet voldoen aan de wetgeving
  • Optionele preloader-functie (jouw winkel wordt pas weergegeven als deze volledig is geladen)
  • Een geoptimaliseerde zoekfunctie voor WooCommerce

Er is ook een volledig ontworpen blogruimte opgenomen - naast de webshop. Dit is iets waar je bij themes altijd op moet letten.

Noot:

De promotie van jouw producten door middel van passende content (in de technische taal content marketing genoemd) wordt steeds belangrijker. Veel nieuwe en kleinere onlinewinkels verkopen voor een groot deel vanuit hun blog, omdat het winkelmerk nog onvoldoende bekend is bij Google en potentiële bezoekers.

Astra Theme

Astra is niet alleen maar shopping-theme. Je kunt het ook voor andere projecten gebruiken. Toch wordt het vaak voor WooCommerce ingezet. De makers presenteren een paar projecten op hun portaal.

Astra WooCommerceTheme
Het Astra thema is beschikbaar voor testen op wordpress.org

De ontwikkelaars van Astra bieden een gratis proefversie aan. Je moet deze zeker proberen: sommige winkeliers kunnen met dit theme overweg, anderen vinden het niet goed geschikt voor hun doel. Zelfs de geprefabriceerde ontwerpsjablonen voldoen niet aan ieders smaak.

Test vooral extra Plugins inzake rechtszekerheid, als je deze gebruikt. Sommige ondersteunen geen themes die niet voor 100 procent WooCommerce ontworpen zijn.

WooCommerce Themes bij TemplateMonster

Ook bij onze partner TemplateMonster vind je tal van templates voor WooCommerce. Bijvoorbeeld de multifunctionele WooCommerce Theme Woostroid. Het heeft spannende functies zoals een "LookBook". Hiermee kunnen je kopers door verschillende producten navigeren, die in een grafiek weergegeven worden:

templatemonster WooCommerce
Het LookBook van de WooCommerce Theme Woostroid

Woostroid bevat Elementor, een WordPress Page Builder, waarmee je zonder programmeerkennis verschillende lay-outs kunt maken. Het bevat 25 inhoudsmodules en een flexibel lay-outraster om het uiterlijk van bestaande pagina's flexibel aan te passen. Woostroid is niet in de eerste plaats ontworpen voor de Nederlandse markt, daarom moet je het tevens van tevoren uitproberen.

Mijn conclusie

Je moet de laatste keuze van een theme eens goed testen, voordat je een beslissing neemt over je favoriet. Gebruik de live-gegevens van je winkel en de volgende vragen voor jezelf beantwoorden:

  • Past het ontwerp bij mijn producten, vooral bij de productafbeeldingen?
  • Is het theme snel genoeg? Zie onze informatie over Optimalisatie van de prestaties.
  • Is jouw webwinkel gemakkelijk te bedienen? Zijn centrale elementen gemakkelijk te begrijpen?
  • Werkt het winkelwagentje op alle systemen (Chrome, Firefox, Edge, Safari, Android)?
  • Is de mobiele optimalisatie algemeen beschikbaar, voor alle belangrijke eindapparaten?

Idealiter laat je belangrijke klanten of vrienden jouw nieuwe winkeldesign uitproberen. Dit is de enige manier waarop je centrale zwaktes zult ontdekken die nadelig zijn voor jouw conversie.

Meer tips over WooCommerce vind je in ons 70+ pagina's tellende e-boek WooCommerce voor professionals. Het is gericht op freelancers, bureaus, WP-professionals maar ook op beginners.

Heb je vragen over WooCommerce? Gebruik de commentaarfunctie. Wil je op de hoogte zijn van nieuws en instructies voor het winkelsysteem? Volg ons dan op Twitter, Facebook of via onze Nieuwsbrief.

Gerelateerde artikelen

Commentaar op dit artikel

Schrijf een commentaar

Je e-mail adres wordt niet gepubliceerd. Verplichte velden zijn met * gemarkeerd.