Hyvä implementeren zonder verrassingen: waar moet je vooraf op letten?

Een snellere Magento-webshop, minder technische complexiteit en een frontend die eenvoudiger is door te ontwikkelen. Dat zijn voor veel webshops de belangrijkste redenen om naar Hyvä te kijken, toch doet die omschrijving Hyvä inmiddels tekort. Hyvä is niet meer alleen een frontendtheme voor Magento. Rond Hyvä Theme is een breder ecosysteem ontstaan met oplossingen voor de checkout, herbruikbare interfacecomponenten, contentbeheer, Magento Open Source, Adobe Commerce en B2B-commerce.

Met een goede voorbereiding kan Hyvä een stevige basis vormen voor de verdere ontwikkeling van je Magento-webshop. Zonder die voorbereiding kunnen tijdens het project onverwachte werkzaamheden, extra kosten en functionele beperkingen naar voren komen. Waar moet je vooraf op letten?

Hyvä is meer dan een Magento-theme

Hyvä begon als een moderne, lichtgewicht frontend voor Magento 2. Het oorspronkelijke Hyvä Theme vervangt de complexe frontendopbouw van Magento Luma door een veel eenvoudigere technische basis. Daarbij ligt de nadruk op snelheid, onderhoudbaarheid en een prettigere ontwikkelervaring. Inmiddels bestaat het Hyvä-ecosysteem uit meerdere onderdelen.

Hyvä Theme

Hyvä Theme vormt de frontendbasis van de webshop. Het vervangt de traditionele Magento Luma-frontend en maakt gebruik van een veel lichtere technische architectuur.

Het theme is gericht op:

• Betere frontendperformance
• Minder JavaScript en technische afhankelijkheden
• Eenvoudiger onderhoud
• Snellere frontendontwikkeling
• Meer flexibiliteit bij het bouwen van maatwerk

Hyvä Theme is tegenwoordig open source en gratis beschikbaar, dat betekent overigens niet dat een Hyvä-implementatie zelf gratis is. Het ontwerp, de frontendontwikkeling, compatibiliteitsmodules, het testen en het overzetten van bestaande functionaliteit blijven onderdeel van een implementatieproject.

Hyvä Checkout

Hyvä Checkout is een afzonderlijke checkoutoplossing voor Magento. Deze is ontwikkeld om ook het afrekenproces sneller, overzichtelijker en gemakkelijker aanpasbaar te maken. Je bent niet verplicht om Hyvä Checkout te gebruiken wanneer je Hyvä Theme implementeert. Het is ook mogelijk om tijdelijk de bestaande Magento-checkout of een andere compatibele checkout te behouden.

Dat maakt een gefaseerde aanpak mogelijk: eerst de storefront vernieuwen en daarna de checkout. Andersom moet je wel voorkomen dat de webshop en de checkout qua vormgeving, performance en gebruikerservaring te ver uit elkaar gaan lopen.

Hyvä UI

Hyvä UI biedt een verzameling herbruikbare frontendcomponenten. Denk aan onderdelen zoals productkaarten, navigatie-elementen, formulieren, sliders en andere veelgebruikte interfacecomponenten. Ontwikkelaars hoeven deze onderdelen daardoor niet voor iedere webshop volledig opnieuw te bouwen. Dat kan de ontwikkeling versnellen en helpt om bewezen oplossingen consistent toe te passen.

Hyvä UI is geen kant-en-klaar ontwerp dat je zonder aanpassingen overneemt. De componenten vormen vooral bouwstenen voor een webshop die aansluit op je eigen huisstijl en functionele eisen.

Hyvä Commerce

Hyvä Commerce richt zich breder op de ervaring van zowel shoppers als webshopbeheerders. Het is een product suite voor Magento Open Source en bevat onder andere Hyvä Theme, Hyvä Checkout en Hyvä UI. Daarnaast breidt Hyvä Commerce Magento uit met merchantvriendelijke mogelijkheden in de beheeromgeving. Voorbeelden zijn een moderner dashboard en nieuwe mogelijkheden voor contentbeheer. Hyvä CMS biedt bijvoorbeeld een visuele editor en een componentgebaseerde manier om Magento-content te beheren.

