WooCommerce Theme

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

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

U bent niet op zoek naar Theme voor WooCommerce, maar voor WordPress zelf? Lees dan aanvullend onze bijdrage aan WordPress Themes van Jörg Fiedler . Voor beginners in WooCommerce is deze tutorial geschikt.

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 uw winkel onderscheidend - maar daarvoor hebt u ook zeer goede webdesigners of een geschikt bureau nodig. De kosten hiervan kunnen oplopen tot zo'n vijf cijfers, als u op kwaliteit vertrouwt. Anderzijds zijn er ook hoogwaardige sjablonen in de WooCommerce-omgeving die flexibel genoeg zijn. En u kunt ze speciaal gebruiken voor de start van uw online winkel. Daarover later meer.

Thema selectie

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.

Daarom is het des te belangrijker om een Theme ruim van tevoren te testen. En met alle middelen op uw eigen testsysteem. U kunt slechts in beperkte mate vertrouwen op de specificaties en demopagina's van de fabrikant: In combinatie met uw Plugins voor WordPress en WooCommerce ontstaan er vaak problemen die voordien niet zichtbaar waren.

Tip

Er zijn talloze Plugins voor WooCommerce, voor allerlei doeleinden. Zelfs hier is het moeilijk om de kwaliteit in te schatten. Ons artikel Plugins voor WooCommerce laat u kennismaken met gereedschap dat u nodig hebt voor veelvoorkomende winkelprojecten.

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.

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-fabrikant identificeert zijn producten nu als mobiel geoptimaliseerd of responsief. Maar er zijn grote verschillen in kwaliteit - hoe individueel worden de afzonderlijke eindapparaten eigenlijk ondersteund? Op ami.responsivedesign.is een online tool te vinden waarmee u globaal kunt nagaan hoe een website op verschillende formaten wordt weergegeven:

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

Om uw Themes en Plugins te controleren heeft u een apart testsysteem nodig. Of een zogenaamde staging omgeving voor WordPress . Zie onze gids over testen 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 beheersbaar, ze bedragen meestal minder dan 100 euro. Ik zal je vertellen wat een typische WooCommerce shop in totaal kost in het artikel Voordelen van WooCommerce. Hier zijn de redenen die spreken voor een pro-Theme :

  • 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 een vanzelfsprekendheid moeten zijn voor een professionele Theme . Dit garandeert veiligheid en goede prestaties. Helaas is dit niet altijd het geval. Freelancers of agentschappen in de WordPress omgeving kunnen de kwaliteit voor u 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.

Opmerking:

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.

Marktleider 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 elke tweede WooCommerce winkel tegenkomt. Uw winkel moet gebaseerd zijn op de lay-out en de structurele uitstraling van zeer bekende en grote webwinkels. Dan zullen uw klanten zo snel mogelijk hun weg vinden. Dit wordt ook wel het Amazone-effect genoemd.

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.

Waaier van functies 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 PageBuilders, waarmee u het uiterlijk van de winkel met een muisklik kunt veranderen. Maar wees voorzichtig: dergelijke 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 u meer vertellen over de wettelijke voorschriften in Duitsland en Europa in de blogpostWooCommerce . De standaardversie van WooCommerce is ontworpen voor 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 Kinderthema

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 agentschappen: Zelfs als u individuele sjablonen wilt distribueren op basis van een bestaande Themes , moet u aandacht besteden aan deze functie. Een goed gestructureerde CSS is in dit verband ook zeer nuttig. Een tutorial over WordPress Child Themes is te vinden op Marco Linke's blog.

Zorg er ook voor dat je thema geoptimaliseerd is voor de "nieuwe" editor Gutenberg van WordPress. Ook voor WooCommerce zal dit een steeds belangrijkere rol gaan spelen. Als het thema eigen Gutenberg blokken aanbiedt, moet je voorzichtig zijn. Het kan zijn dat de inhoud niet meer werkt als je overstapt op een ander thema.

Tip

Je gebruikt niet de Gutenberg editor nog niet? Kijk dan eens naar onze e-book special op Gutenberg. Het laat u in zes stappen zien hoe u de editor kunt gebruiken voor uw bedrijf en uw 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?

Even belangrijk: zijn achtergrondbeelden e.d. van de Themes opgenomen in de scope? Mogen deze vrij gebruikt worden? Wie heeft de rechten erop? Ontvangt u de bestanden in herbruikbare formaten, bijvoorbeeld voor Photoshop? Hier moet u zeker de beeldrechten verduidelijken om het risico van een waarschuwing te minimaliseren.

Werk je in een agentschap of als freelancer? Dan moet u vooral letten op de mate waarin u Theme mag gebruiken. En wie heeft de licentie aan het eind en in welke mate. U bent er immers van afhankelijk dat het project na de ontwikkeling zo vlot mogelijk aan uw klanten wordt overgedragen. Zie onze tips over efficiëntie en de werking 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 populairste Themes voor WooCommerce. Volgens de ontwikkelaars is het de best verkochte voor WordPress winkels ooit. Flatsome is ook zeer populair in Duitstalige landen, hoewel de ondersteuning in het Engels wordt gegeven.

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

