Administration de la solution eCommerce générique

La solution AEM générique fournit des méthodes pour gérer les informations commerciales conservées dans le référentiel (plutôt que d’utiliser un moteur d’e-commerce externe). Cela inclut les éléments suivants :

• Produits

• Variantes de produit

• Catalogue(s)

• Promotions

• Bons

• Commandes

• Pages de proxy

Produits et variantes de produit

Avant de créer des produits, vous devez définir un modèle ou scaffolding. Celui-ci spécifie les champs que vous devez définir pour les produits et la façon de les modifier.

Un modèle est nécessaire pour chaque type de produit distinct. Le modèle approprié est associé aux produits par :

• le chemin
• ou le produit peut référencer le modèle.

Importation de produits

Importation de produits – IU optimisée pour les écrans tactiles

1. Accédez à la console Produits via Commerce.

2. À l’aide de la console Produits, accédez à l’emplacement souhaité.

3. Utilisez l’icône Importer les produits pour ouvrir l’assistant.

   

4. Précisez les paramètres suivants :

   • Importateur

     L’importateur pour le fournisseur de commerce spécifique, par défaut Geometrixx.

   • Source

     Le fichier que vous voulez importer. Vous pouvez utiliser le navigateur pour sélectionner un fichier.

   • Importation incrémentielle

     Indiquez s’il s’agit d’une importation incrémentielle (par opposition à une importation complète).

   REMARQUE

   L’importation incrémentielle (par l’importateur geometrixx-outdoor d’exemple) fonctionne au niveau des produits.

   Un importateur personnalisé peut être défini pour être utilisé selon vos besoins.

5. Cliquez sur Suivant pour importer les produits, un journal des actions réalisées s’affiche.

   REMARQUE

   Les produits sont importés dans l’emplacement actuel ou dans un emplacement relatif.

   REMARQUE

   L’utilisation répétée de Suivant et Retour permet d’importer les définitions de produits de manière répétée. Cependant, dans la mesure où ils ont les mêmes SKU, les informations figurant dans le référentiel sont simplement remplacées.

6. Sélectionnez Terminé pour fermer l’assistant.

Importation de produits – IU classique

1. À l’aide de la console Outils, ouvrez le dossier Commerce.

2. Double-cliquez pour ouvrir l’Importateur de produit :

   

3. Précisez les paramètres suivants :

   • Nom de la boutique

     Les produits seront importés dans :

     /etc/commerce/products/<*store name*>/

   • Fournisseur de commerce

     L’importateur de votre fournisseur de commerce, par défaut Geometrixx.

   • Fichier source

     L’emplacement dans le référentiel du fichier que vous voulez importer.

   • Importation incrémentielle

     Indiquez s’il s’agit d’une importation incrémentielle (par opposition à une importation complète).

4. Cliquez sur Importer les produits.

Création d’informations sur les produits

Création d’informations sur les produits – IU optimisée pour les écrans tactiles

1. À l’aide de la console Produits (via Commerce), accédez à l’emplacement souhaité.

2. Utilisez l’icône Créer pour sélectionner au choix (selon la structure et l’emplacement) :

   • Créer un produit
   • Créer une variante de produit

   

3. Un assistant s’ouvre. Utilisez les onglets Basique et Produit afin de saisir les attributs de produit pour le nouveau produit ou la nouvelle variante de produit.

   REMARQUE

   Le Titre et le SKU constituent le minimum requis pour créer un produit ou une variante.

4. Sélectionnez Créer pour enregistrer les informations.

Modification des informations sur les produits

Modification des informations sur les produits – IU optimisée pour les écrans tactiles

1. À l’aide de la console Produits (via Commerce), accédez à vos informations sur les produits.

2. Utilisez :

   • les actions rapides ;
   • le mode de sélection.

   Sélectionnez l’icône Afficher les données du produit :

   

3. Les attributs de produit sont affichés. Utilisez Modifier et Terminé pour apporter des modifications.

Affichage des références de produit

Affichage des références de produit – IU optimisée pour les écrans tactiles

1. À l’aide de la console Produits (via Commerce), accédez à vos informations sur les produits.

2. Ouvrez le rail secondaire pour les références à l’aide de l’icône :

   

3. Sélectionnez le produit requis ; le rail secondaire est mis à jour pour afficher les types de références disponibles :

   

4. Cliquez/appuyez sur le type de référence (par exemple, pages du produit) pour développer la liste.

