Het Hyvä Commerce CMS met liveview
Terug naar blog

Het Hyvä Commerce CMS met liveview

AuthorRuthger Idema
26 mei 20266 min leestijd

Drie keer opslaan, twee keer refreshen, één keer vloeken omdat de opmaak toch niet klopt. Zo ziet contentbeheer in standaard Magento-admin er vaak uit. Het CMS van Hyvä Commerce pakt dit fundamenteel anders aan: je ziet direct, terwijl je werkt, hoe je pagina eruitziet voor een klant.

Het Hyvä Commerce CMS met liveview

Drie keer opslaan, twee keer refreshen, één keer vloeken omdat de opmaak toch niet klopt. Zo ziet contentbeheer in standaard Magento-admin er vaak uit. Het CMS van Hyvä Commerce pakt dit fundamenteel anders aan: je ziet direct, terwijl je werkt, hoe je pagina eruitziet voor een klant.

Wat live preview concreet betekent

In de standaard Magento Page Builder werk je blind. Je sleept blokken, sla je op, ga je naar de frontend, laad je de pagina opnieuw. Is de tekst te groot? Staat het beeld verkeerd? Terug naar admin, aanpassen, opnieuw opslaan.

Het CMS van Hyvä Commerce werkt met een split-screen liveview. Wat je links invoert of aanpast, verschijnt rechts direct in de echte frontend-render. Geen build-step tussendoor. Geen cache legen. Wat je ziet, is wat je klant ziet.

Dat klinkt als een small convenience, maar de tijdsbesparing stapelt snel op bij:

  • Landingspagina's met meerdere secties
  • Promotiecampagnes met strakke deadlines
  • Contentteams zonder technische achtergrond

Hoe het verschilt van standaard Magento-admin

De Magento Page Builder bestaat al jaren. Toch kiezen veel teams voor losse tools als WordPress als headless CMS, simpelweg omdat de native editor traag en omslachtig is. Dat lost problemen op, maar creëert ook nieuwe: aparte deployments, synchronisatie-issues en meer onderhoud.

Standaard Magento Page BuilderHyvä Commerce CMS
Live previewNee (aparte tab, handmatig refreshen)Ja, split-screen direct
Admin-themeOud, traagVernieuwd, snel
Ingebouwde image editorNeeJa
Automatische media-optimalisatieNeeJa
Codebase ontkoppeling nodigSoms (headless workarounds)Nee, alles in één stack

De vernieuwde admin-omgeving is niet alleen cosmetisch. Minder laadtijd in admin betekent minder context-switching en minder frustratie bij dagelijks gebruik.

De image editor en media-optimalisatie

Twee features die op papier klein lijken maar in de praktijk uren schelen: een ingebouwde image editor en automatische media-optimalisatie.

Zonder: je uploadt een afbeelding, ontdekt dat hij te breed is, opent Photoshop of een externe tool, snijdt bij, uploadt opnieuw. Herhaal voor elke variant.

Met de ingebouwde editor crop, schaal en pas je direct aan in de admin. De media-optimalisatie zorgt vervolgens automatisch voor de juiste formaten en compressie. Dat is relevant voor performance: met Hyvä's HTML-first aanpak (Tailwind + Alpine, ~95% minder JavaScript dan Luma) haal je zonder moeite Lighthouse-scores van 95+. Ongeoptimaliseerde afbeeldingen zijn dan vaak de bottleneck die je wil vermijden.

Voor contentteams betekent dit dat je minder afhankelijk bent van een developer of designer bij elke kleine contentwijziging.

Onderdeel van een groter geheel

Het CMS is geen losstaande module. Het maakt deel uit van Hyvä Commerce, de all-in-one commerce-suite bovenop Magento 2. Die suite bundelt:

  • Hyvä Theme — de performance-gerichte frontend (Tailwind + Alpine)
  • Hyvä UI — herbruikbare componenten
  • Hyvä Checkout — geoptimaliseerde afrekenstroom
  • Merchant-tools — CMS met liveview, image editor, media-optimalisatie, vernieuwd admin-theme en een dashboard

Je koopt dus geen losse CMS-plugin. Je kiest voor een geïntegreerd pakket met één update-pad. Dat is bewust: in veel Magento-shops bestaat de tooling uit zelfgeknutselde combinaties van losse modules. Die modules hebben elk hun eigen releaseritme, hun eigen bugs en hun eigen compatibility-issues. Hyvä Commerce wil dat vervangen door één coherente suite.

Wat dit scheelt voor een contentteam

Wij zien bij klanten dat de winst zit in de dagelijkse workflow, niet in de spectaculaire gevallen.

Een typische contentmedewerker voert per week tientallen kleine aanpassingen door: bannerteksten, productbeschrijvingen, promotiecontent voor campagnes, CMS-pagina's voor seizoensaanbiedingen. Als elke aanpassing drie stappen kost in plaats van één, telt dat op.

