Showcase / Content en vindbaarheid

Pagina's bouwen uit secties

Een landingspagina of een pagina Over ons laten bouwen kost elke keer een developer. In onze demowinkel stel je zo'n pagina zelf samen in het beheer, uit kant-en-klare secties. Het resultaat ziet eruit als de rest van de winkel, omdat het met dezelfde bouwstenen is gemaakt.

De bovenkant van de pagina Over ons in de demowinkel, met een donkere hero-sectie en een knop naar de collectie — De bovenkant van Over ons: een hero-sectie met titel, tekst, beeld en een knop

De pagina Over ons in de demowinkel van boven naar beneden, met achtereenvolgens een hero, een blok met beeld en tekst, een rij met drie punten en een productrij — Dezelfde pagina verder naar beneden: beeld met tekst, een rij punten en een productrij, allemaal losse secties

Magento 2 · Hyvä · Content · Beheer

Wat het doet

Tien soorten secties

Hero, beeld met tekst, rijke tekst, een rij punten, een productrij, een uitklapbare vragenlijst, een citaat, een logostrook, een videoblok en een oproepbalk. Elke sectie heeft zijn eigen velden.

Slepen om te ordenen

In het beheer staat de pagina als een lijst secties. Toevoegen, verslepen, tijdelijk uitzetten of verwijderen, zonder dat er een developer aan te pas komt.

Versies terugkijken

Bij elke opslag wordt bewaard hoe de pagina er daarvoor uitzag. De laatste twintig versies blijven staan, dus een misser is terug te draaien.

Een link om mee te kijken

Voor een concept maak je een preview-link die een dag geldig is. Handig om een pagina te laten nakijken voordat hij live gaat.

Overal te plaatsen

Een samengestelde pagina heeft een eigen naam en zet je op elke gewone pagina van de winkel neer, of als vast onderdeel van bijvoorbeeld de homepage. Sjablonen zijn er ook, zodat een nieuwe pagina niet leeg begint.

Voor wie

Shops op Hyvä waar de marketingkant zelf landingspagina's wil maken. De standaard pagebuilder van Magento past daar slecht bij: de pagina's ogen net anders dan de rest van de winkel en laden trager.

Ook bruikbaar als je nu elke campagnepagina laat bouwen. Het werk verschuift dan van de developer naar het beheer, en de developer bouwt alleen nog een nieuw sectietype als er echt iets ontbreekt.

Zelf bekijken

De pagina Over ons in de demowinkel is helemaal opgebouwd uit secties. De builder heeft deze pagina zelf samengesteld, sectie voor sectie.

Bekijk Over ons in de demowinkel

Voor developers

Een eigen entiteit met een naam, een titel en de secties als JSON, per winkelweergave in of uit te zetten.
De secties renderen als gewone templates van het Hyvä-thema, dus wat eruit komt is Hyvä-markup zonder aparte CSS-laag. De pagebuilder van Magento zelf zet opmaak uit die daar niet bij past.
De sectietypen zitten in een pool die via di.xml wordt gevuld: een nieuw type is een renderer, een template en een regel configuratie.
Plaatsen kan via een lay-outblok of via een widget, zodat een redacteur de samengestelde pagina ook in een gewone CMS-pagina kan zetten.
Het beheerscherm is een UI-component met verslepende rijen; de rijen worden bij het opslaan omgezet naar de JSON-kolom en terug.
Versies zijn momentopnames van de vorige stand, begrensd op de laatste twintig per pagina.
De preview-link is een ondertekende sleutel op basis van de installatiesleutel, zonder sessie of extra tabel, en verloopt na een dag.
De Tailwind-klassen van de secties staan in de bronlijst van het thema, zodat ze na een rebuild gewoon in de CSS zitten.

De content builder is gebouwd op Hyvä, de frontend waar we de meeste shops naartoe brengen.

Nieuwe sectietypen erbij bouwen doen we meestal binnen technisch beheer, in de wekelijkse doorontwikkeling.

Terug naar alle onderdelen in de showcase.

Wil je zelf pagina's kunnen maken?

In een kennismaking van een kwartier kijken we wat daarvoor nodig is in jouw shop.

Plan een kennismaking

Jasper van Tellingen, e-commerce architect