5. Sélectionnez une référence spécifique pour afficher les options suivantes :

   • Accéder à la page produits
   • Modifier la page produits

   

Rechercher des produits

1. Accédez à la console Produits via Commerce.

2. Ouvrez le rail secondaire pour rechercher à l’aide de l’icône :

   

3. Plusieurs facettes sont disponibles pour rechercher des produits. Vous pouvez utiliser une ou plusieurs facettes dans une recherche. Les produits trouvés s’affichent :

   

4. Cliquez/appuyez sur un produit pour l’ouvrir. Vous pouvez également le publier ou afficher ses données.

Extension d’une recherche

Vous pouvez modifier une facette existante ou en ajouter de nouvelles à l’aide de CRXDE Lite :

1. Accédez à :

   http://localhost:4502/crx/de/index.jsp#/libs/commerce/gui/content/products/aside/items/search/items/searchpanel/facets

2. Vous pouvez par exemple modifier les tailles qui apparaissent sur la page de recherche de produits. Cliquez sur le nœud sizegroup.

3. Cliquez sur le nœud items, puis sur le nœud propertypredicate.

4. Vous pouvez modifier les propertyValues. Par exemple, vous pouvez ajouter XS ou XXL, ou supprimer une taille.

5. Cliquez sur Enregistrer tout et accédez à la page de recherche de produits. Vos modifications doivent s’afficher.

Plusieurs ressources

Vous pouvez ajouter plusieurs ressources dans le composant de produit, puis spécifier les ressources qui apparaissent sur la page du produit.

Ajout de plusieurs ressources

1. Accédez à la console Produits via Commerce.

2. À l’aide de la console Produits, accédez au produit souhaité.

   REMARQUE

   Vous devez être au niveau du produit, et non d’une variante.

3. Appuyez ou cliquez sur l’icône Afficher les données du produit avec le mode de sélection ou les actions rapides.

4. Appuyez/cliquez sur l’icône Modifier.

5. Faites défiler la page jusqu’à atteindre Ajouter.

   

6. Appuyez/cliquez sur Ajouter. Un nouvel espace réservé de ressource s’affiche.

7. Cliquez ou appuyez sur Modifier pour ouvrir une boîte de dialogue qui vous permet de sélectionner une ressource.

8. Sélectionnez la ressource que vous souhaitez ajouter.

   REMARQUE

   Les ressources que vous pouvez sélectionner se situent dans Ressources.

9. Appuyez/cliquez sur l’icône Terminé.

Deux ressources sont désormais stockées dans votre composant de produit. Vous pouvez configurer celle qui apparaît sur la page du produit. Cela fonctionne avec un système de catégorie. Vous devez d’abord ajouter une catégorie aux ressources individuelles :

1. Appuyez ou cliquez sur Afficher les données du produit.

2. Saisissez une catégorie de ressources sous les ressources, par exemple cat1 et cat2.

   REMARQUE

   Vous pouvez également utiliser des balises pour les catégories.

3. Appuyez/cliquez sur l’icône Terminé. Vous devez maintenant déployer vos modifications.

Désormais, vos ressources dans le composant de produit ont une catégorie. Vous pouvez configurer la catégorie qui est affichée à trois niveaux différents :

• Page des produits
• Catalogue
• Console Produits

Le mécanisme pour sélectionner l’image à afficher se présente comme suit :

1. Vérifiez si une catégorie est définie pour la page produit.
2. Dans le cas contraire, vérifiez si une catégorie est définie pour le catalogue.
3. Si ce n’est pas le cas, vérifiez si une catégorie est définie pour la console Produits.

Page des produits

1. Accédez à la page produit.
2. Modifiez le composant de produit.
3. Saisissez la catégorie d’image choisie (cat1, par exemple).
4. Appuyez/cliquez sur Terminé. La page s’actualise et la ressource appropriée doit s’afficher.

Catalogue

1. Accédez à votre catalogue.
2. Appuyez/cliquez sur Afficher les propriétés.
3. Appuyez ou cliquez sur Modifier.
4. Appuyez ou cliquez sur l’onglet Ressources.
5. Saisissez la catégorie de ressources de produit requise.
6. Appuyez/cliquez sur Terminé.
7. Déployez vos modifications.

Console Produits

1. À l’aide de la console Produits, accédez au produit souhaité.
2. Appuyez ou cliquez sur Afficher les données du produit.
3. Appuyez ou cliquez sur Modifier.
4. Saisissez une catégorie de ressources par défaut.
5. Appuyez/cliquez sur Terminé.
6. Déployez vos modifications.