Daarmee gaat Hyvä Commerce verder dan alleen de buitenkant van de webshop. Het doel is ook om het dagelijkse beheer en de doorontwikkeling van een Magento-webshop eenvoudiger te maken.

Hyvä Enterprise

Hyvä Enterprise is bedoeld voor organisaties die Adobe Commerce, de Adobe B2B Suite of specifieke Adobe-diensten gebruiken.

Het biedt aanvullende ondersteuning voor onder andere:

• Adobe Commerce-functionaliteiten
• B2B-bedrijfsaccounts
• offertes en goedkeuringsprocessen
• Adobe Live Search
• Adobe Product Recommendations
• Adobe Data Connection
• Specifieke checkout flows voor B2B

Sinds juli 2026 wordt Hyvä Enterprise als een uitgebreidere suite voor Adobe Commerce gepositioneerd. Het is daarom belangrijk om bij Adobe Commerce-projecten niet alleen naar Hyvä Theme te kijken, maar naar het volledige pakket dat nodig is om de gebruikte Adobe-functionaliteiten te ondersteunen.

Bepaal eerst welke Hyvä-oplossing je nodig hebt

Omdat Hyvä uit meerdere onderdelen bestaat, moet je vóór de implementatie bepalen hoe groot het project daadwerkelijk wordt.

Wil je alleen de bestaande Magento-frontend vervangen? Of wil je tegelijkertijd:

• De checkout vernieuwen
• Een volledig redesign uitvoeren
• Contentbeheer verbeteren
• De beheeromgeving moderniseren
• Adobe Commerce-functionaliteit ondersteunen
• B2B-processen opnieuw inrichten
• Oude extensies vervangen
• Technische schuld opruimen

Een project waarbij alleen Hyvä Theme wordt geïmplementeerd, heeft een andere scope dan een volledige overstap naar Hyvä Commerce of Hyvä Enterprise.

Maak daarom vooraf onderscheid tussen:

1. Wat technisch noodzakelijk is
   Bijvoorbeeld het opnieuw bouwen van templates en het compatibel maken van extensies.
2. Wat commercieel wenselijk is
   Bijvoorbeeld een betere mobiele gebruikerservaring of een eenvoudiger checkoutproces.
3. Wat strategisch interessant is
   Bijvoorbeeld beter contentbeheer, minder afhankelijkheid van oude modules of een toekomstbestendiger Adobe Commerce-landschap.

Door die keuzes vooraf te maken, voorkom je dat de scope tijdens de implementatie ongemerkt blijft groeien.

1. Breng alle Magento-extensies in kaart

Een Magento-webshop bestaat vrijwel nooit alleen uit Magento zelf.

Vaak zijn er tientallen extensies geïnstalleerd voor bijvoorbeeld:

• Zoeken en filteren
• Betaalmethoden
• Verzending
• Reviews
• Productlabels
• Personalisatie
• Tracking
• Marketing automation
• Klantaccounts
• B2B-functionaliteit.

Veel extensies zijn oorspronkelijk ontwikkeld voor Magento Luma of Blank. De frontendonderdelen daarvan werken niet altijd automatisch binnen Hyvä. Wanneer een module afhankelijk is van Luma-templates of de bijbehorende JavaScripttechnieken, kan een compatibiliteitsmodule nodig zijn. Daarin worden de frontendonderdelen die niet direct met Hyvä werken opnieuw geïmplementeerd.

Noteer daarom per extensie:

• Waarvoor deze wordt gebruikt
• Of er frontendfunctionaliteit aanwezig is
• Of er een officiële Hyvä-versie beschikbaar is
• Of de gebruikte versie wordt ondersteund
• Wie de compatibiliteitsmodule onderhoudt
• Welke licentiekosten van toepassing zijn
• Of aanvullende ontwikkeling nodig is
• Of de extensie nog wel noodzakelijk is

Een Hyvä-project is ook een goed moment om extensies op te ruimen. Iedere module die je niet meer nodig hebt, hoeft immers ook niet compatibel te worden gemaakt, onderhouden en getest.

2. Onderzoek bestaand maatwerk

