Quelle est la devanture ?

Dans votre mise en œuvre Adobe Commerce ou Magento Open Source, le storefront est la partie externe de votre magasin destinée au public. Il fournit le contenu et les composants fonctionnels que vos clients utilisent pour acheter et acheter.

Le chemin emprunté par les clients vers une vente est parfois appelé chemin d’achat et votre storefront inclut les composants permettant aux clients de suivre ce chemin. Les sections suivantes donnent un aperçu des types de page de base qui offrent une valeur stratégique, à savoir les endroits que les clients visitent généralement lors de leurs achats dans votre magasin. Au fur et à mesure que vous les passez en revue, prenez en compte les différentes fonctionnalités de la boutique qui peuvent être utilisées à chaque étape du parcours client.

Commerce Storefront

Avec le lancement du storefront Commerce optimisé par Edge Delivery Services, Adobe offre un storefront hautes performances, évolutif et fiable qui tire parti d’une technologie de pointe pour offrir une vitesse et une expérience utilisateur supérieures.

  • Performances améliorées : l’hébergement de storefronts sur Edge Delivery Services garantit des temps de chargement plus rapides et de meilleures performances du site, ce qui peut entraîner des taux de conversion plus élevés et un meilleur classement SEO.

  • Évolutivité : l’architecture prend en charge une évolutivité transparente pour gérer l’augmentation du trafic et les catalogues de produits plus volumineux sans compromettre les performances.

  • Flexibilité : le storefront est hautement personnalisable, ce qui permet aux entreprises d'adapter l'expérience d'achat à leurs besoins uniques.

  • Expérience utilisateur améliorée : des fonctionnalités telles que la mise en cache avancée, les mises à jour en temps réel et la diffusion de contenu personnalisé contribuent à une expérience d’achat plus fluide et plus attrayante.

Fonctionnalités clés

Le storefront Commerce optimisé par Edge Delivery Services offre plusieurs fonctionnalités essentielles qui bénéficient à la fois aux commerçants et aux développeurs. Ces fonctionnalités permettent aux entreprises de créer des expériences d’achat attrayantes tout en conservant la possibilité de personnaliser et d’adapter leurs vitrines en fonction de leurs besoins.

Pour obtenir des informations plus détaillées et des conseils sur la configuration et l’optimisation de votre storefront Commerce, consultez la Documentation du storefront Adobe Commerce.

Marchands

Le storefront Commerce optimisé par Edge Delivery Services offre une expérience de création intuitive basée sur les documents qui facilite la création et la gestion de contenu pour les commerçants. En utilisant des outils familiers tels que Microsoft Word ou Google Docs, les commerçants peuvent créer du contenu riche tout en conservant le contrôle de version et en collaborant avec les membres de l’équipe.

  • Création de contenu simplifiée : créez et modifiez du contenu à l’aide d’outils de création documentaires familiers, tels que Microsoft Word ou Google Docs.

  • Aperçu en temps réel : consultez instantanément les modifications grâce aux fonctionnalités d’aperçu en direct avant de publier.

  • Gestion des versions : suivez les modifications du contenu et revenez facilement aux versions précédentes.

  • Workflow collaboratif : plusieurs membres de l’équipe peuvent travailler sur le contenu simultanément avec des processus de révision intégrés.

  • Réutilisation du contenu : créez des blocs de contenu qui peuvent être réutilisés sur plusieurs pages pour maintenir la cohérence.

Développeurs

L’implémentation découplée permet aux développeurs de découpler la couche de présentation frontale de la fonctionnalité commerciale d’arrière-plan, ce qui permet aux storefronts flexibles et personnalisés créés avec des technologies modernes tout en exploitant les services d’arrière-plan robustes de Commerce.

  • Architecture API-First : créez des expériences frontales personnalisées à l’aide de frameworks modernes tout en exploitant les services principaux Commerce.

  • Composants composables : créez et déployez des composants modulaires réutilisables qui peuvent être assemblés dans différentes mises en page.

  • Plateforme extensible : ajoutez des fonctionnalités personnalisées par le biais d’API et de webhooks sans modifier le code principal.

  • Outils de développement modernes : utilisez des outils et des workflows de développement standard pour une mise en œuvre et un déploiement plus rapides.

NOTE
Bien que le storefront Commerce offre de nombreux avantages, Adobe continue à prendre en charge le storefront original basé sur Luma. Les entreprises qui utilisent actuellement Luma peuvent continuer à fonctionner sans interruption et ont la possibilité de passer au nouveau storefront à leur propre rythme. Les sections restantes de cette page sont basées sur des exemples Luma .

Page d’accueil

