DocumentationCommercePage Builder

Page Builder setup

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Créé pour :

  • Débutant
  • Intermédiaire
  • Utilisateur ou utilisatrice

Lorsqu’il est activé dans la configuration, Page Builder est l’outil de création de contenu par défaut pour les pages CMS, les blocs et les blocs dynamiques. En outre, le bouton Enable Advanced CMS ​propose Page Builder comme option pour les catégories et les produits. Vous pouvez également choisir la mise en page par défaut que vous souhaitez utiliser pour les produits, les catégories et les pages CMS. Page Builder n’est pas disponible pour le contenu de la newsletter, qui utilise l’ éditeur WYSIWYG.

NOTE
Lorsqu'il est installé, Page Builder remplace le paramètre par défaut du champ de configuration Mask for Meta Description. La valeur a été changée de {{name}} {{description}} en {{name}}.


Vous pouvez accéder à ce paramètre lorsque vous accédez à Stores > Settings> Configuration, développez Catalog et choisissez Catalog en dessous. Le champ Mask for Meta Description se trouve dans la section Product Fields Auto-generation.
NOTE
Un utilisateur administrateur doit disposer de Content autorisations pour sa portée de rôle pour afficher les boutons Edit with Page Builder et pouvoir utiliser le générateur de pages.

Pour plus d’informations sur les options de configuration des outils avancés de gestion de contenu, consultez le Guide de référence de configuration.

Configurer Page Builder

  1. Sur la barre latérale Admin, accédez à Stores > Settings>Configuration.

  2. Dans le panneau de gauche sous General, choisissez Content Management.

  3. Développez Développeur de sélecteur Advanced Content Tools et vérifiez que Enable Page Builder est défini sur Yes.

    Outils de contenu avancé {width="600" modal="regular"}

  4. Si vous êtes prêt à configurer Google Maps, procédez comme suit :

    note note
    NOTE
    Voir Media - Map pour plus d’informations sur l’utilisation de Google Maps dans votre contenu Page Builder.

  5. Pour configurer le nombre de directives dans la grille de colonnes Page Builder, procédez comme suit :

    • Pour Default Column Grid Size, saisissez le nombre de colonnes par défaut à afficher dans la grille.

    • Pour Maximum Column Grid Size, saisissez le plus grand nombre de colonnes que vous souhaitez voir disponibles dans la grille.

    note note
    NOTE
    Voir Disposition - Colonne pour plus d’informations sur l’utilisation de la grille de colonnes lors de l’utilisation de votre contenu Page Builder.

  6. Une fois l’opération terminée, cliquez sur Save Config.

Configuration des dispositions par défaut

  1. Sur la barre latérale Admin, accédez à Stores > Settings>Configuration.

  2. Dans le panneau de gauche sous General, choisissez Web.

  3. Développez Sélecteur d’extension Default Layouts et procédez comme suit :

    Disposition par défaut {width="600" modal="regular"}

    Pour plus d’informations sur les options de configuration Web, consultez le Guide de référence de configuration.

    • Sélectionnez le Default Product Layout que vous souhaitez utiliser pour les pages de produits.

    • Sélectionnez le Default Category Layout à utiliser pour les pages de catégorie.

    • Sélectionnez le Default Page Layout que vous souhaitez utiliser pour les pages CMS.

  4. Une fois l’opération terminée, cliquez sur Save Config.

Désactiver Page Builder

NOTE
La désactivation de Page Builder remplace les outils de contenu avancés par l’éditeur WYSIWYGet peut entraîner des erreurs d’affichage dans le storefront. Le contenu que vous avez précédemment créé avec Page Builder peut ne pas être modifiable à partir de l’administrateur.

  1. Sur la barre latérale Admin, accédez à Stores > Settings>Configuration.

  2. Dans le panneau de gauche sous General, choisissez Content Management.

  3. Développez Développeur de sélecteur Advanced Content Tools et définissez Enable Page Builder sur No.

  4. Lorsque vous êtes invité à confirmer l’opération, cliquez sur Turn Off.

  5. Une fois l’opération terminée, cliquez sur Save Config.

  6. Lorsque vous y êtes invité, actualiser n’importe quel cache non valide.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d