Utilisation d'emplacements e-marketing

L'application à page unique (SPA) React Store contient des emplacements e-marketing qui réservent des zones sur les pages de magasin pour afficher du contenu marketing personnalisé à partir d'activités. Les emplacements e-marketing sur les pages permettent aux utilisateurs professionnels de modifier facilement le contenu.

Note: Le React Store n'est pas activé pour Commerce Composer. Par conséquent, le code du magasin doit être directement modifié afin de modifier ou d'ajouter des emplacements e-marketing pour les pages de magasin. HCL Commerce Version 9.1.7.0 or laterToutefois, à partir de HCL Commerce version 9.1.7.0, le React Store est disponible pour Commerce Composer et vous pouvez ajouter les widgets d'emplacements e-Marketing directement à partir de Management Center. Pour plus d'informations sur les widgets d'emplacement e-Marketing, voir Widget d'emplacement e-marketing.
Pour un React Store application, les développeurs front-end peuvent accepter n'importe quel contenu pour un emplacement e-marketing et peuvent contrôler la façon dont le contenu est rendu sur la page. Le contenu de l'emplacement e-marketing peut inclure du texte, des images, des logos ou un code HTML formaté avec une action de clic. Les administrateurs marketing doivent travailler avec les développeurs Web pour décider de l'emplacement et du type de contenu pour l'emplacement e-marketing. Les types d'informations marketing qui peuvent être affichés dans l'emplacement e-marketing sont les suivants :
  • Contenu
  • Catégories
  • Entrées de catalogue

L'React Store application une logique de présentation d'exemple dans les présentations ContentRecommendationLayout, FeaturedProductLayout, ProductRecommendationLayout et CategoryRecommendationLayout. Chaque présentation ContentRecomendationLayout est mappée à un emplacement e-marketing. Vous pouvez considérer les emplacements e-marketing comme un modèle de contenu et personnaliser l'affichage de contenu en fonction du type de contenu renvoyé pour l'emplacement e-marketing. Par exemple, Produits présentés et Recommandations de produits sont deux emplacements e-marketing qui renvoient un ou plusieurs produits. Le produit présenté est affiché sous la forme d'une grande bannière publicitaire tandis que les recommandations de produit sont affichées sous forme d'une liste de curseurs.

Vous devez utiliser la même valeur eSpotName pour créer l'emplacement e-marketing dans Management Center tel que défini par le développeur frontal dans l'React Store application.

Emplacements e-marketing sur la page d'accueil du magasin de référence

La page d'accueil de l'Reference Store application contient plusieurs emplacements e-marketing qui recommandent le contenu, les produits ou les catégories. Chaque emplacement e-marketing utilise un composant correspondant (c'est-à-dire ContentRecomendationLayout, ProductRecommendationLayout, FeaturedProductRecommendationLayout ou CategoryRecommendationLayou) pour l'affichage, selon le type de données et la présentation requise. Le contenu de l'emplacement e-marketing dans l'Reference Store application se compose principalement de texte ou de texte au format HTML.

Bannière de la page d'accueil

La bannière de la page d'accueil est un emplacement e-marketing qui affiche le contenu du composant ContentRecomendationLayout situé dans le dossier src\components\widgets\content-recommendation. La bannière est configurée pour afficher le contenu de l'emplacement e-marketing nommé Home Hero.

Autres emplacements e-marketing

Les noms des emplacements e-marketing utilisés sur la page d'accueil sont définis dans le fichier de constantes, homeConstant.ts, qui se trouve dans le dossier src\components\pages\home.

La première section contient les cinq emplacements e-marketing suivants, dont les noms sont définis dans le fichier homeConstants.ts.
  • Le premier emplacement e-marketing affiche le contenu à l'aide du même composant ContentRecomendationLayout que la bannière de la page d'accueil.
  • Le deuxième emplacement e-marketing est une recommandation de produit qui affiche une liste de produits. Cet emplacement e-marketing utilise le composant ProductRecommendationLayout pour afficher les produits dans un curseur horizontal. Lorsqu'un client clique sur un produit, la page Détails du produit s'ouvre.
  • Le troisième emplacement e-marketing est également une recommandation de contenu.
  • Le quatrième emplacement e-marketing est une recommandation de produit pour un produit présenté à l'aide du composant FeaturedProductRecommendationLayout.

    Bien que les deuxième et quatrième emplacements e-marketing soient les deux emplacements e-marketing de type recommandation de produit, ils sont affichés différemment selon le composant utilisé.

  • Le cinquième emplacement e-marketing utilise le composant CategoryRecommendationLayout pour afficher une liste de catégories recommandées avec des liens vers la page de catégorie.

En-tête et bas de page

Dans les magasins de référence, les zones d'en-tête et de pied de page du magasin sont traitées comme des emplacements e-marketing. Vous pouvez modifier le contenu de l'en-tête et du pied de page par le biais du Management Center.

Reference Store application page d'accueil avec composants

L'image suivante montre les différents emplacements e-marketing qui se trouvent sur la page d'accueil.