Magento-webshops bevatten vaak specifiek maatwerk.

Denk aan:

• Productconfiguratoren
• Klantafhankelijke informatie
• Prijsberekeningen
• Bestelhulpen
• Dealerzoekers
• Productvergelijkers
• Afwijkende accountomgevingen
• Eigen B2B-bestelflows

De achterliggende bedrijfslogica kan vaak behouden blijven. De manier waarop deze functionaliteit in de frontend wordt weergegeven en bediend, moet meestal opnieuw worden beoordeeld.

Onderzoek daarom:

• Welke templates worden overschreven
• Welke JavaScriptcomponenten worden gebruikt
• Welke onderdelen afhankelijk zijn van Luma
• Waar maatwerk via layout XML is toegevoegd
• Welke functionaliteit aan extensies van derden is gekoppeld
• Welke onderdelen eenvoudiger opnieuw gebouwd kunnen worden
• Welk maatwerk mogelijk door Hyvä Commerce of Hyvä Enterprise wordt vervangen

Dat laatste wordt steeds relevanter. Functionaliteit die vroeger volledig als maatwerk moest worden ontwikkeld, kan inmiddels onderdeel zijn van het bredere Hyvä-ecosysteem.

3. Maak een bewuste keuze voor de checkout

De checkout is een van de belangrijkste onderdelen van iedere e-commerceomgeving.

Tegelijkertijd bevat deze vaak veel afhankelijkheden, bijvoorbeeld voor:

• Betalingen
• Verzending
• Adresvalidatie
• Btw-berekeningen
• Kortingscodes
• Cadeaukaarten
• Tracking
• Consent
• B2B-processen
• Internationale storeviews

Je kunt Hyvä Theme gebruiken zonder direct over te stappen op Hyvä Checkout, dat kan de eerste fase van het project kleiner maken.

Kies je wel voor Hyvä Checkout, controleer dan vooraf:

• Of alle betaalmethoden worden ondersteund
• Of je payment service provider compatibel is
• Of verzendmethoden correct functioneren
• Of adresvalidatie werkt
• Of belasting- en btw-regels goed worden toegepast
• Of kortingsregels en cadeaukaarten worden ondersteund
• Of tracking correct kan worden ingericht
• Of B2B- en Adobe Commerce-processen volledig werken

Kijk daarbij niet alleen naar technische compatibiliteit. De checkout is ook een commercieel proces. Gebruik de implementatie daarom om kritisch te kijken naar het aantal stappen, afleidingen, foutmeldingen en mogelijke conversieproblemen.

4. Bepaal of je ook het beheer wilt moderniseren

Bij een traditionele Hyvä-implementatie ligt de nadruk vaak op de storefront. Met Hyvä Commerce kan ook de ervaring voor beheerders onderdeel worden van het project.

Dat is interessant wanneer marketeers en e-commercemedewerkers in de huidige Magento-omgeving tegen beperkingen aanlopen, bijvoorbeeld bij:

• Het opbouwen van landingspagina’s
• Het beheren van banners
• Het aanpassen van contentblokken
• Het werken met Page Builder
• Het terugvinden van relevante managementinformatie
• Het publiceren van acties en campagnes
• Het hergebruiken van contentcomponenten

Hyvä CMS biedt bijvoorbeeld een componentgebaseerde contentomgeving met een visuele editor, conceptversies en mogelijkheden voor het plannen van content. Neem daarom niet automatisch aan dat alle aandacht naar de voorkant van de webshop moet gaan. Een eenvoudigere beheerervaring kan minstens zoveel tijd en frustratie besparen.

5. Zie Hyvä niet automatisch als een redesign

Een Hyvä-implementatie en een redesign worden vaak gecombineerd, maar het zijn verschillende projecten.

Je kunt kiezen voor:

• Het bestaande ontwerp zo nauwkeurig mogelijk nabouwen
• Alleen de belangrijkste UX-knelpunten verbeteren
• Een volledig nieuw ontwerp ontwikkelen
• Stapsgewijs werken met herbruikbare Hyvä UI-componenten

