Création d'un agencement pour une page

Vous pouvez créer des agencements pour les pages que vous gérez dans l'Commerce Composer tool. Ce processus implique l'affectation à une ou plusieurs pages, l'ajout de widgets à l'agencement et la définition des propriétés et du contenu de chaque widget. Vous pouvez ensuite prévisualiser l'agencement dans l'aperçu du magasin et apporter des améliorations.

Avant de commencer

Selon le type de page pour lequel vous créez l'agencement, des étapes préalables peuvent être requises.

Configuration requise pour la création d'agencements
Agencement Procédure prérequise
Agencement de page de contenu Créez la page dans l'Commerce Composer tool si elle n'existe pas. Voir Création d'une page de contenu.
Agencement de page de catégories
Agencement de page d'entrée de catalogue

Procédure

  1. Open the Commerce Composer tool.
  2. Effectuez une des tâches suivantes :
    • Si vous affectez l'agencement à une page de catégories ou d'entrée de catalogue, procédez comme suit :
      1. Dans la vue Explorateur (panneau de gauche), développez Pages de catalogue pour store jusqu'à ce que vous localisiez la page.
      2. Cliquez avec le bouton droit de la souris sur la page, puis cliquez sur Nouvelle présentation.
    • Si vous affectez l'agencement à une page de contenu, procédez comme suit :
      1. Dans la vue Explorateur (panneau de gauche), cliquez sur Pages de contenu.
      2. Dans la zone de travail (panneau de droite), cliquez avec le bouton droit de la souris sur la page, puis cliquez sur Nouvelle présentation.
  3. Dans la fenêtre Sélection d'un nouveau modèle d'agencement, sélectionnez le modèle à utiliser pour l'agencement, puis cliquez sur OK.
  4. Complétez les zones suivantes :
    OptionDescription
    Nom de l'agencement Entrez un nom pour cet agencement, par exemple HalloweenLandingPageLayout.
    Dossier Spécifiez un ou plusieurs dossiers dans lequel inclure cet agencement. Dans la vue de l'explorateur, faites glisser un sous-dossier du dossier Agencements dans ce tableau. Si vous ne spécifiez pas de dossier, cet agencement est inclus uniquement dans le dossier Agencements.
    Priorité Affectez une priorité en spécifiant un nombre compris entre 0 (priorité la plus faible) et 10000 (priorité la plus forte). Si plusieurs agencements sont affectés à une page ou hérités par celle-ci sur une période donnée, la priorité la plus élevée est appliquée à la vitrine.

    Par exemple, la page peut avoir un agencement qui lui a été affecté indéfiniment avec une priorité de 1. Si vous désirez que le nouvel agencement supplante temporairement l'agencement existant pendant une semaine, attribuez à cet agencement une priorité de 2 et définissez la date de début et de fin pour la semaine cible. Au cours de la semaine cible, ce nouvel agencement sera affiché aux clients au lieu de l'agencement existant.
    Date de début Spécifiez une date de début et une date de fin pour cette affectation d'agencement. Si vous ne spécifiez pas de date de début, son affectation prend effet immédiatement.
    Date de fin Spécifiez une date et une heure de fin pour cette affectation d'agencement. Si vous ne spécifiez pas de date de fin, l'agencement est affecté indéfiniment.
  5. Vérifiez que votre page est répertoriée dans le tableau Pages.
  6. Si le tableau Pages contient une page de catégories ou d'entrée de catalogue, dans la colonne Affecter une présentation à, sélectionnez l'option appropriée à votre affectation de présentation.
  7. Pour affecter cet agencement à plusieurs pages :
    1. Entrez le nom de la page dans la zone située au-dessus du tableau Pages.
      Conseil : Pour des pages de catégories ou d'entrée de catalogue, entrez le code ou le nom de l'entrée de catalogue ou de catégorie, par exemple Vaisselle.
    2. Cliquez sur la flèche du bouton Rechercher et ajouter, puis sélectionnez le type de page.
    3. Cliquez sur Rechercher et ajouter.
  8. Facultatif : Pour utiliser cet agencement également comme page de résultats de recherche pour un terme de recherche spécifique :
    1. Au-dessus du tableau Termes de recherche, cliquez sur l'icône Ajouter un terme de rechercheAjouter un terme de recherche.
    2. Dans la colonne Terme de recherche, entrez le terme recherché. Lorsque des consommateurs effectuent une recherche sur votre site à l'aide de ce terme recherché, cet agencement leur sera affiché au lieu de la page par défaut de résultats de la recherche. Lorsque vous spécifiez des termes recherchés et des synonymes, incluez toutes les variantes du terme que les clients pourraient utiliser. Pour que l'agencement soit affecté, le terme recherché du client doit correspondre exactement aux termes recherchés spécifié.
    3. Pour ajouter d'autres termes de recherche, cliquez sur l'icône Ajouter un terme recherchéAjouter un terme de recherche afin d'ajouter des lignes supplémentaires au tableau.
  9. Cliquez sur l'onglet Conception de l'agencement.
  10. Ajoutez des widgets aux emplacements dans l'agencement :

    La maquette fonctionnelle présente le modèle d'agencement que vous avez sélectionné. Pour ajouter du contenu à l'agencement, vous devez ajouter des widgets dans un ou plusieurs emplacements sur le modèle d'agencement. Vous pouvez ajouter plusieurs widgets à un emplacement et laisser vides des emplacements.

    1. Dans la maquette fonctionnelle, cliquez sur un emplacement.
    2. Facultatif : Utilisez les zones Filtrer par pour filtrer la liste des widgets.
      Par exemple :
      • Dans la première zone Filtrer par, entrez les premiers lettres du nom de widget.
      • Dans la deuxième zone Filtrer par :
        • Sélectionnez Widgets de page de catégorie pour afficher les widgets adaptés aux pages de catégories.
        • Sélectionnez Widgets de page quelconque pour afficher les widgets adaptés aux pages de contenu.
    3. Sélectionnez un widget et cliquez sur OK.
    4. Définissez les propriétés du widget et son contenu, le cas échéant.
    5. Pour prévisualiser la page de magasin contenant le widget, cliquez sur Enregistrer et prévisualiser.
    6. Si la fenêtre Options d'aperçu du magasin s'affiche :
      1. Dans la liste URL de magasin, sélectionnez la page à prévisualiser.
      2. Développez Options, cliquez sur Spécifier la date et l'heure, puis spécifiez la date de début de votre présentation.
      3. Cliquez sur Lancer l'aperçu du magasin.
    7. Dans l'aperçu du magasin, vérifiez votre agencement.

      Pour obtenir des informations sur les widgets de la présentation, cliquez sur Afficher les informations sur la page dans la partie supérieure de la fenêtre d'aperçu. Ensuite, cliquez sur l'option Afficher les informations du widget qui vous intéresse.

    8. Pour ajouter d'autres widgets à votre agencement, répétez les étapes 10.a à 10.g.
      Conseil : Il n'est pas nécessaire de fermer et de relancer l'aperçu du magasin après chaque modification apportée à l'agencement. A la place, laissez l'aperçu du magasin ouvert et rechargez la fenêtre d'aperçu du magasin une fois les modifications apportées à l'agencement sauvegardées. Pour recharger la fenêtre d'aperçu du magasin, appuyez sur la touche F5 de votre clavier.
  11. Lorsque vous avez terminé votre présentation, cliquez sur Enregistrer.