Comment optimiser l’apparence de votre plateforme E-Commerce avec Page Builder

Le contenu est un levier essentiel pour assurer la pérennisation de votre boutique en ligne. En effet, 87% des acheteurs estiment que le contenu relatif aux descriptions des produits influence leur décision d’achat. Cependant, si vous êtes un utilisateur de Magento et que vous ne disposez pas de beaucoup de connaissances en HTML, CSS et JavaScript, la modification des contenus dans le back office peut être difficile. Dans ce sens, Magento Page Builder représente un outil simple d’utilisation en front-end pour optimiser l’apparence de votre plateforme E-Commerce et stimuler la décision d’achat des clients. En l’utilisant efficacement, vous pourrez répondre à leurs besoins dynamiques, tout en garantissant davantage d’autonomie à vos équipes, qui pourront administrer votre site sans solliciter l’appui des développeurs.

Un Page Builder (= constructeur de page en français) est un plugin ou un composant d’un thème qui vous permet de structurer et de concevoir des pages avec un minimum d’efforts et de temps. Autrement dit, il s’agit d’une interface de création de site web dotée d’une structure et de fonctionnalités puissantes. Un Page Builder peut être considéré comme une version avancée d’un éditeur visuel puisqu’il permet d’utiliser des composants existants et/ou de les créer soi-même pour concevoir des pages avec un générateur dédié. En bref, un Page Builder représente l’outil parfait pour concevoir des pages web rapidement, avec un design de qualité et sans avoir besoin de détenir des connaissances poussées sur le code.

Voici les avantages de l’utilisation d’un Page Builder :

• Un développement rapide, simple, en mobilisant moins d’efforts.
• Un gain de temps et plus d’autonomie pour vos équipes Sales & Marketing.
• Éviter les problèmes de frais et de disponibilité des designers professionnels.
• La conception de sites web avec des connaissances limitées ou inexistantes en matière de codage.
• Capacité de changer de thème sans impact majeur.

Magento Page Builder est une extension permettant d’éditer les pages, la description des produits et des catégories en front-end de votre plateforme Magento. L’utilisation de Magento Page Builder vous offre la possibilité de visualiser instantanément ce que vous avez réalisé, qu’il s’agisse d’un ajustement minimal ou d’une simple modification de l’interface utilisateur. Ici aussi, aucune connaissance en matière de codage n’est requise et l’extension est entièrement compatible avec les différentes versions de Magento 2 (2.1.x, Magento 2.2.x, Magento 2.3.x, Magento 2.4.x). Introduit avec Magento Commerce 2.3.1, Magento Page Builder est le successeur de « Bluefoot », un outil CMS avancé, intuitif et très flexible pour des mises en page et des éléments de contenu individuels.

Magento Page Builder permet de concevoir des pages de contenu complètes, d’enrichir la mise en page de vos différents produits et des catégories disponibles sur votre plateforme E-Commerce. La base d’utilisation de cette extension repose sur un système de Drag & Drop intuitif, qui vous permet simplement de faire glisser les éléments que vous souhaitez voir apparaître à la position souhaitée sur la page, puis d’y ajouter le contenu pertinent. 

Magento Page Builder va droit au but : il élimine les processus qui peuvent s’avérer laborieux quand on souhaite créer des landing page basiques ou intégrer différents éléments médias à une page produit (vidéo, images, tableau des tailles..). Ainsi, avec son Page Builder, Magento répond à une problématique importante qui pouvait bloquer les retailers, les équipes marketing et les développeurs pendant un certain temps. Dorénavant, les modifications sont simples, rapides et à portée de main en quelques clics seulement. 

Voici à quoi ressemble la mise en page de Magento Page Builder. Comme vous pouvez le voir, la plus grande partie est un champ clair, représentant votre future page, où vous glissez et déposez les éléments. À gauche, vous disposez d’un ensemble d’outils pour construire votre page, divisé en plusieurs ensembles.

