Terug naar cases
Eigen product · MageRex

Een pagina bouwenin Magento zondereen developer.

MageRex is ons eigen Magento-platform. Eén pakket met hosting, thema, een visuele bouwer en een AI-assistent, gemaakt voor de marketeer die nu voor elke banner een ticket moet indienen. Deze case gaat over wat we aan de Magento-kant hebben gebouwd. Het draait bij klanten en op onze demowinkel, en het is dezelfde code bij iedereen: 180.287 regels die we bij elke winkel inzetten.

Voor
MageRex by Disrex
Discipline
Platformontwikkeling · Magento 2
Jaar
2026
demo.magerex.nl
hero
usp-balk
productraster
beeld met tekst
cta

Vijf secties, in de volgorde waarin iemand ze erin sleept.

0
widgets vandaag, in 163 vormvarianten
0
regels code die elke winkel deelt
0
handelingen die de AI in de editor kan doen
0
instellingen waarmee een winkel zijn eigen vorm krijgt
01
Het probleem

Een tekstvak met HTML erin

Open in Magento een pagina om hem te bewerken en je krijgt een tekstvak. Daar staat HTML in. Wil je er een productcarrousel bij, dan plak je er een stukje code tussen dat verwijst naar een widget die je ergens anders hebt aangemaakt. Zien wat het wordt kan pas nadat je hebt opgeslagen en de winkel opnieuw laadt.

Adobe heeft daar Page Builder voor gemaakt. Die is gebouwd op de oude frontend van Magento. Draait je winkel op Hyvä, en dat doen alle snelle Magento-winkels, dan komt er uit Page Builder opmaak die je thema niet kent.

Het contentveld van een Magento-pagina met daarin één regel HTML en twee knoppen om een bouwer te openen
De inhoud van de homepage in kaal Magento: één regel HTML in een tekstvak.
wat dat kost

Een landingspagina voor een actie is dan geen middagje werk van de marketeer, het is een opdracht aan een bouwer. Die zet hem in de planning, bouwt hem, en rekent hem af. Twee weken later staat de actie online en is de aanleiding voorbij.

02
De bouwer

De echte pagina, met de echte producten

Wat je op je scherm ziet is de pagina zoals een klant hem straks krijgt, en niet een nabootsing ervan in de beheeromgeving. Je sleept een sectie op zijn plek, klikt hem aan, en past kleur, ruimte en gedrag aan terwijl je ernaar kijkt. Bovenaan zit een knop voor tablet en mobiel, en de SEO-velden van de pagina zitten in hetzelfde scherm.

De bouwer met een werkbalk bovenaan over de winkel heen, en de winkelpagina eronder
  1. 01

    Open de winkel

    Vanuit de beheeromgeving open je de bouwer. Die laadt de echte pagina met de echte producten.

  2. 02

    Sleep een sectie

    Kies uit 46 widgets. De sectie verschijnt meteen op zijn plek, in de vormgeving van de winkel.

  3. 03

    Of beschrijf hem

    Typ wat je wilt in het Nederlands. De assistent kiest de widget en vult de velden.

  4. 04

    Kies een vorm

    Elke widget heeft drie tot zes vormen. Wisselen kan zonder je inhoud opnieuw in te voeren.

  5. 05

    Kijk op mobiel

    Schakel naar tablet of telefoon en pas per formaat aan wat er anders moet.

  6. 06

    Publiceer

    Eén knop. De pagina staat live, met de SEO-velden die je in hetzelfde scherm hebt ingevuld.

03 · De widgets

Alle 46 van vandaag, in 163 vormen

46 widgets, elk met drie tot zes vormen. Ze staan hier voluit omdat dit het werk is dat je anders per stuk laat bouwen. Tussen haakjes staat hoeveel vormen die widget kent. De lijst is de stand van vandaag; er komen er dit jaar nog een stuk of honderd bij.

Openen en verkopen

8
Hero
5
Hero-banner
4
Premium hero
4
Banner
5
Premium banner
3
Bannerstrook
2
Productraster
5
Productcarrousel
2

Door de winkel leiden

6
Categorieraster
5
Categoriecarrousel
2
Merkenwand
5
Horizontale filters
1
Zoeken zonder resultaat
1
Zoektips
1

Uitleggen

8
Accordeon
3
Veelgestelde vragen
5
Kenmerkenlijst
5
Iconenblokken
3
Beeld met tekst
6
Tekstblok
2
Prijstabel
3
Vergelijking
5

Vertrouwen geven

9
Reviewcitaat
5
Reviewrij
3
Sociale bewijskracht
5
Cijfers
5
Tellers
3
Team
5
Logowand
3
USP-balk
5
USP-rij
3