Het bestaande ontwerp behouden lijkt soms de goedkoopste optie, toch moet de frontend nog steeds opnieuw worden opgebouwd. Bovendien loop je het risico dat oude beperkingen opnieuw worden geïmplementeerd.

Bepaal daarom vooraf:

• Welke onderdelen van het huidige ontwerp behouden blijven
• Welke gebruikersproblemen moeten worden opgelost
• Welke pagina’s opnieuw worden ontworpen
• Welke componenten herbruikbaar moeten zijn
• Hoe mobiel gebruik wordt meegenomen
• Wie ontwerpen en interacties goedkeurt

6. Vergeet kleinere pagina’s en uitzonderingen niet

De meeste aandacht gaat vaak naar de homepage, categoriepagina en productdetailpagina, maar een Magento-webshop bevat veel meer schermen en situaties.

Denk aan:

• Zoekresultaten
• Lege zoekresultaten
• De winkelwagen
• Inloggen en registreren
• Wachtwoordherstel
• Klantaccounts
• Verlanglijsten
• Retouraanvragen
• Formulieren
• Foutmeldingen
• 404-pagina’s
• CMS-pagina’s
• Cookievoorkeuren
• Orderbevestigingen

Bij B2B-webshops komen daar mogelijk nog bij:

• Snelbestellen
• Bestellijsten
• Klantafhankelijke prijzen
• Meerdere gebruikers per bedrijf
• Rollen en rechten
• Offertes
• Ordergoedkeuring
• Kredietlimieten
• Herhaalbestellingen

Maak vooraf een volledige lijst van paginatypen, klantreizen en uitzonderingssituaties. Deze inventarisatie vormt later de basis voor de acceptatietesten.

7. Controleer tracking en marketingtechnologie

Een snellere webshop is weinig waard wanneer belangrijke conversies na de livegang niet meer worden gemeten.

Inventariseer daarom alle bestaande oplossingen, zoals:

• Google Analytics
• Google Tag Manager
• Google Ads
• Meta Pixel
• Affiliate tracking
• Consent management
• Marketing automation
• Onsite search
• Personalisatie
• Reviews
• A/B-testing
• Chatfunctie

Controleer niet alleen of scripts worden geladen, maar ook of de juiste gebeurtenissen en gegevens worden verzonden.

Denk aan:

• Productweergaven
• Zoekopdrachten
• Filtergebruik
• Toevoegen aan winkelwagen
• Starten van de checkout
• Gebruik van kortingscodes
• Aankopen
• Refunds
• Registraties
• Zakelijke offerteaanvragen

Maak vóór de implementatie een nulmeting van de huidige inrichting en vergelijk die met de nieuwe webshop voordat deze live gaat.

8. Verwacht niet dat Hyvä ieder performanceprobleem oplost

Hyvä biedt een lichte en snelle frontendbasis, dat betekent niet dat iedere Hyvä-webshop automatisch snel is.

Ook met Hyvä kan performance worden afgeremd door:

• Te grote afbeeldingen
• Video’s zonder goede optimalisatie
• Veel externe scripts
• Complexe extensies
• Trage API-koppelingen
• Slechte hosting
• Onjuiste caching
• Inefficiënt maatwerk
• Grote hoeveelheden trackingsoftware

Spreek daarom vooraf af welke prestaties worden gemeten. Kijk niet alleen naar één Lighthouse-score, maar ook naar:

• Core Web Vitals
• Echte mobiele apparaten
• Langzamere mobiele verbindingen
• Zware categoriepagina’s
• Complexe productconfiguraties
• Zoek- en filterfuncties
• Winkelwagen en checkout
• Ingelogde klantaccounts

Door vóór de implementatie een nulmeting uit te voeren, kun je achteraf objectief bepalen welke verbetering is gerealiseerd.

9. Controleer de technische basis van Magento

Hyvä vervangt de frontend, maar lost achterstallig Magento-onderhoud niet automatisch op.

Controleer voor de start:

• De Magento-versie
• De PHP-versie
• Securitypatches
• Achterstallige extensie-updates
• Ongebruikt maatwerk
• Foutmeldingen in logs
• Cronjobs en indexers
• Caching
• Hostingconfiguratie
• Deploymentprocessen
• Test- en acceptatieomgevingen

