WooCommerce performant uitvoeren: onlineshop michel en elbe

Michael Firnkes Laatst bijgewerkt 05.01.2021
6 Min.
Onlineshop michel en elbe
Laatst bijgewerkt 05.01.2021

Een WooCommerce winkel met veel foto's? En dan ook nog een verhuizing naar een nieuwe WordPress hoster? Geen gemakkelijke taak. Wij laten je zien hoe je dat kunt bereiken in ons interview met de ontwerpster Justyna Schmidt en de fotograaf Andreas Schmidt-Wiethoff van de onlineshop michel en elbe. Inclusief aanbevelingen voor de juiste plugins.

Jullie hebben een prachtige WordPress onlineshop met foto's rondom Hamburg. Hoe is het ontwerp tot stand gekomen en welke tools gebruiken jullie?

Andreas: Voorheen hadden we een zeer uitgebreid gebouwde Magento Shop en waren we afhankelijk van een digitaal bureau. Dit heeft ons veel geld gekost en we waren niet altijd tevreden met de reactietijden. Daarom hebben we begin 2020 besloten de teugels in eigen handen te nemen. Twee systemen hebben we overwogen: Shopify und WordPress oftewel WooCommerce. Na een testfase met Shopify hebben we besloten om WordPress te gebruiken. Shopify was gemakkelijk te gebruiken, maar niet flexibel genoeg in de vormgeving.

Het juiste WooCommerce theme als basis

JustynaIk zorg voor de graphics bij michel en elbe. Omdat ik ook veel als webdesigner werk, ben ik al lang thuis in de wereld van WordPress. Het was erg leuk om onze nieuwe website en winkel te maken met de foto's van michel en elbe.

Als WordPress theme heb ik gekozen voor Shopkeeper - dat was een zeer goede basis voor de WooCommerce winkel en voor het ontwerp. Natuurlijk ging dat niet zonder veel CSS-aanpassingen, maar het is ook leuk om het theme te personaliseren.

WooCommerce performant uitvoeren: onlineshop michel en elbe
Hamburg voor aan de muur: een van de foto's van michel en elbe

Voor de startpagina ben ik op zoek gegaan naar een ongecompliceerde en snelle slider. Ik wilde weg van LayerSlider en Smart Slider. Met de Gutenslider van de Duitse ontwikkelaar Niklas Plessing heb ik eindelijk een slider gevonden die direct in de editor van WordPress kan worden bewerkt zonder dat ik naar de eigen, vaak gecompliceerde, instellingenomgeving van de slider hoefde over te schakelen. Ik vind dit veel efficiënter.

Foto's beheren in WordPress

WooCommerce en honderden foto's - geen eenvoudige combinatie. Hoe hebben jullie die uitdaging opgelost?

Andreas: Ja, binnenkort zelfs duizenden foto's, omdat we van elk motief nog mock-ups laten zien, hoe de foto er in een woonruimte uitziet. Daar raak je in de standaard mediabibliotheek van WordPress snel het overticht kwijt. Dat zou niet mogelijk zijn zonder een goede premium-plugin. We organiseren de foto's in mappen en submappen met de plugin Real Media Library, wat ons werk veel gemakkelijker maakt.

Gutenberg is controversieel, jullie gebruiken het graag. Waarom? En welke blokken gebruiken jullie?

Justyna: Ik heb sinds de release in 2018 met Gutenberg gewerkt en ik zou de blokken niet willen missen. Toen ik voor het eerst de nieuwe Gutenberg editor zag, het was liefde op het eerste gezicht. Het was als Kerstmis voor mij, alsof ik een nieuwe LEGO-bouwset kreeg die oneindig uitbreidbaar is. Geen ingewikkelde achterkant meer en bijna "wat je ziet is wat je krijgt".

De mogelijkheid om hele groepen te kopiëren en op een andere plaats te gebruiken maakt het werk veel gemakkelijker. Een eenvoudig thema voor WordPress of WooCommerce, een paar goede blokken naar keuze en de website is klaar. Vroeger was het zo dat je een theme aanpaste en het zijn eigen ontwerpelementen had die beschikbaar waren. En afhankelijk van het thema moest je de backend opnieuw leren. Nu heb ik geen "zwaar" theme meer nodig, ik kan de website slank houden.

Afhankelijk van mijn behoeften kies ik de blokken die ik nodig heb - en kan ik afzien van de overige ballast. Op deze manier kan de prestatie van de website aanzienlijk vergroot worden. Naast de standaardblokken die Gutenberg biedt, werk ik het liefst met Ghost Kit en met de Kadence Blocks. Ik heb veel blokcollecties geprobeerd, maar deze twee kan ik altijd vertrouwen.

Ik denk ook dat Gutenberg met elke release beter wordt. Sinds WordPress 5.5 is er ook weer veel veranderd. Ik denk dat dit een geweldige ontwikkeling is en ik heb er geen spijt van dat ik op dat moment met Gutenberg ben gaan werken.

De passende WooCommerce hosting

Jullie zijn pas onlangs overgestapt op RAIDBOXES. Wat was de reden?

Andreas: De nieuwe michel en elbe shop hadden we in eerste instantie op een massaserver (Strato) gebouwd. Toen we het ontwierpen, was de performance nog goed. Maar bij het onderhouden en beheren van de producten in de backend van WooCommerce, realiseerden we ons dat we dringend meer prestatievermogen nodig hadden. We waren op zoek naar een Duits hostingbedrijf dat gespecialiseerd is in WordPress. Zo zijn we bij RAIDBOXES gekomen.

Hoe hebben jullie de prestaties van onze BOXEN getest? En hoe heeft onze support jullie bij de installatie geholpen?