Aanzetten tot actie

8
CTA
6
CTA-blok
5
CTA-blokken
1
Nieuwsbrief
5
Aftelklok
5
Aftelteller
1
Contact
5
Hulp en contact
1

Beeld en indeling

7
Fotogalerij
5
Galerij
2
Video
5
Insluiting
2
Scheidingslijn
3
Witruimte
1
Eigen HTML
2
Het scherm om een sectie toe te voegen, met widgets onder elkaar en per widget een label met het aantal vormen
Hetzelfde lijstje in de bouwer. Rechts staat per widget hoeveel vormen hij heeft.
04
De vormgeving

Een nieuwe sectie hoort er meteen bij

Wat de winkel eigen maakt zit in 53 instellingen: kleuren, lettertypen, hoeken, schaduwen, de indeling van de kop, wat er in de winkelwagenlade staat. Een widget leest die waarden en past zich aan. Daardoor ziet een nieuwe sectie er meteen uit alsof hij bij de winkel hoort, ook als iemand zonder gevoel voor vormgeving hem erin zet.

Het thema zelf staat op Hyvä en telt 59.101 regels, waarvan 23 stukken van Magento en van modules van anderen opnieuw zijn opgemaakt.

Het instellingenscherm van het thema met velden voor kleuren en typografie
De vormgeving van de winkel als instellingen, niet als code.
Een categoriepagina met filters links en een productraster rechts
Categoriepagina uit de demowinkel: filters met aantallen, prijzen inclusief btw.
05
De assistent

Hij mag niks wat jij niet mag

Je typt wat je wilt in gewoon Nederlands, en hij kiest de widget, vult de velden en zet hem op zijn plek. Onder water heeft hij 24 handelingen tot zijn beschikking, en dat zijn precies de handelingen die jij ook met de muis had kunnen doen.

Er is een maandplafond voor het aantal aanroepen en voor de kosten, en het gebruik wordt per keer weggeschreven. De uitvoer is een concept: je kijkt ernaar, past aan, en publiceert daarna zelf.

widget opzoekenwidget toevoegenvelden invullenvan vorm wisselenvolgorde wijzigenpagina-instellingenbeeld zoeken+ 17 andere
Een venster met een tekstvak waarin je beschrijft wat je wilt maken, met daaronder drie voorbeelden en een waarschuwing dat het om beta gaat
06
Wat er verandert

Dezelfde pagina, twee keer

Een blok op een pagina zetten
HTML in een tekstvakSlepen op de winkel zelf
Zien wat het wordt
Opslaan en herladenTerwijl je het aanpast
Visuele bouwer op Hyvä
Werkt nietWerkt
Vormen per blok
Wat je laat bouwen3 tot 6, met één klik
Kleuren en typografie wijzigen
Thema aanpassen53 instellingen
Een sectie erbij
Opdracht aan een bouwerBeschrijven in het Nederlands
Volgende versie van het platform
MigratieprojectZit in het abonnement
Widget die een andere winkel liet bouwen
Blijft daarStaat de week erna bij jou
07 · waar het heen gaat

Van 46 naar boven de 150

De 46 widgets op deze pagina zijn de stand van vandaag. De eerstvolgende ronde brengt de lijst boven de 150, en daarna gaat hij door: elke widget die we voor één winkel nodig hebben komt in het gedeelde pakket terecht en staat de week erna bij iedereen in het keuzescherm.

Dat is meteen het punt van een productplatform in plaats van een reeks losse projecten. Wie er vandaag op zit krijgt wat er volgend jaar bij komt, zonder migratie en zonder offerte.

De homepage van de demowinkel
Open de demowinkel op demo.magerex.nl

De demowinkel staat online en draait op precies dit platform. Alles wat je op de homepage ziet is met de bouwer neergezet. De producten zijn verzonnen, de winkel is echt.

wat hier echt is en wat niet

Flex AI staat in de beheeromgeving met het label beta, en die waarschuwing staat er niet voor de sier: hij maakt een concept dat je nakijkt voor je publiceert. De schermafdrukken komen uit onze demowinkel met verzonnen producten van een verzonnen merk, geen klantwinkel. De cijfers op deze pagina zijn geteld in de broncode op 2 augustus 2026.

Dit draait ook op jouw Magento.

Vertel wat er nu blijft liggen omdat er een developer aan te pas moet komen, dan laten we zien hoe dat hier gaat.

Magento 2.4HyväFlex2-themaFlex BuilderFlex AIAnthropic ClaudeModel Context ProtocolAlpine.jsTailwind CSS