Een Magento-upgrade en Hyvä-implementatie kunnen soms efficiënt worden gecombineerd. Het vergroot echter ook de scope en maakt het lastiger om bij problemen direct de oorzaak vast te stellen. Maak daarom bewust de keuze tussen één groot traject en een gefaseerde aanpak.

10. Besteed extra aandacht aan Adobe Commerce en B2B

Gebruik je Adobe Commerce of de Adobe B2B Suite? Dan is een uitgebreidere analyse noodzakelijk.

Controleer per gebruikte functionaliteit:

• Of deze binnen Hyvä Theme wordt ondersteund
• Of Hyvä Enterprise nodig is
• Of ondersteuning geldt voor zowel storefront als checkout
• Of er beperkingen of bekende aandachtspunten zijn
• Welke licenties nodig zijn
• Hoe toekomstige updates worden uitgevoerd

Hyvä Enterprise biedt compatibiliteit voor verschillende Adobe Commerce-, B2B- en Adobe Services-functionaliteiten. Dat betekent echter niet dat je zonder inventarisatie kunt overstappen. Iedere webshop gebruikt immers een andere combinatie van modules, configuraties en maatwerk.

Voor B2B-webshops moet je bovendien niet alleen controleren of een functie technisch beschikbaar is. Kijk ook of de complete bedrijfsprocessen goed blijven werken, van klantregistratie en prijsafspraken tot offertes en ordergoedkeuring.

11. Bescherm content en SEO

Productinformatie en orders blijven bij een frontendvernieuwing doorgaans gewoon in Magento staan. Bestaande content kan echter afhankelijk zijn van CSS, widgets, scripts, Page Builder of specifieke templates.

Controleer daarom onder meer:

• CMS-pagina’s
• Landingspagina’s
• Banners
• Contentblokken
• Merkpagina’s
• Blogs
• Footercontent
• Meertalige content
• Juridische pagina’s

Neem daarnaast SEO expliciet mee:

• URL-structuren
• Redirects
• Canonical-tags
• Meta titles en descriptions
• Headings
• Structured data
• Hreflang
• Interne links
• Filters en facetten
• Robots.txt
• XML-sitemaps
• Indexeerbaarheid

Maak vóór de migratie een crawl van de bestaande webshop en vergelijk die met de nieuwe omgeving. Zo ontdek je vóór de livegang ontbrekende pagina’s, links en metadata.

12. Reserveer voldoende tijd voor testen

Een Hyvä-webshop moet visueel, functioneel, technisch én commercieel worden getest.

Test minimaal:

• Verschillende browsers
• Desktop, tablet en mobiel
• Ingelogde en uitgelogde gebruikers
• Klantgroepen
• Producttypen
• Betaalmethoden
• Verzendmethoden
• Belastingberekeningen
• Kortingsregels
• Voorraadscenario’s
• Zoek- en filterfuncties
• Formulieren
• Tracking
• E-mails
• Storeviews en talen
• Externe integraties

Laat daarbij niet alleen ontwikkelaars testen. Een marketeer, klantenservicemedewerker, accountmanager en vaste klant kijken allemaal op een andere manier naar de webshop.

13. Denk na over beheer, updates en licenties

Hyvä is een modulair ecosysteem. Dat betekent ook dat verschillende onderdelen een ander licentiemodel, updateproces of ondersteuningsniveau kunnen hebben.

Breng daarom vooraf in kaart:

• Welke Hyvä-producten je gebruikt
• Welke onderdelen open source zijn
• Waarvoor een commerciële licentie nodig is
• Wie updates uitvoert
• Hoe compatibiliteit wordt gecontroleerd
• Hoe nieuwe releases worden getest
• Wie ondersteuning levert
• Welke documentatie wordt opgeleverd
• Hoe monitoring wordt ingericht

Kijk daarbij niet alleen naar de initiële investering. Neem ook de kosten en voordelen van beheer, onderhoud en verdere ontwikkeling mee.

Wat hoort er in een goede Hyvä-scan?

Voordat je een planning en begroting laat maken, is het verstandig om een technische en functionele Hyvä-scan uit te voeren.