Saviez-vous que la plupart des gens ne passent que quelques secondes sur une page avant de décider de rester ou d'aller ailleurs ? Il n'est pas long de faire une impression. Des études montrent que les gens aiment aussi les photos, surtout celles des autres. Quel que soit le design que vous choisissez, tout ce qui se trouve sur votre page d'accueil devrait faire passer les visiteurs à l'étape suivante du processus de vente. L'idée est de guider leur attention dans un flux cohérent d'un point d'intérêt à l'autre.

Exemple de page d’accueil de storefront {width="700"}

Page Catalogue

Les listes des pages de catalogue comportent généralement de petites images de produit et de brèves descriptions. Elles peuvent être formatées sous la forme d’une liste ou d’une grille. Vous pouvez ajouter des blocs, des vidéos et des descriptions riches en mots-clés, ainsi que créer des conceptions spéciales pour une promotion ou une saison. Vous pouvez créer une catégorie spéciale pour mettre en avant un style de vie ou une marque constituée d’une collection sélectionnée de produits de différentes catégories.

La description initiale du produit donne généralement aux acheteurs suffisamment d’informations pour mériter un examen plus approfondi. Les personnes qui savent ce qu’elles veulent peuvent ajouter le produit à leur panier et s’en aller. Les clients qui magasinent en étant connectés à leur compte bénéficient d’une expérience d’achat personnalisée.

Page de collection sur le storefront {width="700"}

Résultats de la recherche

Saviez-vous que les personnes qui utilisent la recherche sont près de deux fois plus susceptibles de faire un achat que les personnes qui dépendent uniquement de la navigation ? Vous pouvez considérer ces acheteurs comme préqualifiés.

Grâce à Live Search for Adobe Commerce, votre boutique offre une expérience de recherche rapide, pertinente et intuitive, et est disponible gratuitement pour Adobe Commerce.

Exemple de recherche en direct : effectuez une recherche en cours de frappe {width="700"}

Recherche catalogue standard

Avec la recherche catalogue standard, votre boutique comprend une zone de recherche dans le coin supérieur droit et un lien vers la recherche avancée dans le pied de page. Tous les termes de recherche que les acheteurs envoient sont enregistrés, afin que vous puissiez voir exactement ce qu’ils recherchent. Vous pouvez faire des suggestions et saisir des synonymes et des fautes d’orthographe courantes. Affichez ensuite une page spécifique lorsqu’un terme de recherche est saisi.

Exemple de résultats de recherche catalogue standard {width="700"}

Page de produit

La page produit a beaucoup de choses en cours ! La première chose qui attire votre attention sur la page produit est l’image principale avec un zoom et une galerie de miniatures haute résolution. En plus du prix et de la disponibilité, il y a une section à onglets avec plus d'informations et une liste des produits associés.

Exemple de page de produit storefront {width="700"}

Panier

Le panier affiche le total de la commande, y compris les coupons de réduction, l’expédition estimée et la taxe. Ces caractéristiques en font un excellent endroit pour afficher des insignes de confiance et des sceaux. Vous pouvez également utiliser la page du panier comme une opportunité pour une offre finale. Par exemple, vous pouvez configurer des articles de vente croisée qui apparaissent comme des options d’achat impulsif lorsque des produits spécifiques se trouvent dans le panier.

Exemple de page de panier storefront {width="700"}

Page de passage en caisse

Le processus de passage en caisse se compose de deux étapes :

  1. Informations d’expédition

    La première étape du processus de passage en caisse consiste pour le client à compléter les informations d’adresse de livraison et à choisir le mode de livraison. Si le client possède un compte, l’adresse de livraison est saisie automatiquement, mais peut être modifiée si nécessaire.
    Si un client invité saisit une adresse e-mail reconnue comme précédemment enregistrée, l’invite de connexion s’affiche si le champ Enable Guest Checkout Login de la configuration du magasin est défini sur Yes (voir Checkout Options dans le Guide de référence de configuration). Cependant, ce paramètre peut exposer les informations du client à des utilisateurs non authentifiés.

    Exemple de page de passage en caisse storefront {width="700"}

  2. Informations de vérification et de paiement

    La deuxième étape du processus de passage en caisse consiste pour le client à choisir le mode de paiement et éventuellement à appliquer un code d’escompte.

    note note
    NOTE
    Bien que Commerce permette de configurer plusieurs codes de coupon, un client ne peut appliquer qu’un seul code de coupon au panier. (Pour plus d’informations, voir la section Codes de coupon).

    Exemple de page de passage en caisse storefront {width="700"}

La barre de progression en haut de la page suit chaque étape du processus de passage en caisse et le Résumé de la commande affiche les informations saisies jusqu’à présent.

NOTE
L’exception à la procédure de passage en caisse en deux étapes s’applique aux produits virtuels et/ou téléchargeables. Si le panier ne contient que ces types de produits, le passage en caisse est automatiquement transformé en une procédure en une seule étape, car les informations d’expédition ne sont pas requises.
recommendation-more-help
31746fd0-1ead-45b5-9192-1aaf582c5f66