Hero b3 fr

Éditeur visuel Magento : la couche qu'Hyvä n'offre pas

Hyvä accélère la façon dont les développeurs construisent les thèmes Magento 2. Il ne donne pas aux marketeurs les moyens de composer ou modifier des pages sans passer par un ticket d'ingénierie. C'est cette couche qui manque à la plupart des frontends Magento aujourd'hui, celle qu'un éditeur visuel Magento ajoute au-dessus du même backend Magento, sans remplacer Hyvä là où il fonctionne déjà.

Ce qu'Hyvä est réellement (et ce qu'il n'est pas)

Hyvä a remplacé le thème par défaut de Magento, Luma, par une pile plus légère : TailwindCSS pour le style, AlpineJS pour l'interactivité, des templates PHTML au lieu du duo RequireJS/KnockoutJS que Luma embarquait. Le résultat est concret. Les boutiques construites sur Hyvä sont généralement mises en ligne 30 à 50 % plus vite que des builds Luma comparables, et l'écosystème a suivi, avec plus de 1 000 extensions Magento qui affichent désormais une compatibilité Hyvä officielle. Début 2026, Hyvä n'est plus une alternative émergente. C'est le choix par défaut des marchands Magento qui prennent la performance frontend au sérieux.

Rien de tout cela ne change ce qu'est Hyvä : un framework de thème pour développeurs. Chaque template, chaque section, chaque nouveau bloc de contenu est un fichier PHTML qu'un développeur écrit, teste et déploie. Hyvä n'a jamais été conçu pour confier la composition des pages à une équipe marketing, et sa propre documentation ne prétend pas le contraire. Ce n'est pas une lacune d'exécution. C'est un choix de périmètre, cohérent pour un projet centré sur la performance de rendu plutôt que sur l'expérience d'édition.

La lacune : les marketeurs ouvrent toujours un ticket par page

Parlez à un marchand Magento qui a migré vers Hyvä pour la performance, et les chiffres du frontend se sont généralement améliorés. Demandez à l'équipe marketing ce qui a changé dans la façon de publier une nouvelle landing page, une campagne saisonnière ou une fiche produit éditorialisée, et la réponse est le plus souvent : rien. Ils rédigent toujours un brief, le transmettent à un développeur, attendent un créneau de sprint et valident un lien de préproduction avant que quoi que ce soit passe en ligne.

C'est exactement le sujet de cet article. Hyvä a résolu le problème de performance. Il n'a pas touché au problème de composition : qui peut construire et modifier une page, et à quelle vitesse. Pour un Product ou Marketing Owner qui gère un calendrier éditorial, une campagne Black Friday ou une nouvelle landing page produit, un « frontend Magento rapide » et un « time-to-publish rapide » sont deux problèmes distincts, et Hyvä ne résout que le premier.

Pourquoi « ajouter un module de page builder » ne suffit pas

Adobe Commerce, l'édition payante de Magento, intègre son propre Page Builder, mais c'est une fonctionnalité d'Adobe Commerce, pas un standard de Magento Open Source ni d'une boutique construite sur Hyvä. Même là où un module de type page builder existe, il modifie généralement des blocs CMS et des zones de contenu statique à l'intérieur de la structure de templates existante. Il ne donne pas aux marketeurs le contrôle de la composition complète des pages, de sections réutilisables, ni d'un aperçu en direct fidèle à ce qu'un développeur a construit en PHTML. La surface d'édition et la surface de rendu restent deux systèmes séparés qu'il faut synchroniser à la main.

C'est le schéma d'échec récurrent des éditeurs ajoutés après coup : ils ajoutent une interface sans toucher au modèle de composants sous-jacent. Les templates du développeur et les blocs du marketeur finissent par diverger, et quelqu'un doit tôt ou tard les réconcilier, en général de nouveau un développeur.

La couche manquante : un éditeur visuel et modulaire pour les marketeurs