Publication/annulation de la publication des informations sur les produits

Publication/annulation de la publication des informations sur les produits – IU optimisée pour les écrans tactiles

1. À l’aide de la console Produits (via Commerce), accédez à vos informations sur les produits.

2. Utilisez :

   • les actions rapides ;
   • le mode de sélection.

   Sélectionnez l’icône Modifier ou Annuler la publication selon vos besoins :

   

   Les informations sur les produits sont publiées, ou leur publication est annulée, le cas échéant.

Gestionnaire d’événements pour les mises à jour de produits

Il existe un gestionnaire d’événements qui consigne un événement lorsqu’un produit est ajouté, modifié ou supprimé, et lorsqu’une page produit est ajoutée, modifiée ou supprimée. Il y a les événements OSGi suivants :

• com/adobe/cq/commerce/pim/PRODUCT_ADDED
• com/adobe/cq/commerce/pim/PRODUCT_MODIFIED
• com/adobe/cq/commerce/pim/PRODUCT_DELETED
• com/adobe/cq/commerce/pim/PRODUCT_PAGE_ADDED
• com/adobe/cq/commerce/pim/PRODUCT_PAGE_MODIFIED
• com/adobe/cq/commerce/pim/PRODUCT_PAGE_DELETED

Pour les événements PRODUCT_*, le chemin pointe sur le produit de base dans /etc/commerce/products. Pour les événements PRODUCT_PAGE_*, le chemin pointe sur le nœud cq:Page.

Vous pouvez les afficher au sein de la console Web dans les événements OSGi (/system/console/events), par exemple :

Image avec les liens Ajouter au panier

Le composant Image avec les liens Ajouter au panier permet d’ajouter rapidement un produit au panier en créant une zone réactive associée à un produit sur une image.

Cliquez sur la zone réactive pour ouvrir une boîte de dialogue qui vous permet de choisir la taille et la quantité du produit.

1. Accédez à la page à laquelle vous souhaitez ajouter le composant.

2. Effectuez un glisser-déposer du composant dans la page.

3. Effectuez un glisser-déposer d’une image dans le composant à partir du navigateur des ressources.

4. Vous pouvez effectuer l’une des actions suivantes :

   • cliquer sur le composant, puis cliquer sur l’icône Modifier ;
   • effectuer un double-clic lent.

5. Cliquez sur l’icône de plein écran.

   

6. Cliquez sur l’icône Lancer une Map.

   

7. Cliquez sur l’une des icônes de forme.

   

8. Modifiez et déplacez la forme selon vos besoins.

9. Cliquez sur la forme.

10. Cliquez sur l’icône Parcourir pour ouvrir la Sélecteur de ressources.

    REMARQUE

    Vous pouvez également saisir directement le chemin de produit qui doit être au niveau des produits, et non au niveau des variantes.

    

11. Cliquez sur l’icône de confirmation deux fois, puis cliquez sur Quitter le mode Plein écran.

12. Cliquez quelque part sur la page en regard du composant. La page doit se rafraîchir, et le symbole suivant doit apparaître sur votre image :

    

13. Basculez en mode Aperçu.

14. Cliquez sur la zone sensible +. La boîte de dialogue qui s’ouvre vous permet de choisir la taille et la quantité du produit que vous avez saisi dans Chemin.

    

15. Saisissez une taille et une quantité.

16. Cliquez sur le bouton Ajouter au panier. La boîte de dialogue se ferme.

17. Accédez à votre panier. Le produit doit être ici.

Options de configuration

Vous pouvez configurer l’apparence de la boîte de dialogue lorsque vous cliquez sur la zone réactive :

1. Cliquez sur le composant et sur l’icône Configurer.

   

2. Faites défiler l’écran vers le bas. Il y a un onglet AJOUTER AU PANIER.

   

3. Cliquez sur AJOUTER AU PANIER. Il y a 3 options de configuration que vous pouvez utiliser.

   

4. Cliquez sur l’icône Terminé.

Catalogues

Génération d’un catalogue

Génération d’un catalogue – IU optimisée pour les écrans tactiles

Pour générer un catalogue :