1. Outils de mise en page : les outils de mise en page sont utilisés pour placer les différentes colonnes et les lignes. Outre la possibilité de créer un découpage horizontal et vertical, vous pouvez également créer des onglets.
2. Ensemble d’éléments : avec les outils des éléments, vous pouvez créer les éléments de base de votre future page tels que du texte, des rubriques et des boutons. Il existe également des outils tels que le séparateur qui permet d’insérer une ligne horizontale et l’outil vous offrant la possibilité d’intégrer directement du code HTML personnalisé dans votre page.
3. Media set :  dans l’onglet, vous trouverez les différents instruments permettant d’insérer des éléments médias dans la page que vous créez, comme des images, des vidéos, des cartes, ainsi que votre propre bannière et curseur.
4. Ensemble de contenus : cet ensemble d’outils permet d’ajouter du contenu sous forme de blocs statiques et dynamiques. Vous pouvez également créer et placer un bloc avec vos produits en utilisant l’instrument correspondant.

• Fonctionnalité Drag & Drop : la création de contenu par Drag & Drop est de plus en plus populaire. Elle permet aux utilisateurs issus de scop non-techniques de construire rapidement et facilement des pages tout en gérant des éléments clés du contenu sur d’autres modèles
• Enrichissement des contenus : les développeurs peuvent étendre les fonctionnalités et ajouter de nouveaux composants à Magento Page Builder, qu’il s’agisse d’un bloc de recommandations, d’un formulaire ou même d’une image ou d’une vidéo interactive. Les développeurs peuvent soit modifier les types de contenu existants, soit en ajouter de nouveaux. Étant donné que Magento Page Builder n’est pas un CMS à part entière, c’est un grand avantage pour les E-Commerçants qui cherchent à gérer beaucoup de contenu (et de contenu avancé).
• Simplicité d’utilisation : l’interface est très simple d’utilisation. Pour ajouter du contenu à votre site, il vous suffit de sélectionner un type de contenu particulier dans le panneau de gauche, de le faire glisser jusqu’à l’emplacement approprié dans le générateur de site web et de le déposer où vous le souhaitez.
• Edit et pré-visualisation instantanée : une autre caractéristique utile de Magento Page Builder est que vous pouvez apporter des modifications, visionner instantanément les ajustements et voir le résultat final avant de publier directement sur les pages du site.
• Templates complets et prêts à l’emploi : vous pouvez créer des pages web, des blocs dynamiques ou encore des attributs de produits directement dans Magento Page Builder et les enregistrer en tant que templates pour une utilisation ultérieure, ce qui pourrait vous faire gagner beaucoup de temps et d’efforts dans vos futurs projets.
• Des possibilités de personnalisation infinies : vous pouvez incorporer précisément la charte graphique de votre marque dans Magento Page Builder. Le niveau de personnalisation est poussé, ce qui bonifie le design de votre boutique en ligne et attire les clients pour créer un bon souvenir de l’expérience utilisateur. 

Comme mentionné précédemment, Magento Page Builder ne nécessite aucune connaissance ou expérience en matière de codage. De ce fait, vous n’avez pas non plus besoin de faire appel à des experts techniques si vous souhaitez concevoir, éditer ou enrichir des pages au sein de votre plateforme E-Commerce.

Magento Page Builder est une extension solide pour les E-Commerçants qui souhaitent agir facilement et rapidement sur leurs boutiques en ligne. L’outil est très efficace pour garantir une expérience client optimale et répond parfaitement à des enjeux spontanés tels que la création d’offres liées à une période particulière (exemple : adapter la présentation de la bannière de son site pour mettre en avant un produit en promotion). Simple à installer, Magento Page Builder s’adresse à tous les corps de métiers, allant des équipes marketing ou sales, en passant par les développeurs plus aguerris.  

En savoir plus sur : 

• PWA Studio
• Adobe Sensei
• Adobe Commerce