Zo’n scan bevat idealiter:

Hyvä-productadvies

• Hyvä Theme
• Hyvä Checkout
• Hyvä UI
• Hyvä Commerce
• Hyvä Enterprise
• Benodigde licenties en modules

Technische inventarisatie

• Magento- en PHP-versie
• Huidige theme-opbouw
• Extensies
• Frontendmaatwerk
• Technische schuld
• Hosting en deployments

Compatibiliteitsanalyse

• Beschikbare Hyvä-modules
• Ontbrekende ondersteuning
• Benodigde compatibiliteitsontwikkeling
• Risico’s per extensie
• Adobe Commerce- en B2B-ondersteuning

Functionele inventarisatie

• Klantreizen
• Paginatypen
• Klantgroepen
• Checkout
• Betalingen en verzending
• Beheerprocessen
• Uitzonderingssituaties

Commerciële analyse

• Performance
• Conversieknelpunten
• Mobiele gebruikerservaring
• Zoek- en filterervaring
• Contentbeheer
• Mogelijkheden voor vereenvoudiging

Projectadvies

• Aanbevolen Hyvä-oplossing
• Scope
• Fasering
• Benodigde licenties
• Verwachte investering
• Belangrijkste risico’s
• Test- en livegangstrategie

Is Hyvä geschikt voor iedere Magento-webshop?

Niet automatisch. Hyvä is vooral interessant wanneer je Magento wilt behouden, maar de webshop sneller, gebruiksvriendelijker en eenvoudiger onderhoudbaar wilt maken.

Het ligt voor de hand wanneer:

• De huidige frontend verouderd is
• Performance achterblijft
• Frontendontwikkeling veel tijd kost
• Een redesign gepland staat
• De checkout moet worden verbeterd
• Contentbeheer te omslachtig is
• Je Adobe Commerce- of B2B-functionaliteit moderner wilt ontsluiten
• Je meer uit de bestaande Magento-investering wilt halen

Hyvä is minder vanzelfsprekend wanneer je op korte termijn afscheid wilt nemen van Magento of sterk afhankelijk bent van specifieke functionaliteit waarvoor nog geen geschikte oplossing beschikbaar is. Daarom begint een goed Hyvä-project niet met het installeren van een theme, maar met het bepalen van de juiste architectuur en productcombinatie.

Hyvä implementeren zonder verrassingen

Hyvä kan veel meer betekenen dan een snellere Magento-frontend.

Afhankelijk van de gekozen onderdelen kan Hyvä ook helpen bij:

• Het verbeteren van de checkout
• Het versnellen van frontendontwikkeling
• Het werken met herbruikbare componenten
• Het vereenvoudigen van contentbeheer
• Het moderniseren van Magento Open Source
• Het ondersteunen van Adobe Commerce en B2B
• Het verminderen van technische complexiteit

Juist omdat Hyvä inmiddels een breder ecosysteem is, wordt een goede voorbereiding belangrijker. Inventariseer extensies, maatwerk, checkoutfunctionaliteit, content, tracking, bedrijfsprocessen en beheerwensen voordat de implementatie begint. Zo kies je niet alleen een nieuw frontendtheme, maar bouw je gericht aan een Magento-omgeving die beter aansluit op de volgende fase van je organisatie.

Benieuwd welke Hyvä-oplossing bij jouw Magento-webshop past?

SupportDesk kan je bestaande Magento-webshop technisch en functioneel analyseren.

We brengen onder andere in kaart:

• Welke Hyvä-producten relevant zijn
• Welke extensies compatibel zijn
• Welk maatwerk aangepast moet worden
• Of Hyvä Checkout interessant is
• Welke aandachtspunten gelden voor Adobe Commerce en B2B
• Welke licenties en compatibiliteitsmodules nodig zijn
• Welke fasering het minste risico oplevert

Op basis daarvan ontvang je een concreet advies over de haalbaarheid, aanpak, risico’s en verwachte investering. Zo weet je vooraf waar je aan toe bent en voorkom je verrassingen tijdens de implementatie.

Veelgestelde vragen over Hyvä