1. Ouvrez la console Sites (par exemple, http://localhost:4502/sites.html/content).

2. Accédez à l’emplacement où créer la page.

3. Pour ouvrir la liste des options, utilisez l’icône Créer :

   

4. Dans la liste, sélectionnez Créer un catalogue pour ouvrir l’assistant de création de catalogue.

   

5. Accédez au plan directeur de catalogue.

6. Appuyez/cliquez sur le bouton Sélectionner, puis sur le plan directeur de catalogue requis.

7. Appuyez/cliquez sur Suivant.

   

8. Saisissez un titre et un nom.

9. Appuyez/cliquez sur le bouton Créer. Le catalogue est créé, et une boîte de dialogue s’ouvre.

   

10. Appuyez/cliquez sur le bouton Terminé pour revenir à la console Sites où vous pouvez voir votre catalogue.

    Appuyez/cliquez sur le bouton Ouvrir le catalogue pour ouvrir votre catalogue (par exemple, http://localhost:4502/editor.html/content/test-catalog.html).

Génération d’un catalogue – IU classique

1. Dans la console Sites web, accédez à votre blueprint de catalogue, puis au catalogue de base.

   Par exemple :

   http://localhost:4502/siteadmin#/content/catalogs/geometrixx-outdoors/base-catalog

2. Créez une page à l’aide du modèle Plan directeur de section.

   Par exemple, Swimwear.

3. Ouvrez la nouvelle page Swimwear, puis cliquez sur Modifier le plan directeur pour ouvrir la boîte de dialogue Propriétés dans laquelle vous pouvez configurer la sélection des Produits.

   Par exemple, ouvrez le champ Balises / Mots-clés pour sélectionner Activité, puis Swimming dans la section Geometrixx-Outdoors.

4. Cliquez sur OK pour enregistrer les propriétés ; les exemples de produits sont affichés sous Critères de sélection des produits sur la page de plan directeur.

5. Cliquez sur Déployer les modifications, sélectionnez Déployer la page et toutes les sous-pages, puis cliquez sur Suivant et Déployer. Une fois le déploiement terminé, l’indicateur Statut devient vert.

6. Vous pouvez maintenant cliquer sur Fermer et vérifier la nouvelle section de catalogue, par exemple, à cette adresse et sous celle-ci :

   http://localhost:4502/cf#/content/geometrixx-outdoors/en/swimwear.html

7. À nouveau à partir de la page des plans directeurs, cliquez sur Modifier le plan directeur et, dans la boîte de dialogue Propriétés, ouvrez l’onglet Page générée. Dans le champ de liste Bannière, sélectionnez l’image que vous souhaitez afficher, par exemple, summer.jpg.

8. Cliquez sur OK pour enregistrer les propriétés ; les informations de bannière sont affichées sous Critères de sélection des produits sur la page de plan directeur.

9. Déployez ces nouvelles modifications.

Déploiement d’un catalogue

Déploiement d’un catalogue – IU optimisée pour les écrans tactiles

Pour déployer un catalogue :

1. Accédez à la console Catalogues, via Commerce.

2. Accédez au catalogue à déployer.

3. Utilisez :

   • les actions rapides ;
   • le mode de sélection.

   Sélectionnez l’icône Déployer les modifications :

   

4. Dans l’assistant, définissez le déploiement selon les besoins, puis appuyez/cliquez sur Déployer les modifications.

5. Une boîte de dialogue s’ouvre. Appuyez/cliquez sur Terminé ​ une fois le processus terminé.

Déploiement d’un catalogue – IU classique

Pour déployer un catalogue :

1. Accédez au catalogue à déployer. Par exemple :

   http://localhost:4502/cf#/content/catalogs/geometrixx-outdoors/base-catalog.html

2. Cliquez sur Déployer les modifications.

3. Définissez le déploiement selon vos besoins.

4. Cliquez sur Déployer.

Importateur de plans directeurs

Importateur de plans directeurs – IU optimisée pour les écrans tactiles

1. Accédez à la console Catalogues, via Commerce.

2. Accédez à l’emplacement où vous souhaitez importer le plan directeur de catalogue.

3. Appuyez/cliquez sur l’icône Importer les plans directeurs.

   

4. Dans l’assistant, sélectionnez la source selon vos besoins, puis appuyez/cliquez sur Suivant.

   

5. Appuyez/cliquez sur Terminé lorsque l’importation est terminée.

Importateur de plans directeurs – IU classique

1. À l’aide de la console Outils, accédez à Commerce.

   Par exemple :

   http://localhost:4502/miscadmin#/etc/commerce

2. Ouvrez l’Importateur Blueprint – Catalogue.

3. Définissez l’importation selon vos besoins.

4. Cliquez sur Importer les plans directeurs de catalogue.

Promotions

Création d’une promotion

Création d’une promotion – IU classique

1. Ouvrez la console Sites web de votre instance de création.

2. Dans le volet de gauche, sélectionnez la campagne requise.

3. Cliquez sur Nouveau, sélectionnez le modèle Promotion, puis spécifiez un titre (et nom si nécessaire) pour votre nouveau bon.

4. Cliquez sur Créer. La nouvelle page de promotion s’affiche dans le volet droit.

5. Modifiez les propriétés en effectuant l’une des opérations suivantes :

   • Ouvrez la page, puis cliquez sur le bouton Modifier pour ouvrir la boîte de dialogue Propriétés.
   • Sélectionnez la page dans la console Sites web, à l’aide du menu contextuel (qui s’ouvre généralement à l’aide du bouton droit de la souris) pour sélectionner Propriétés et pour ouvrir la boîte de dialogue Propriétés.

   Spécifiez le type de promotion, le type de remise et la valeur de la remise, ainsi que tout autre champ requis.

6. Cliquez sur OK pour enregistrer.

7. Vous pouvez maintenant activer votre promotion, de sorte que les clients puissent la voir sur l’instance de publication.

Bons

Création d’un bon

Création d’un bon – IU classique

1. Ouvrez la console Sites web de votre instance de création.

2. Dans le volet de gauche, sélectionnez la campagne requise.

3. Cliquez sur Nouveau, sélectionnez le modèle Bon, puis spécifiez un titre (et nom si nécessaire) pour votre nouveau bon.

4. Cliquez sur Créer. La nouvelle page de bon s’affiche dans le volet droit.

5. Ouvrez votre nouvelle page de bon avec un double-clic, puis cliquez sur Modifier pour configurer les informations suivant vos besoins.

6. Cliquez sur OK pour enregistrer.

7. Vous pouvez désormais activer le bon, afin que les clients puissent l’utiliser dans leur panier sur l’instance de publication.

Suppression des bons

Suppression des bons – IU classique

Pour qu’un bon ne soit plus disponible pour vos clients, vous pouvez effectuer l’une des opérations suivantes :

• Désactivez le bon : il reste disponible dans l’environnement de création, de telle façon que vous pouvez le réactiver à une date ultérieure.
• Supprimez-le entièrement.

Les deux actions peuvent être effectuées à partir de la console Sites web.

Modification des bons

Modification des bons – IU classique

Pour modifier les propriétés d’un bon ou d’une promotion, vous pouvez double-cliquer dessus sur la console Sites web et cliquer sur Modifier. Après son enregistrement, vous devez l’activer afin que les modifications soient reflétées sur la ou les instances de publication.

Ajout des bons à un panier

Pour permettre aux utilisateurs d’ajouter des bons à leurs paniers, vous pouvez utiliser le composant Bons intégré (catégorie Commerce). Vous devez l’ajouter sur la page où le panier est affiché (mais cela n’est pas obligatoire). Le composant Bons est simplement un formulaire dans lequel l’utilisateur peut saisir un code de bon. C’est le composant Panier qui affiche la liste des bons appliqués et leur remise.

Sur le site de démonstration (Geometrixx outdoors - anglais), vous pouvez afficher le formulaire de bon sur la page du panier, en dessous du panier.

Commandes

Création d’informations sur une commande

Création d’informations sur une commande – IU optimisée pour les écrans tactiles

1. À l’aide de la console Commandes, accédez à l’emplacement souhaité.

2. Utilisez l’icône Créer pour sélectionner Créer la commande.

   

3. Un assistant s’ouvre. Utilisez les onglets Basique, Contenu, Paiement et Réalisation pour saisir les informations concernant la nouvelle commande.

4. Sélectionnez Créer pour enregistrer les informations.

Modification des informations sur une commande

Modifications des informations sur une commande – IU optimisée pour les écrans tactiles

1. À l’aide de la console Commandes, accédez à la commande.

2. Utilisez :

   • les actions rapides ;
   • le mode de sélection.

   Sélectionnez l’icône Afficher les données de commande :

   

3. Les informations sur la commande s’affichent. Utilisez Modifier et Terminé pour apporter des modifications.

Ressources Business.Adobe.com

Content Insights Automated Onboarding Style System Auto Form Fill Document Generation Digital Rights Management