DocumentationCommerceContenu et conception

[PaaS uniquement]{class="badge informative" title="S’applique uniquement aux projets Adobe Commerce on Cloud (infrastructure PaaS gérée par Adobe) et aux projets On-premise."}

Insertion d’un widget dans l’éditeur

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Rubriques :
  • CMS

Créé pour :

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

L’outil widget peut être utilisé pour ajouter différents éléments de contenu à la page, notamment des liens vers n’importe quelle page de contenu ou nœud de contenu, produit ou catégorie Commerce. Les liens peuvent être positionnés sur la page sous forme de bloc ou directement intégrés au contenu. Vous pouvez utiliser l’outil Widget pour créer des liens vers les types de contenu suivants :

Par défaut, les liens héritent de leur style de la feuille de style du thème.

IMPORTANT
L’insertion de nombreuses directives, en particulier de widgets tels que le type Récemment consultés / Produits comparés, peut avoir un effet négatif sur le premier chargement de la page lorsqu’elle n’est pas mise en cache. Pour cette raison, utilisez-les avec précaution. En règle générale, cela ne crée pas de problème. Mais vous devriez discuter de ce problème potentiel avec votre équipe de développement.

  1. Ouvrez une page, un bloc ou un bloc dynamique en mode d’édition.

  2. Accédez à la section Content ​et cliquez sur n’importe quel élément prenant en charge l’éditeur.

  3. Placez le curseur à l’endroit où vous souhaitez que le widget apparaisse, puis cliquez sur l’icône Insérer un widget.

    Barre d’outils de l’éditeur - Insérer un widget {width="700" modal="regular"}

    Si Page Builder n’est pas activé et que vous préférez utiliser le code, cliquez sur Show / Hide Editor. Positionnez le point d'insertion dans le texte à l'endroit où vous souhaitez que le widget apparaisse. Cliquez ensuite sur Insert Widget.

  4. Choisissez le Widget Type.

    Pour plus d’informations sur ces options, voir Types de widgets. Les étapes suivantes utilisent un exemple pour insérer un lien vers un produit.

  5. Pour utiliser le nom du produit, laissez le champ Anchor Custom Text vide.

  6. Saisissez un Anchor Custom Title pour connaître les bonnes pratiques d’optimisation du moteur de recherche (SEO).

    Ce titre n’est pas visible sur la page.

  7. Définissez Template sur l’une des options suivantes :

    • Pour incorporer le lien dans le texte, sélectionnez Product Link Inline Template.

    • Pour placer le lien sur une ligne distincte, sélectionnez Product Link Block Template.

  8. Cliquez sur Select Product et procédez comme suit :

    • Dans l’arborescence, accédez à la catégorie de votre choix.

    • Dans la liste, choisissez le produit lié.

  9. Cliquez sur Insert Widget pour placer le lien sur la page.

    Si vous utilisez du code HTML, une ​ balise de balisage ​ pour le lien s’affiche en haut de la page, entre doubles accolades. Si nécessaire, utilisez Couper et coller pour placer la balise de balisage dans le code où vous souhaitez que le lien apparaisse.

  10. Une fois vos modifications de contenu terminées, cliquez sur Save.

recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de