Flatsome WooCommerce Theme
Flatsome voor WooCommerce wordt gebruikt in veel onlinewinkels

In de community is Flatsome niet geheel zonder controverse. Sommigen prijzen het, anderen verwerpen het. Aan de ene kant is Flatsome's page builder erg flexibel. Het levert talloze elementen inclusief, zonder dat je extra plugins nodig hebt. Bijvoorbeeld verschillende inhoudslagen, sliders, een wensenlijst, live zoeken, kaders, productfilters enz.

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 zijn eigen officiële Theme: Storefront. Hetzelfde advies als voor "Flatsome" geldt voor het Storefront pakket. Het is een uitgebreid instrument, maar het moet wel doordacht worden opgezet. Een eerste winkel met Storefront is snel gemaakt. Maar de duivel zit in de details. Als u wilt profiteren van alle functies van Themes en zijn add-ons, moet u uw weg weten.

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

Standaard zijn noch Storefront noch Flatsome geschikt voor gebruik in de Duitstalige markt. U moet dit ook controleren voor andere EU-landen. De hulpmiddelen die in ons artikel Rechtszekerheid voor WooCommerce worden genoemd, werken echter samen met de belangrijkste Themes . Maar verduidelijk dit van tevoren, 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
  • Megamenu's
  • Uitgebreide klantbeoordelingen en prijstabellen
  • Verbinding met 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 kleinere en nog vrij nieuwe Theme. Wij hebben het opgenomen omdat het een van de weinige WooCommerce sjablonen is voor de markt in Duitsland, Oostenrijk en Zwitserland (D/A/CH). Dit betekent: De ondersteuning is consequent Duitstalig en op Duitse ondersteuningstijden. Het ontwerp is duidelijk en gestructureerd, zodat de focus op uw producten ligt:

Duits WooCommerce Theme
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 klantbeoordelingen en een verlanglijstje
  • Een mini-winkelwagentje, dat ook aan de wetgeving moet voldoen
  • 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.

Opmerking:

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 geen pure winkelTheme. U kunt er ook andere projecten mee uitvoeren. Niettemin wordt het vrij vaak gebruikt in de omgeving van WooCommerce . De makers presenteren er enkele op hun portaal.

Astra WooCommerce Theme
Het Astra thema is beschikbaar voor testen op wordpress.org

De ontwikkelaars van Astra bieden een gratis proef versie aan. Je moet het zeker uitproberen: Sommige winkeliers kunnen goed overweg met Theme , anderen vinden het niet geschikt voor hun doeleinden. Ook voldoen de geprefabriceerde ontwerpsjablonen niet aan elke smaak.

Test vooral extra Plugins voor rechtszekerheid, als u die gebruikt. Sommige ondersteunen Themes niet, dat is niet 100% ontworpen voor WooCommerce .

WooCommerce Themes bij TemplateMonster

Ook bij onze partner TemplateMonster vindt u talloze sjablonen voor WooCommerce. Bijvoorbeeld de multifunctionele WooCommerce Theme Woostroid. Het heeft opwindende functies zoals een "LookBook". Zo kunnen uw kopers door verschillende producten navigeren die in een grafiek worden weergegeven:

templatemonster woocommerce
Het LookBook van de WooCommerce Theme Woostroid

Woostroid bevat Elementor , een WordPress page builder waarmee je verschillende lay-outs kunt maken zonder enige programmeerkennis. Het bevat 25 content modules en een flexibele layout grid om het uiterlijk van de bestaande pagina's aan te passen. Woostroid is niet in de eerste plaats ontworpen voor de Duitstalige markt, dus je moet het ook van tevoren uitproberen.

Mijn conclusie

U moet een beperktere selectie van Themes goed testen voordat u beslist wat uw favoriet is. Gebruik de live gegevens van uw winkel en beantwoord voor uzelf de volgende vragen:

  • Past het ontwerp bij mijn producten, vooral bij de productafbeeldingen?
  • Is het thema snel genoeg? Zie onze tips voor prestatieoptimalisatie. Maar ook: Is je WordPress-hosting snel genoeg? Speciale tarieven voor WooCommerce helpen je hierbij.
  • Is jouw webwinkel gemakkelijk te bedienen? Zijn centrale elementen gemakkelijk te begrijpen?
  • Werkt de winkelwagen op alle systemen (Chrome, Firefox, Edge, Safari, Android)?
  • Is mobiele optimalisatie over de hele linie aanwezig, voor alle belangrijke apparaten?

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 vindt u in ons ruim 70 pagina's tellende e-book WooCommerce voor professionals. Het is gericht op freelancers, bureaus, WP-professionals, maar ook op beginners.

Jouw vragen over WooCommerce

Welke vragen heb je? Gebruik gerust de commentaarfunctie. Wil je meer tips over WordPress & WooCommerce? Volg ons dan op Twitter, Facebook of via onze nieuwsbrief.

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Laat een reactie achter

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