Créer une page à l'aide de l'éditeur visuel Page Designer

Un assistant de création de page vous guide tout au long du processus de création d'une page Page Designer dans l'éditeur visuel. Cette rubrique concerne B2C Commerce.

Éditions requises

Disponible avec : B2C Commerce

Pour créer et gérer des pages à l'aide de l'éditeur visuel Page Designer, le rôle d'un utilisateur doit inclure l'autorisation fonctionnelle Manage_All_Libraries dans le contexte de l'organisation. De façon alternative, le rôle d'un utilisateur peut aussi inclure Manage_Site_Library dans le contexte du site pour lequel il crée des pages.

Cliquez sur le lanceur d’application , puis sélectionnez Outils du marchand | site | Contenu | Page Designer.
Cliquez sur Créer.
Sélectionnez la mise en page.
Si nécessaire, indiquez comment vous souhaitez utiliser la page.
Par exemple, si vous utilisez une mise en page dynamique qui s'applique aux pages Liste de produits et Détails du produit, indiquez le type de page que vous souhaitez créer.
Si vous créez une page de modèle pour une liste de produits ou des détails de produit, sélectionnez les catégories que vous souhaitez associer à la page.
Lorsque vous associez une catégorie à une page, toutes ses sous-catégories sont implicitement associées à cette même page, sauf si vous modifiez explicitement l'association d'une sous-catégorie. Vous ne pouvez associer une catégorie qu'à une seule liste de produits et une seule page de détails de produit. Vous pouvez ignorer l'étape d'association de catégorie lors de la création de page et associer ou modifier les catégories ultérieurement dans les Paramètres de la page. Pour en savoir plus sur la création d'un modèle de page des détails de produit ou de liste de produits, voir Créer un modèle de page des détails de produit ou de liste de produits pour Page Designer.
Sélectionnez la langue de la page.
La meilleure pratique consiste à la créer dans votre langue de base, généralement la langue par défaut. Une variation de la page est ajoutée pour chaque paramètre régional dans la hiérarchie de substitution définie dans Business Manager. Vous pouvez ensuite utiliser les variations de page pour localiser les composants pour chaque paramètre régional, selon les besoins. Les composants non localisés s'affichent conformément à la hiérarchie de substitution définie dans Business Manager.
Indiquez un nom et un identifiant pour la page.
(Facultatif) Saisissez une description pour la page.
Contrôlez les informations que vous avez saisies.
Pour apporter des modifications, cliquez sur Modifier à côté des informations que vous souhaitez modifier.
Si toutes les informations sont correctes, cliquez sur Enregistrer et créer.
La nouvelle page s'affiche dans l'éditeur visuel. Certaines pages dynamiques affichent des informations en fonction de la catégorie ou du produit rendu. En règle générale, les informations de la première catégorie associée à la page sont affichées. Si aucune catégorie ni aucun produit ne s'affiche sur la page, ou si vous souhaitez voir une catégorie ou un produit différent, cliquez sur l'icône Paramètres de l'aperçu en haut de la page. Sélectionnez une catégorie ou indiquez une référence de produit pour Attributs dynamiques, puis cliquez sur Appliquer. Les images et le texte spécifiques à la catégorie ou au produit sélectionné s'affichent sur la page.
Pour ajouter des composants à la page, ouvrez le menu Composants en cliquant sur l'icône
Si le développeur a associé des composants par défaut aux régions, ces composants sont préremplis sur la page. Vous pouvez modifier ou supprimer les composants par défaut. Vous pouvez également copier jusqu’à 10 composants à la fois et les coller sur plusieurs pages (si la région ou le composant cible accepte le composant).
Sélectionnez un type de composant et glissez-le dans une région de la page.
Le composant est ajouté à la page, mais aucun attribut n'est configuré.
Dans le volet de droite, configurez les attributs du composant.
Si vous utilisez l'éditeur de texte enrichi, vous pouvez formater le texte à l'aide des balises Heading1, Heading2, Heading3, Heading4 et Paragraph. Lorsque la page s'affiche dans la boutique, le texte est formaté selon les styles correspondants dans le fichier CSS du navigateur. Pour ouvrir une plus grande fenêtre d'édition du texte, cliquez sur l'icône.

Certains composants possèdent des attributs dynamiques qui utilisent par défaut la catégorie ou le produit rendu pour déterminer le contenu à afficher. Pour remplacer la catégorie ou le produit transmis à la page, cliquez sur l'icône de modification à côté de Valeur associée à la page. Sélectionnez une autre catégorie.
Pour indiquer pour quels clients et à quel moment un composant est visible, cliquez sur le menu déroulant à côté de son nom dans le panneau de droite.
En contrôlant la visibilité, vous pouvez ajouter plusieurs composants à une région.
1. Pour afficher le composant à des groupes de clients spécifiques, sélectionnez Groupes de clients.
2. Pour préciser la date et l'heure auxquelles vous souhaitez que le composant soit visible, sélectionnez Planification.
3. Choisissez les groupes de clients, la date et l'heure régissant la visibilité du composant, puis cliquez sur Appliquer.
  Les horaires sont indiqués en fonction du fuseau horaire de votre site.
Cliquez sur Enregistrer.
Ajoutez un ou plusieurs composants à chaque région de la page.
Certains composants peuvent comporter des régions auxquelles vous devez ajouter d'autres composants.
Pour consulter l'apparence de la page pour des clients spécifiques à certaines dates, depuis différents codes source, ou avec des attributs dynamiques différents, cliquez sur l'icône Afficher. Ajustez les paramètres, puis cliquez sur Aperçu.
Pour consulter l'apparence de la page sur différents appareils, cliquez sur les icônes Viewport.
Pour ajuster les dimensions de l'aperçu, cliquez sur l'icône Modifier , et indiquez la largeur et la hauteur en pixels.
Si vous entrez des valeurs supérieures aux dimensions en pixels de l'écran sur lequel vous travaillez, parfois la largeur et la hauteur ne se redimensionnent pas correctement. Si vous indiquez des valeurs personnalisées pour les dimensions, vous ne pourrez parfois pas positionner correctement les composants sur la page. Pour calculer automatiquement les valeurs en pixels, cliquez à nouveau sur l'icône Modifier.
Pour basculer entre les modes portrait et paysage, cliquez sur l'icône Faire pivoter.
Lorsque l'apparence de la page vous convient, cliquez sur Publier pour la rendre disponible en ligne.