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.

À lire aussi : Les coûts cachés des intégrations tierces sur un frontend Magento monolithique et Au-delà du thème : les Core Web Vitals de Magento sont un problème de couche frontend.

D'autres articles intéressants

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

App Shopify
Shopify
Shopify est une plateforme de commerce pour vendre en ligne et en magasin.
App shopware
Shopware
Shopware est une plateforme e-commerce européenne et flexible pour les catalogues produits et le commerce omnicanal.
App adobe commerce
Adobe Commerce
Adobe Commerce est une plateforme de commerce enterprise pour des scénarios B2C et B2B complexes et internationaux.
Planned
App B2B sellers suite
B2Bsellers
Suite B2B pour Shopware qui transforme la boutique en ligne en plateforme de commerce B2B professionnelle.
Planned
App commerce layer
Commerce Layer
Commerce Layer est une plateforme de commerce headless pour rendre stocks et catalogues disponibles en ligne.
App commercetools
Commercetools
Commercetools est une plateforme e-commerce headless en mode SaaS, utilisée dans le monde entier.
App emporix
Emporix
Emporix est une plateforme de commerce composable et API-first pour des scénarios B2B et B2C évolutifs.
Planned
App HCL Software
HCL Software
Suite enterprise pour le commerce et l'expérience digitale, hautement configurable.
Planned
App intershop
Intershop
Plateforme de commerce enterprise pour des modèles économiques B2B et B2C complexes.
Planned
App magento 2
Magento 2
Plateforme de commerce extensible et largement répandue pour les scénarios B2C et B2B.
App Oxid
OXID eShop
OXID eShop est une plateforme de commerce extensible pour les exigences B2B et B2C complexes.
Planned
App cover patchworks
Patchworks
Patchworks est une iPaaS low-code qui connecte e-commerce, ERP, WMS, 3PL et marketplaces.
Planned
App PRESTASHOP
Prestashop
Plateforme de commerce open source pour les petits et moyens commerçants en Europe et au-delà.
Planned
App saleor
Saleor
Plateforme de commerce open source et API-first basée sur GraphQL pour des storefronts sur mesure.
Planned
App Commercecloud
Salesforce Commerce Cloud
Salesforce Commerce Cloud est une plateforme de commerce cloud de niveau enterprise pour les entreprises de toutes tailles.
Planned
App SAP
SAP Commerce Cloud
Plateforme de commerce enterprise pour les catalogues complexes, les modèles de prix et les parcours omnicanaux.
Planned
App SCAYLE
Scayle
SCAYLE est un moteur de commerce qui permet aux marques et aux commerçants de développer leur activité à grande échelle.
Planned
App spryker
Spryker
Plateforme de commerce composable pour des modèles économiques B2B et B2C exigeants.
App Sylius
Sylius
Sylius est un framework e-commerce pensé pour les développeurs, dédié aux expériences d'achat B2C et B2B.
Planned
App vendure
Vendure
Vendure est une plateforme de commerce headless pour les entreprises aux exigences complexes.
Coming Soon
App VTEX
VTEX
Plateforme de commerce cloud-native et composable pour le B2B et le B2C à grande échelle.
Planned
App Websale
Websale
Backend de commerce stable et de niveau enterprise pour des environnements de vente complexes.
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