Concrete veranderingen in de workflow met liveview:

  • Minder afhankelijkheid van developers — je hoeft niet te vragen "ziet het er zo uit?" want je ziet het zelf
  • Snellere campagne-uitrol — last-minute aanpassingen voor een sale zijn geen stressfactor meer
  • Minder fouten in productie — je ziet precies wat er live gaat vóór je publiceert
  • Kortere feedbackcycli — een marketeer kan zelf beoordelen of iets klopt, zonder testomgeving

Voor een uitgebreidere beschrijving van hoe een content workflow in Hyvä eruitziet, lees dit artikel.

Technisch perspectief: waarom dit werkt zonder extra complexiteit

De reden dat live preview in Magento lang ontbrak, is technisch: de standaard Magento-frontend is zwaar en afhankelijk van PHP-renders, caching en JavaScript-initialisatie. Een live preview betekent dat je die stack real-time opnieuw moet doorlopen, wat traag is.

Hyvä's HTML-first aanpak maakt dit een stuk toegankelijker. Doordat de frontend drastisch minder JavaScript heeft, is een render snel genoeg om near-realtime te zijn. Er is geen aparte build-step die je moet afwachten. Dit is geen feature die Hyvä er bovenop heeft geplakt, het is een logisch gevolg van de frontend-architectuur.

Technisch blijft Hyvä Commerce gewoon Magento onder de motorkap. Alle bestaande features blijven beschikbaar:

  • B2B-functionaliteit
  • Prijsregels en catalogusregels
  • Staging & Preview (Adobe Commerce)
  • Bestaande backend-integraties

Dat maakt migratie overzichtelijker dan een volledige overstap naar headless.

Licentie en kosten

Hyvä Commerce heeft twee licentieopties:

  • Jaarlijks: circa 3.000 euro per jaar
  • Eenmalig: circa 12.000 euro voor doorlopend eigenaarschap

Prijzen kunnen variëren; PPP-regelingen en trade-in-opties bestaan. De implementatiekosten komen hier bovenop en zijn afhankelijk van de bestaande shop, maatwerk en gewenste features.

Voor een middelgrote webshop die nu worstelt met trage contentworkflows, een traag admin-panel en prestatieproblemen op de frontend, is dit een andere rekening dan voor een kleine shop die eens per maand iets aanpast.

Wanneer Hyvä Commerce niet de juiste keuze is

Eerlijk is eerlijk: Hyvä Commerce is niet voor iedereen de juiste stap.

Kleine shops met weinig contentwisselingen halen weinig voordeel uit het CMS en de liveview. Als je drie CMS-pagina's hebt die eens per kwartaal veranderen, is de investering moeilijk te rechtvaardigen. Shops met zware custom modules op de Luma-frontend hebben migratie-overhead. Bestaande UI-componenten moeten worden herschreven naar Tailwind + Alpine. Hoe meer maatwerk, hoe meer werk. Teams die al headless zijn gegaan en tevreden zijn met hun CMS-setup (Contentful, Storyblok, Sanity) hebben minder reden om te migreren. Hyvä Commerce is juist interessant als je de voordelen van een geïntegreerde stack wil zonder de complexiteit van een volledige headless-architectuur. Shops op een verouderde Magento-versie (onder 2.4.x) moeten eerst upgraden voor Hyvä Commerce beschikbaar is. Dat is een aparte klus.

Wij adviseren geen oplossing als de fit er niet is. Dat kost ons allebei tijd.

Wanneer wél

Het plaatje wordt aantrekkelijk bij een combinatie van factoren:

  • Contentteam dat dagelijks of wekelijks werkt in de admin
  • Performanceproblemen op de huidige frontend (Lighthouse onder 70, trage mobiele pagina's)
  • Frustratie met de standaard Magento Page Builder
  • Plannen voor Hyvä Theme toch al op de roadmap
  • Wens om technische schuld te verminderen (minder losse modules, één update-pad)

In die situaties betaalt de liveview zichzelf terug in vermeden developer-uren en snellere go-to-market voor campagnes.

Tot slot

Het Hyvä Commerce CMS met liveview is geen revolutie in functionaliteit, maar een stevige verbetering in hoe contentteams dagelijks werken. Direct zien wat je bouwt, minder afhankelijkheid van developers, gecombineerd met automatische media-optimalisatie en een ingebouwde image editor.

Wil je weten of Hyvä Commerce past bij jouw shop en team? We doen een gratis Tech Check: we kijken naar je huidige stack, performance en workflow, en geven een eerlijk advies. Geen sales-praatje. Plan een Tech Check via /contact.

Ruthger Idema

Geschreven door Ruthger Idema

15+ jaar ervaring in e-commerce development. Gespecialiseerd in Magento, Shopify en Laravel maatwerk.

Meer over ons team →
Deel dit artikel:

Wil je jouw e-commerce naar het volgende niveau?

Plan een vrijblijvend gesprek met onze experts over Magento, Shopify of Laravel maatwerk.

Plan een Tech Check