Ce que cherchent réellement les marchands Magento quand ils recherchent un « frontend Magento no-code », ce n'est pas zéro code partout. C'est un moyen d'arrêter de faire passer chaque changement de page par une file d'attente d'ingénierie. Cela demande trois éléments à la fois : un éditeur visuel avec aperçu en direct, une bibliothèque de composants partagée que les développeurs possèdent et dont les marketeurs composent les pages, et une connexion directe aux mêmes données produit, prix et stock que Magento possède déjà.

C'est cette couche qu'ajoute Laioutr FMP. Studio, notre page builder visuel composable, est un éditeur visuel avec aperçu en direct : un Product ou Marketing Owner glisse des sections depuis une bibliothèque de composants partagée, les configure et publie sans pull request. Les développeurs conservent les composants, les design tokens et les connexions aux données. Rien ici n'est « no-code pour tout le monde ». C'est du low-code pour les marketeurs et un accès code complet pour les développeurs, et c'est exactement la répartition qui compte sur un storefront Magento. Un éditeur visuel Magento qui fonctionne ainsi change concrètement la donne pour l'équipe marketing, pas pour le backlog d'ingénierie.

Comment cela se positionne à côté de Magento et Hyvä, pas à sa place

Laioutr FMP se connecte à Magento de la même façon que n'importe quel frontend moderne : via l'API GraphQL de Magento, sans connecteur sur mesure. Cela signifie que les équipes n'ont pas besoin de démonter un thème Hyvä existant pour obtenir une couche d'édition destinée aux marketeurs. Un schéma courant : l'ingénierie conserve un thème construit sur Hyvä, ou sur Laioutr, pour les templates qui demandent une logique métier profonde, comme les étapes de checkout ou les flux de configurateur, pendant que le marketing gère les pages de campagne, les landing pages et les sections de contenu via Laioutr Studio pour les Marketing Managers, les deux lisant et écrivant sur le même backend Magento.

Hyvä optimise la construction du développeur. Laioutr FMP optimise la publication du marketeur. Ils répondent à des questions différentes, et une boutique Magento peut faire tourner les deux en même temps pendant une transition, ou s'appuyer pleinement sur Studio pour tout ce qui est visible côté client une fois l'équipe prête.

Ce qu'apporte concrètement cette couche :

  • Un éditeur visuel avec aperçu en direct au lieu d'un cycle de validation par lien de préproduction
  • Une bibliothèque de composants partagée et cohérente avec la marque, pour qu'une nouvelle page de campagne réutilise des sections déjà validées au lieu d'un développement isolé
  • Des composants conformes WCAG dès l'origine, ce qui comble l'écart d'accessibilité que les thèmes basés sur Luma laissent généralement non audité
  • Un hébergement en UE et une couche de livraison optimisée pour les Core Web Vitals : le time-to-launch des nouvelles landing pages est généralement inférieur d'environ 65 % à celui d'un setup headless classique avec ticket développeur par page, et la gestion de contenu garde les contenus multi-locales synchronisés

À quoi cela ressemble en pratique

Les équipes qui ajoutent cette couche à une configuration Magento existante suivent généralement les quatre mêmes étapes : connecter l'API GraphQL de Magento, sans middleware sur mesure ; faire correspondre les sections du thème existant à la bibliothèque de composants Laioutr ; décider quelles pages restent sous responsabilité développeur et lesquelles passent sous Studio ; puis lancer en premier les pages destinées au marketing pendant que le reste de la migration, s'il y en a une, se poursuit en parallèle. Rien de tout cela ne nécessite de reconstruire Hyvä ou de changer de version Magento. Le backend reste exactement là où il est. Cette approche s'inscrit dans ce pour quoi la Agentic Frontend Management Platform est conçue : marketing et ingénierie travaillant sur la même base de composants, au lieu de deux systèmes déconnectés.

Le périmètre, honnêtement