Justyna: Het installeren van de BOX zelf was met de Migrator van RAIDBOXES zo simpel dat we daar geen hulp bij nodig hadden. Alleen even wachten tot de website gekopieerd was en BOX klaar was. Zo herinner ik het me tenminste.

Andreas: In het begin raadde het ondersteuningsteam ons aan om de STARTER-BOX te testen. Dat vonden we geweldig, want ze wilden ons niet meteen het PRO-tarief verkopen. De prestaties van de STARTER-BOX waren goed, maar niet snel genoeg voor onze complexe winkel met honderden variabele producten in de backend.

We wilden dat het leuk zou zijn. En dat is gelukt. Met het PRO-tarief voor WooCommerce, die we vervolgens getest hebben. Dat was precies wat we wilden. We hebben de BOX meteen geactiveerd (na 10 minuten testen waren we overtuigd) en hebben ons domein op de BOX gezet. Bij de installatie van de omleiding heeft de Chatsupport ons snel en efficiënt geholpen.

WordPress verhuizen - zonder stress

Hoe ging de verhuizing zelf? Als winkeleigenaar is dat geen stressvrij moment...

Justyna: Dat is wat me het meest verraste. In het verleden deed een digitaal bureau altijd de domeinverhuizing voor ons en ik was bang dat er iets mis zou gaan, dat instellingen of links niet mee zouden komen. Na de succesvolle verhuizing heeft Christian van de support bij het DNS-beheer super geholpden, omdat ik er nauwelijks iets van wist. Dat was het moment dat ik actieve hulp van jullie nodig had. En Christian "nam me bij de hand" in de chat en leidde me door de instellingen.

Trouwens, ik hou van jullie chatfunctie - het is eigentijds en tijdsbesparend. Heel cool voor mensen die niet graag bellen, zoals ik. De hulp die in de chat aangeboden werd, is van zo'n hoge kwaliteit en doelgericht dat telefoneren helemaal niet meer nodig is. Het is nog beter omdat je in de chat links en screenshots kunt uitwisselen. Veel dank op dit punt aan de slimme en geduldige medewerkers in de chat!

Andreas: We kregen de authcode van onze oude provider, voerden die in bij RAIDBOXES en 10 minuten later waren we live. Ik kan me de opwinding van de dag van de livegang nog herinneren. Zo van...huh? Zo snel?

WooCommerce Caching

Jullie gebruiken WP Rocket nog steeds voor de performance, in combinatie met andere tools. Welke zijn dit en waarom wilden jullie overstappen?

Justyna: Toen we michelundelbe.de nog op een massaserver hostten, heb ik op de website zeer uitgebreid WP Rocket in combinatie met Asset CleanUp Page Speed Booster opgezet om de prestaties te verhogen. Met de combinatie van de twee premium-plugins had ik zeer goede resultaten behaald in de frontend.

Maar dat is niet meer nodig. Dankzij de ingebouwde Caching van RAIDBOXES zullen we WP Rocket in de toekomst niet meer nodig hebben, we laten het abonnement gewoon aflopen. Ik heb de cachingfunctie van WP Rocket al gedeactiveerd om conflicten met de eigen caching van de server te voorkomen.

Voor data-optimalisatie zal waarschijnlijk een gratis plugin zoals Swift Performance lite genoeg zijn. Een gratis versie van Asset CleanUp Page Speed Booster laat ik verder lopen.

Onlineshop bij een winkel

Wat zijn de toekomstplannen voor de shop michel en elbe?

Andreas: Op dit moment zijn we erg blij dat de nieuwe onlineshop de omzetdaling in de fysieke winkel met het oog op corona ruimschoots konden compenseren. De winkel zal natuurlijk blijven groeien en we voegen voortdurend nieuwe producten en productcategorieën toe. We analyseren het aankoopgedrag van onze klanten en passen ook onze producten aan.

In de toekomst willen we onze SEO-instellingen met Yoast SEO verder onderhouden en verbeteren. Dat is veel werk met zoveel producten. Om de winkel nog bekender te maken, plannen we landingspagina's in combinatie met een Google Ads-campagne in.

Een paar woorden over jullie en michelundelbe.de?

Andreas: De galerie michel en elbe bestaat al sinds 2005, toen wij als eerste in Hamburg uitsluitend foto's van Hamburg aanboden. Het idee is ontstaan uit onze grote liefde voor fotografie en onze havenstad in al haar facetten. In het begin boden we de foto's alleen aan in onze galerie. De onlineshop is er sinds 2010.

Onlineshop michel en elbe Team
Het team van michel en elbe

Volgens het motto "Hamburg voor aan de wand" zijn onze fotowerken in onze onlineshop verkrijgbaar als canvas, Dibond-laminering of achter acrylglas. Je kunt de foto's live zien en aanraken in onze galerij op de Eppendorfer Weg 3 in Hamburg-Eimsbüttel. Ook hier adviseren wij onze klanten over alle aspecten van de verwerking en geven wij tips voor het interieur.

Justyna: Naast het werken voor michel en elbe, werk ik al 20 jaar als grafisch en webdesigner voor verschillende klanten. Als je meer wilt weten over mijn werk, kijk dan gerust even rond: freiraum-grafikdesign.de.

Onlineshop met WooCommerce: Jouw vragen

Welke vragen heb je voor Justyna en Andreas? Welke tools kun je zelf aanbevelen? Je kunt de commentaarfunctie gebruiken. Wil je meer tips over WordPress en WooCommerce? Volg ons dan op TwitterFacebook of via onze Nieuwsbrief.

Gerelateerde artikelen

Commentaar op dit artikel

Schrijf een opmerking

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