Hero b3 en

Magento Visual Editor: The Marketer Layer Hyvä Misses

Hyvä speeds up how developers build Magento 2 storefronts. It doesn't give marketers a way to compose or edit pages without an engineering ticket. That gap, a visual, component-based editing layer, is what a Magento visual editor adds on top of the same Magento backend, without replacing Hyvä where it already works.

What Hyvä actually is (and isn't)

Hyvä replaced Magento's default Luma theme with a leaner stack: TailwindCSS for styling, AlpineJS for interactivity, and PHTML templates instead of the RequireJS/KnockoutJS bundle Luma shipped with. The result is real. Stores built on Hyvä typically launch 30 to 50 percent faster than comparable Luma builds, and the ecosystem has caught up, with more than 1,000 Magento extensions now shipping official Hyvä compatibility. By early 2026, Hyvä isn't an emerging alternative anymore. It's the default choice for serious Magento merchants who care about frontend performance.

None of that changes what Hyvä is: a theme framework for developers. Every template, every section, every new content block is a PHTML file that a developer writes, tests, and deploys. Hyvä was never designed to hand page composition to a marketing team, and its own documentation doesn't claim otherwise. That's not a gap in execution. It's a scope decision, and a reasonable one for a project focused on rendering performance rather than editing experience.

The gap: marketers still file a ticket for every page

Talk to a Magento merchant who migrated to Hyvä for performance, and the frontend numbers usually improved. Ask the marketing team what changed about how they publish a new landing page, a seasonal campaign, or a product story, and the answer is usually: nothing. They still write a brief, hand it to a developer, wait for a sprint slot, and review a staging link before anything goes live.

That's the pattern this post is about. Hyvä fixed the performance problem. It didn't touch the composition problem: who can build and change a page, and how fast. For a Product or Marketing Owner running a content calendar, a Black Friday campaign, or a new product landing page, "fast Magento frontend" and "fast time to publish" are two different problems, and Hyvä only solves the first one.

Why "just add a page builder module" doesn't close it

Adobe Commerce, the paid Magento edition, ships its own Page Builder, but that's an Adobe Commerce feature, not something Magento Open Source or a Hyvä storefront gets by default. Even where a page-builder-style module exists, it typically edits CMS blocks and static content areas inside the existing template structure. It doesn't give marketers control over full page composition, reusable sections, or a live preview that matches what a developer built in PHTML. The editing surface and the rendering surface stay two separate systems that have to be kept in sync by hand.

That's the recurring failure mode with bolt-on editors. They add a UI without touching the underlying component model. The developer's templates and the marketer's blocks drift apart, and eventually someone has to reconcile them, usually a developer again.

The missing layer: a visual, component-based editor for marketers

What Magento merchants are actually looking for when they search for a "no-code Magento frontend" isn't zero code everywhere. It's a way to stop routing every page change through an engineering queue. That requires three things at once: a visual editor with a live preview, a shared component library that developers own and marketers compose from, and a direct connection to the same product, price, and stock data Magento already has.

This is the layer Laioutr FMP adds. Studio, our composable visual page builder, is a visual editor with a live preview: a Product or Marketing Owner drags and configures sections from a shared component library and publishes without a pull request. Developers still own the components, the design tokens, and the data connections. Nothing here is "no-code for everyone." It's low-code for marketers and fully code-open for developers, which is the actual split that matters on a Magento storefront. A Magento visual editor that works this way changes the calculus for the marketing team, not the engineering backlog.

How this sits next to Magento and Hyvä, not instead of it

Laioutr FMP connects to Magento the same way any modern frontend does: through Magento's GraphQL API, without a custom connector. That means teams don't have to rip out an existing Hyvä theme to get a marketer-facing editing layer. A common pattern: engineering keeps a Hyvä-built theme, or a Laioutr-built one, for the templates that need deep custom logic, like checkout steps or configurator flows, while marketing runs campaign pages, landing pages, and content sections through Laioutr's Studio, built for marketing managers, both reading and writing against the same Magento backend.

Hyvä optimizes the developer's build. Laioutr FMP optimizes the marketer's publish. They answer different questions, and a Magento shop can run both at once during a transition, or lean fully into Laioutr's Studio for everything customer-facing once the team is ready.

What comes with that layer, concretely:

  • A visual editor with a live preview instead of a staging-link review cycle
  • A shared, brand-consistent component library, so a new campaign page reuses approved sections instead of a one-off build
  • WCAG-ready components out of the box, closing the accessibility gap Luma-based themes typically carry unaudited
  • EU hosting and a Core Web Vitals-optimized delivery layer, with new landing pages typically launching about 65 percent faster than on a classic headless setup with a developer ticket per page, while the content management layer keeps multi-locale content in sync

What this looks like in practice

Teams that add this layer to an existing Magento setup typically move through the same four steps: connect Magento's GraphQL API, no custom middleware required; map the existing theme's sections onto Laioutr's component library; decide which pages stay developer-owned and which move to Studio; and launch the marketer-facing pages first while the rest of the migration, if there is one, runs in parallel. None of this requires a Hyvä rebuild or a Magento version change. The backend stays exactly where it is. This pattern is part of what the Agentic Frontend Management Platform is built for: marketing and engineering working from the same component base instead of two disconnected systems.

The honest scope

If a Magento shop's problem is purely rendering performance and the team has no complaints about publishing speed, Hyvä alone may be the right answer, and adding another frontend layer on top would be solving a problem that doesn't exist yet. The layer described here matters specifically when a Product or Marketing Owner is the one waiting on a developer for every new page. That's a distinct, common, and usually underestimated cost on Magento storefronts, and it's the one a visual, component-based editor is built to remove.

Related reading: The Hidden Costs of Third-Party Integrations on a Monolithic Magento Frontend and Beyond the Theme: Magento Core Web Vitals Are a Frontend-Layer Problem.

Altri articoli interessanti

Conoscenza pratica su sviluppo frontend, agenti intelligenti e headless

App Shopify
Shopify
Shopify è una piattaforma di commerce per vendere online e nei negozi fisici.
App shopware
Shopware
Shopware è una piattaforma e-commerce europea e flessibile per cataloghi prodotto e commerce omnicanale.
App adobe commerce
Adobe Commerce
Adobe Commerce è una piattaforma di enterprise commerce per scenari B2C e B2B complessi e globali.
Planned
App B2B sellers suite
B2Bsellers
Suite B2B per Shopware che trasforma lo shop online in una piattaforma professionale di commerce B2B.
Planned
App commerce layer
Commerce Layer
Commerce Layer è una piattaforma di headless commerce per rendere disponibili online inventari e cataloghi.
App commercetools
Commercetools
Commercetools è una piattaforma e-commerce headless basata su SaaS e utilizzata in tutto il mondo.
App emporix
Emporix
Emporix è una piattaforma di commerce composable e API-first per scenari B2B e B2C scalabili.
Planned
App HCL Software
HCL Software
Suite enterprise per commerce ed esperienze digitali, altamente configurabile.
Planned
App intershop
Intershop
Piattaforma di enterprise commerce per modelli di business B2B e B2C complessi.
Planned
App magento 2
Magento 2
Piattaforma di commerce estendibile e molto diffusa per scenari B2C e B2B.
App Oxid
OXID eShop
OXID eShop è una piattaforma di commerce estendibile per requisiti B2B e B2C complessi.
Planned
App cover patchworks
Patchworks
Patchworks è un iPaaS low-code che collega e-commerce, ERP, WMS, 3PL e marketplace.
Planned
App PRESTASHOP
Prestashop
Piattaforma di commerce open source per merchant piccoli e medi in Europa e oltre.
Planned
App saleor
Saleor
Piattaforma di commerce open source e API-first basata su GraphQL per storefront personalizzati.
Planned
App Commercecloud
Salesforce Commerce Cloud
Salesforce Commerce Cloud è una piattaforma di enterprise commerce basata su cloud per aziende di ogni dimensione.
Planned
App SAP
SAP Commerce Cloud
Piattaforma di enterprise commerce per cataloghi complessi, modelli di prezzo e journey omnicanale.
Planned
App SCAYLE
Scayle
SCAYLE è un commerce engine con cui brand e retailer fanno scalare il proprio business.
Planned
App spryker
Spryker
Piattaforma di commerce composable per modelli di business B2B e B2C esigenti.
App Sylius
Sylius
Sylius è un framework e-commerce developer-friendly per esperienze di shopping B2C e B2B.
Planned
App vendure
Vendure
Vendure è una piattaforma di headless commerce per aziende con requisiti complessi.
Coming Soon
App VTEX
VTEX
Piattaforma di commerce cloud-native e composable per B2B e B2C su larga scala.
Planned
App Websale
Websale
Backend di commerce stabile e adatto all'enterprise per ambienti retail complessi.
Book a demo mobile
Colloquio strategico

Pronti a trasformare il vostro frontend in un livello di controllo?

Mostrateci il vostro stack, la vostra roadmap, il vostro scenario di replatforming: vi mostriamo come si integra Laioutr, quanto costa e quanto velocemente andrete live.

"Dopo 30 minuti abbiamo capito che Laioutr rende fattibile il nostro replatforming." - Daniel B., CEO, hygibox.de

SEO / GEO / AEO Ready
Performance e Core Web Vitals
WCAG 3.0 Ready
Tracciamento & Analytics
Coerenza del brand