Si le problème d'une boutique Magento est purement la performance de rendu et que l'équipe n'a aucune plainte sur la vitesse de publication, Hyvä seul peut être la bonne réponse, et ajouter une couche frontend supplémentaire reviendrait à résoudre un problème qui n'existe pas encore. La couche décrite ici compte précisément quand un Product ou Marketing Owner est celui qui attend un développeur pour chaque nouvelle page. C'est un coût distinct, répandu et généralement sous-estimé sur les storefronts Magento, et c'est exactement celui qu'un éditeur visuel et modulaire est conçu pour supprimer.

D'autres articles intéressants

Un savoir-faire concret pour le développement frontend, les agents intelligents et le headless

Shopify
Shopify ist eine Commerce-Plattform zum Verkaufen online und im stationären Handel.
Shopware
Shopware ist eine flexible E-Commerce-Plattform aus Europa für Produktkataloge und Omnichannel-Commerce.
Planned
Scayle
SCAYLE ist eine Commerce-Engine, mit der Marken und Händler ihr Geschäft skalieren.
Planned
Commerce Layer
Commerce Layer ist eine Headless-Commerce-Plattform, um Bestände und Kataloge online verfügbar zu machen.
Planned
Salesforce Commerce Cloud
Salesforce Commerce Cloud ist eine cloudbasierte Enterprise-Commerce-Plattform für Unternehmen jeder Größe.
Commercetools
Commercetools ist eine SaaS-basierte, headless E-Commerce-Plattform mit weltweitem Einsatz.
Sylius
Sylius ist ein entwicklerfreundliches E-Commerce-Framework für B2C- und B2B-Shopping-Erlebnisse.
OXID eShop
OXID eShop ist eine erweiterbare Commerce-Plattform für komplexe B2B- und B2C-Anforderungen.
Emporix
Emporix ist eine composable, API-first Commerce-Plattform für skalierbare B2B- und B2C-Szenarien.
Adobe Commerce
Adobe Commerce ist eine Enterprise-Commerce-Plattform für komplexe, globale B2C- und B2B-Szenarien.
Coming Soon
VTEX
Cloud-native, composable Commerce-Plattform für B2B und B2C im großen Maßstab.
Planned
Spryker
Composable Commerce-Plattform für anspruchsvolle B2B- und B2C-Geschäftsmodelle.
Planned
SAP Commerce Cloud
Enterprise-Commerce-Plattform für komplexe Kataloge, Preismodelle und Omnichannel-Journeys.
Planned
Websale
Stabiles, enterprise-taugliches Commerce-Backend für komplexe Handelsumgebungen.
Planned
Intershop
Enterprise-Commerce-Plattform für komplexe B2B- und B2C-Geschäftsmodelle.
Planned
Magento 2
Weit verbreitete, erweiterbare Commerce-Plattform für B2C- und B2B-Szenarien.
Planned
B2Bsellers
B2B-Suite für Shopware, die den Online-Shop zur professionellen B2B-Commerce-Plattform macht.
Planned
Saleor
Open-Source-, API-first-Commerce-Plattform auf GraphQL-Basis für Custom-Storefronts.
Planned
Prestashop
Open-Source-Commerce-Plattform für kleine und mittlere Händler in Europa und darüber hinaus.
Planned
Vendure
Vendure ist eine Headless-Commerce-Plattform für Unternehmen mit komplexen Anforderungen.
Planned
Patchworks
Patchworks ist eine Low-Code-iPaaS, die E-Commerce, ERP, WMS, 3PL und Marktplätze verbindet.
Planned
HCL Software
Enterprise-Suite für digitalen Commerce und Experience mit hoher Konfigurierbarkeit.
Book a demo mobile
Entretien stratégique

Prêt à faire de votre frontend une véritable couche de pilotage ?

Montrez-nous votre stack, votre roadmap, votre scénario de replatforming, et nous vous montrerons comment Laioutr s'intègre, ce que cela coûte et à quelle vitesse vous passez en production.

« Après 30 minutes, nous savions que Laioutr rendait notre replatforming réalisable. » - Daniel B., CEO, hygibox.de